@charset "UTF-8";
/* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, .tx-felogin-pi1 > h3 + div, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
ol, ul {
list-style: none;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
@font-face {
font-family: "lovingyouregular";
src: url("../Fonts/lovingyou-webfont.woff2") format("woff2"), url("../Fonts/lovingyou-webfont.woff") format("woff");
font-display: block;
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "volteregular";
src: url("../Fonts/volte-webfont.woff2") format("woff2"), url("../Fonts/volte-webfont.woff") format("woff");
font-display: fallback;
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "voltebold";
src: url("../Fonts/volte_bold-webfont.woff2") format("woff2"), url("../Fonts/volte_bold-webfont.woff") format("woff");
font-display: fallback;
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "voltemedium";
src: url("../Fonts/volte_medium-webfont.woff2") format("woff2"), url("../Fonts/volte_medium-webfont.woff") format("woff");
font-weight: 500;
font-style: normal;
}
/* dancing-script-700 - latin */
@font-face {
font-family: "Dancing Script";
src: url("../Fonts/dancing-script-v25-latin-700.woff2") format("woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
}
/*
|--------------------------------------------------------------------------
| Grid.scss
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Map Deep Get Function
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Map Deep Get Function
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Strip Unit Function
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Default Grid Settings
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Variables
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Center Mixin
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Fluid Mixin
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Make Col Padding Mixin
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Make Col Position Mixin
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Make Col Mixin
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Make Row Margin Mixin
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Make Row Mixin
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Make Section Padding Mixin
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Make Section Mixin
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Vertical Rhythm Mixin
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Vertical Rhythm Mixin
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Col Offset Mixin
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Col Push Mixin
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Col Pull Mixin
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Section Classes
|--------------------------------------------------------------------------
*/
[class*=va--section] {
width: 100%;
max-width: 1248px;
padding-left: 12px;
padding-right: 12px;
}
@media screen and (min-width: 321px) {
[class*=va--section] {
padding-left: calc(12px + 12 * (100vw - 321px) / (927));
padding-right: calc(12px + 12 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
[class*=va--section] {
padding-left: 24px;
padding-right: 24px;
}
}
[class*=va--section] {
margin-left: auto;
margin-right: auto;
}
[class*=va--section].is-fluid {
width: 100%;
max-width: none;
padding-left: 12px;
padding-right: 12px;
}
@media screen and (min-width: 321px) {
[class*=va--section].is-fluid {
padding-left: calc(12px + 12 * (100vw - 321px) / (927));
padding-right: calc(12px + 12 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
[class*=va--section].is-fluid {
padding-left: 24px;
padding-right: 24px;
}
}
[class*=va--section] > [class*=va--section] {
padding-top: 0;
padding-bottom: 0px;
}
@media screen and (min-width: 321px) {
[class*=va--section] > [class*=va--section] {
padding-bottom: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
[class*=va--section] > [class*=va--section] {
padding-bottom: 0px;
}
}
/*
|--------------------------------------------------------------------------
| Row Classes
|--------------------------------------------------------------------------
*/
[class^=va--row] {
width: auto;
margin-left: -6px;
margin-right: -6px;
}
@media screen and (min-width: 321px) {
[class^=va--row] {
margin-left: calc(-6px + -6 * (100vw - 321px) / (927));
margin-right: calc(-6px + -6 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
[class^=va--row] {
margin-left: -12px;
margin-right: -12px;
}
}
[class^=va--row] {
display: -ms-flexbox;
display: flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-flex: 1 1 auto;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
[class^=va--row].no-padding > [class^=va--col] {
padding-left: 0px;
padding-right: 0px;
}
@media screen and (min-width: 321px) {
[class^=va--row].no-padding > [class^=va--col] {
padding-left: calc(0px + 0 * (100vw - 321px) / (927));
padding-right: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
[class^=va--row].no-padding > [class^=va--col] {
padding-left: 0px;
padding-right: 0px;
}
}
.items-x-start {
-webkit-box-pack: start;
-moz-box-pack: start;
box-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
.items-x-center {
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
.items-x-end {
-webkit-box-pack: end;
-moz-box-pack: end;
box-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
-o-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.items-x-around {
-webkit-box-pack: distribute;
-moz-box-pack: distribute;
box-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-justify-content: space-around;
-o-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: distribute;
}
.items-x-between {
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
.items-y-start {
-webkit-box-align: start;
-moz-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start;
-ms-flex-align: start;
}
.items-y-center {
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
.items-y-end {
-webkit-box-align: end;
-moz-box-align: end;
box-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: end;
}
.items-y-stretch {
-webkit-box-align: stretch;
-moz-box-align: stretch;
box-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-o-align-items: stretch;
align-items: stretch;
-ms-flex-align: stretch;
}
@media screen and (min-width: 321px) {
.va--row {
width: auto;
margin-left: -6px;
margin-right: -6px;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 321px) and (min-width: 321px) {
.va--row {
margin-left: calc(-6px + -6 * (100vw - 321px) / (927));
margin-right: calc(-6px + -6 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 321px) and (min-width: 1248px) {
.va--row {
margin-left: -12px;
margin-right: -12px;
}
}
@media screen and (min-width: 551px) {
.va--row {
width: auto;
margin-left: -6px;
margin-right: -6px;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 551px) and (min-width: 321px) {
.va--row {
margin-left: calc(-6px + -6 * (100vw - 321px) / (927));
margin-right: calc(-6px + -6 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 551px) and (min-width: 1248px) {
.va--row {
margin-left: -12px;
margin-right: -12px;
}
}
@media screen and (min-width: 761px) {
.va--row {
width: auto;
margin-left: -6px;
margin-right: -6px;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 761px) and (min-width: 321px) {
.va--row {
margin-left: calc(-6px + -6 * (100vw - 321px) / (927));
margin-right: calc(-6px + -6 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 761px) and (min-width: 1248px) {
.va--row {
margin-left: -12px;
margin-right: -12px;
}
}
@media screen and (min-width: 931px) {
.va--row {
width: auto;
margin-left: -6px;
margin-right: -6px;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 931px) and (min-width: 321px) {
.va--row {
margin-left: calc(-6px + -6 * (100vw - 321px) / (927));
margin-right: calc(-6px + -6 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 931px) and (min-width: 1248px) {
.va--row {
margin-left: -12px;
margin-right: -12px;
}
}
@media screen and (min-width: 1001px) {
.va--row {
width: auto;
margin-left: -6px;
margin-right: -6px;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 1001px) and (min-width: 321px) {
.va--row {
margin-left: calc(-6px + -6 * (100vw - 321px) / (927));
margin-right: calc(-6px + -6 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1001px) and (min-width: 1248px) {
.va--row {
margin-left: -12px;
margin-right: -12px;
}
}
@media screen and (min-width: 1151px) {
.va--row {
width: auto;
margin-left: -6px;
margin-right: -6px;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 1151px) and (min-width: 321px) {
.va--row {
margin-left: calc(-6px + -6 * (100vw - 321px) / (927));
margin-right: calc(-6px + -6 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1151px) and (min-width: 1248px) {
.va--row {
margin-left: -12px;
margin-right: -12px;
}
}
@media screen and (min-width: 1381px) {
.va--row {
width: auto;
margin-left: -6px;
margin-right: -6px;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 1381px) and (min-width: 321px) {
.va--row {
margin-left: calc(-6px + -6 * (100vw - 321px) / (927));
margin-right: calc(-6px + -6 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1381px) and (min-width: 1248px) {
.va--row {
margin-left: -12px;
margin-right: -12px;
}
}
@media screen and (min-width: 1601px) {
.va--row {
width: auto;
margin-left: -6px;
margin-right: -6px;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 1601px) and (min-width: 321px) {
.va--row {
margin-left: calc(-6px + -6 * (100vw - 321px) / (927));
margin-right: calc(-6px + -6 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1601px) and (min-width: 1248px) {
.va--row {
margin-left: -12px;
margin-right: -12px;
}
}
@media screen and (min-width: 1248px) {
.va--row {
width: auto;
margin-left: -6px;
margin-right: -6px;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 1248px) and (min-width: 321px) {
.va--row {
margin-left: calc(-6px + -6 * (100vw - 321px) / (927));
margin-right: calc(-6px + -6 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) and (min-width: 1248px) {
.va--row {
margin-left: -12px;
margin-right: -12px;
}
}
/*
|--------------------------------------------------------------------------
| Col Classes
|--------------------------------------------------------------------------
*/
[class^=va--col] {
padding-left: 6px;
padding-right: 6px;
}
@media screen and (min-width: 321px) {
[class^=va--col] {
padding-left: calc(6px + 6 * (100vw - 321px) / (927));
padding-right: calc(6px + 6 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
[class^=va--col] {
padding-left: 12px;
padding-right: 12px;
}
}
[class^=va--col] {
position: relative;
min-height: 1px;
-webkit-flex: 1 1 100%;
-moz-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
}
[class^=va--col-] {
padding-left: 6px;
padding-right: 6px;
}
@media screen and (min-width: 321px) {
[class^=va--col-] {
padding-left: calc(6px + 6 * (100vw - 321px) / (927));
padding-right: calc(6px + 6 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
[class^=va--col-] {
padding-left: 12px;
padding-right: 12px;
}
}
[class^=va--col-] {
position: relative;
min-height: 1px;
-webkit-flex: 1 1 100%;
-moz-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
}
[class^=va--col].no-padding {
padding-left: 0px;
padding-right: 0px;
}
@media screen and (min-width: 321px) {
[class^=va--col].no-padding {
padding-left: calc(0px + 0 * (100vw - 321px) / (927));
padding-right: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
[class^=va--col].no-padding {
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (min-width: 321px) {
.va--col-0 {
-webkit-flex: 0 1 0%;
-moz-flex: 0 1 0%;
-ms-flex: 0 1 0%;
flex: 0 1 0%;
max-width: 0%;
}
[class^=va--row].va--grid-reverse .va--col-offset-0 {
margin-right: 0%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-0 {
margin-left: 0%;
}
.va--col-1 {
-webkit-flex: 0 1 50%;
-moz-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 50%;
}
[class^=va--row].va--grid-reverse .va--col-offset-1 {
margin-right: 50%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-1 {
margin-left: 50%;
}
.va--col-2 {
-webkit-flex: 0 1 100%;
-moz-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
[class^=va--row].va--grid-reverse .va--col-offset-2 {
margin-right: 100%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-2 {
margin-left: 100%;
}
}
@media screen and (min-width: 551px) {
.va--col-xxs-0 {
-webkit-flex: 0 1 0%;
-moz-flex: 0 1 0%;
-ms-flex: 0 1 0%;
flex: 0 1 0%;
max-width: 0%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxs-0 {
margin-right: 0%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxs-0 {
margin-left: 0%;
}
.va--col-xxs-1 {
-webkit-flex: 0 1 16.6666666667%;
-moz-flex: 0 1 16.6666666667%;
-ms-flex: 0 1 16.6666666667%;
flex: 0 1 16.6666666667%;
max-width: 16.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxs-1 {
margin-right: 16.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxs-1 {
margin-left: 16.6666666667%;
}
.va--col-xxs-2 {
-webkit-flex: 0 1 33.3333333333%;
-moz-flex: 0 1 33.3333333333%;
-ms-flex: 0 1 33.3333333333%;
flex: 0 1 33.3333333333%;
max-width: 33.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxs-2 {
margin-right: 33.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxs-2 {
margin-left: 33.3333333333%;
}
.va--col-xxs-3 {
-webkit-flex: 0 1 50%;
-moz-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 50%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxs-3 {
margin-right: 50%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxs-3 {
margin-left: 50%;
}
.va--col-xxs-4 {
-webkit-flex: 0 1 66.6666666667%;
-moz-flex: 0 1 66.6666666667%;
-ms-flex: 0 1 66.6666666667%;
flex: 0 1 66.6666666667%;
max-width: 66.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxs-4 {
margin-right: 66.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxs-4 {
margin-left: 66.6666666667%;
}
.va--col-xxs-5 {
-webkit-flex: 0 1 83.3333333333%;
-moz-flex: 0 1 83.3333333333%;
-ms-flex: 0 1 83.3333333333%;
flex: 0 1 83.3333333333%;
max-width: 83.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxs-5 {
margin-right: 83.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxs-5 {
margin-left: 83.3333333333%;
}
.va--col-xxs-6 {
-webkit-flex: 0 1 100%;
-moz-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxs-6 {
margin-right: 100%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxs-6 {
margin-left: 100%;
}
}
@media screen and (min-width: 761px) {
.va--col-xs-0 {
-webkit-flex: 0 1 0%;
-moz-flex: 0 1 0%;
-ms-flex: 0 1 0%;
flex: 0 1 0%;
max-width: 0%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xs-0 {
margin-right: 0%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xs-0 {
margin-left: 0%;
}
.va--col-xs-1 {
-webkit-flex: 0 1 16.6666666667%;
-moz-flex: 0 1 16.6666666667%;
-ms-flex: 0 1 16.6666666667%;
flex: 0 1 16.6666666667%;
max-width: 16.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xs-1 {
margin-right: 16.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xs-1 {
margin-left: 16.6666666667%;
}
.va--col-xs-2 {
-webkit-flex: 0 1 33.3333333333%;
-moz-flex: 0 1 33.3333333333%;
-ms-flex: 0 1 33.3333333333%;
flex: 0 1 33.3333333333%;
max-width: 33.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xs-2 {
margin-right: 33.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xs-2 {
margin-left: 33.3333333333%;
}
.va--col-xs-3 {
-webkit-flex: 0 1 50%;
-moz-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 50%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xs-3 {
margin-right: 50%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xs-3 {
margin-left: 50%;
}
.va--col-xs-4 {
-webkit-flex: 0 1 66.6666666667%;
-moz-flex: 0 1 66.6666666667%;
-ms-flex: 0 1 66.6666666667%;
flex: 0 1 66.6666666667%;
max-width: 66.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xs-4 {
margin-right: 66.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xs-4 {
margin-left: 66.6666666667%;
}
.va--col-xs-5 {
-webkit-flex: 0 1 83.3333333333%;
-moz-flex: 0 1 83.3333333333%;
-ms-flex: 0 1 83.3333333333%;
flex: 0 1 83.3333333333%;
max-width: 83.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xs-5 {
margin-right: 83.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xs-5 {
margin-left: 83.3333333333%;
}
.va--col-xs-6 {
-webkit-flex: 0 1 100%;
-moz-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xs-6 {
margin-right: 100%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xs-6 {
margin-left: 100%;
}
}
@media screen and (min-width: 931px) {
.va--col-s-0 {
-webkit-flex: 0 1 0%;
-moz-flex: 0 1 0%;
-ms-flex: 0 1 0%;
flex: 0 1 0%;
max-width: 0%;
}
[class^=va--row].va--grid-reverse .va--col-offset-s-0 {
margin-right: 0%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-s-0 {
margin-left: 0%;
}
.va--col-s-1 {
-webkit-flex: 0 1 8.3333333333%;
-moz-flex: 0 1 8.3333333333%;
-ms-flex: 0 1 8.3333333333%;
flex: 0 1 8.3333333333%;
max-width: 8.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-s-1 {
margin-right: 8.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-s-1 {
margin-left: 8.3333333333%;
}
.va--col-s-2 {
-webkit-flex: 0 1 16.6666666667%;
-moz-flex: 0 1 16.6666666667%;
-ms-flex: 0 1 16.6666666667%;
flex: 0 1 16.6666666667%;
max-width: 16.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-s-2 {
margin-right: 16.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-s-2 {
margin-left: 16.6666666667%;
}
.va--col-s-3 {
-webkit-flex: 0 1 25%;
-moz-flex: 0 1 25%;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
max-width: 25%;
}
[class^=va--row].va--grid-reverse .va--col-offset-s-3 {
margin-right: 25%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-s-3 {
margin-left: 25%;
}
.va--col-s-4 {
-webkit-flex: 0 1 33.3333333333%;
-moz-flex: 0 1 33.3333333333%;
-ms-flex: 0 1 33.3333333333%;
flex: 0 1 33.3333333333%;
max-width: 33.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-s-4 {
margin-right: 33.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-s-4 {
margin-left: 33.3333333333%;
}
.va--col-s-5 {
-webkit-flex: 0 1 41.6666666667%;
-moz-flex: 0 1 41.6666666667%;
-ms-flex: 0 1 41.6666666667%;
flex: 0 1 41.6666666667%;
max-width: 41.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-s-5 {
margin-right: 41.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-s-5 {
margin-left: 41.6666666667%;
}
.va--col-s-6 {
-webkit-flex: 0 1 50%;
-moz-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 50%;
}
[class^=va--row].va--grid-reverse .va--col-offset-s-6 {
margin-right: 50%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-s-6 {
margin-left: 50%;
}
.va--col-s-7 {
-webkit-flex: 0 1 58.3333333333%;
-moz-flex: 0 1 58.3333333333%;
-ms-flex: 0 1 58.3333333333%;
flex: 0 1 58.3333333333%;
max-width: 58.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-s-7 {
margin-right: 58.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-s-7 {
margin-left: 58.3333333333%;
}
.va--col-s-8 {
-webkit-flex: 0 1 66.6666666667%;
-moz-flex: 0 1 66.6666666667%;
-ms-flex: 0 1 66.6666666667%;
flex: 0 1 66.6666666667%;
max-width: 66.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-s-8 {
margin-right: 66.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-s-8 {
margin-left: 66.6666666667%;
}
.va--col-s-9 {
-webkit-flex: 0 1 75%;
-moz-flex: 0 1 75%;
-ms-flex: 0 1 75%;
flex: 0 1 75%;
max-width: 75%;
}
[class^=va--row].va--grid-reverse .va--col-offset-s-9 {
margin-right: 75%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-s-9 {
margin-left: 75%;
}
.va--col-s-10 {
-webkit-flex: 0 1 83.3333333333%;
-moz-flex: 0 1 83.3333333333%;
-ms-flex: 0 1 83.3333333333%;
flex: 0 1 83.3333333333%;
max-width: 83.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-s-10 {
margin-right: 83.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-s-10 {
margin-left: 83.3333333333%;
}
.va--col-s-11 {
-webkit-flex: 0 1 91.6666666667%;
-moz-flex: 0 1 91.6666666667%;
-ms-flex: 0 1 91.6666666667%;
flex: 0 1 91.6666666667%;
max-width: 91.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-s-11 {
margin-right: 91.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-s-11 {
margin-left: 91.6666666667%;
}
.va--col-s-12 {
-webkit-flex: 0 1 100%;
-moz-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
[class^=va--row].va--grid-reverse .va--col-offset-s-12 {
margin-right: 100%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-s-12 {
margin-left: 100%;
}
}
@media screen and (min-width: 1001px) {
.va--col-m-0 {
-webkit-flex: 0 1 0%;
-moz-flex: 0 1 0%;
-ms-flex: 0 1 0%;
flex: 0 1 0%;
max-width: 0%;
}
[class^=va--row].va--grid-reverse .va--col-offset-m-0 {
margin-right: 0%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-m-0 {
margin-left: 0%;
}
.va--col-m-1 {
-webkit-flex: 0 1 8.3333333333%;
-moz-flex: 0 1 8.3333333333%;
-ms-flex: 0 1 8.3333333333%;
flex: 0 1 8.3333333333%;
max-width: 8.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-m-1 {
margin-right: 8.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-m-1 {
margin-left: 8.3333333333%;
}
.va--col-m-2 {
-webkit-flex: 0 1 16.6666666667%;
-moz-flex: 0 1 16.6666666667%;
-ms-flex: 0 1 16.6666666667%;
flex: 0 1 16.6666666667%;
max-width: 16.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-m-2 {
margin-right: 16.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-m-2 {
margin-left: 16.6666666667%;
}
.va--col-m-3 {
-webkit-flex: 0 1 25%;
-moz-flex: 0 1 25%;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
max-width: 25%;
}
[class^=va--row].va--grid-reverse .va--col-offset-m-3 {
margin-right: 25%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-m-3 {
margin-left: 25%;
}
.va--col-m-4 {
-webkit-flex: 0 1 33.3333333333%;
-moz-flex: 0 1 33.3333333333%;
-ms-flex: 0 1 33.3333333333%;
flex: 0 1 33.3333333333%;
max-width: 33.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-m-4 {
margin-right: 33.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-m-4 {
margin-left: 33.3333333333%;
}
.va--col-m-5 {
-webkit-flex: 0 1 41.6666666667%;
-moz-flex: 0 1 41.6666666667%;
-ms-flex: 0 1 41.6666666667%;
flex: 0 1 41.6666666667%;
max-width: 41.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-m-5 {
margin-right: 41.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-m-5 {
margin-left: 41.6666666667%;
}
.va--col-m-6 {
-webkit-flex: 0 1 50%;
-moz-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 50%;
}
[class^=va--row].va--grid-reverse .va--col-offset-m-6 {
margin-right: 50%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-m-6 {
margin-left: 50%;
}
.va--col-m-7 {
-webkit-flex: 0 1 58.3333333333%;
-moz-flex: 0 1 58.3333333333%;
-ms-flex: 0 1 58.3333333333%;
flex: 0 1 58.3333333333%;
max-width: 58.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-m-7 {
margin-right: 58.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-m-7 {
margin-left: 58.3333333333%;
}
.va--col-m-8 {
-webkit-flex: 0 1 66.6666666667%;
-moz-flex: 0 1 66.6666666667%;
-ms-flex: 0 1 66.6666666667%;
flex: 0 1 66.6666666667%;
max-width: 66.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-m-8 {
margin-right: 66.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-m-8 {
margin-left: 66.6666666667%;
}
.va--col-m-9 {
-webkit-flex: 0 1 75%;
-moz-flex: 0 1 75%;
-ms-flex: 0 1 75%;
flex: 0 1 75%;
max-width: 75%;
}
[class^=va--row].va--grid-reverse .va--col-offset-m-9 {
margin-right: 75%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-m-9 {
margin-left: 75%;
}
.va--col-m-10 {
-webkit-flex: 0 1 83.3333333333%;
-moz-flex: 0 1 83.3333333333%;
-ms-flex: 0 1 83.3333333333%;
flex: 0 1 83.3333333333%;
max-width: 83.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-m-10 {
margin-right: 83.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-m-10 {
margin-left: 83.3333333333%;
}
.va--col-m-11 {
-webkit-flex: 0 1 91.6666666667%;
-moz-flex: 0 1 91.6666666667%;
-ms-flex: 0 1 91.6666666667%;
flex: 0 1 91.6666666667%;
max-width: 91.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-m-11 {
margin-right: 91.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-m-11 {
margin-left: 91.6666666667%;
}
.va--col-m-12 {
-webkit-flex: 0 1 100%;
-moz-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
[class^=va--row].va--grid-reverse .va--col-offset-m-12 {
margin-right: 100%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-m-12 {
margin-left: 100%;
}
}
@media screen and (min-width: 1151px) {
.va--col-l-0 {
-webkit-flex: 0 1 0%;
-moz-flex: 0 1 0%;
-ms-flex: 0 1 0%;
flex: 0 1 0%;
max-width: 0%;
}
[class^=va--row].va--grid-reverse .va--col-offset-l-0 {
margin-right: 0%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-l-0 {
margin-left: 0%;
}
.va--col-l-1 {
-webkit-flex: 0 1 8.3333333333%;
-moz-flex: 0 1 8.3333333333%;
-ms-flex: 0 1 8.3333333333%;
flex: 0 1 8.3333333333%;
max-width: 8.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-l-1 {
margin-right: 8.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-l-1 {
margin-left: 8.3333333333%;
}
.va--col-l-2 {
-webkit-flex: 0 1 16.6666666667%;
-moz-flex: 0 1 16.6666666667%;
-ms-flex: 0 1 16.6666666667%;
flex: 0 1 16.6666666667%;
max-width: 16.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-l-2 {
margin-right: 16.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-l-2 {
margin-left: 16.6666666667%;
}
.va--col-l-3 {
-webkit-flex: 0 1 25%;
-moz-flex: 0 1 25%;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
max-width: 25%;
}
[class^=va--row].va--grid-reverse .va--col-offset-l-3 {
margin-right: 25%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-l-3 {
margin-left: 25%;
}
.va--col-l-4 {
-webkit-flex: 0 1 33.3333333333%;
-moz-flex: 0 1 33.3333333333%;
-ms-flex: 0 1 33.3333333333%;
flex: 0 1 33.3333333333%;
max-width: 33.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-l-4 {
margin-right: 33.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-l-4 {
margin-left: 33.3333333333%;
}
.va--col-l-5 {
-webkit-flex: 0 1 41.6666666667%;
-moz-flex: 0 1 41.6666666667%;
-ms-flex: 0 1 41.6666666667%;
flex: 0 1 41.6666666667%;
max-width: 41.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-l-5 {
margin-right: 41.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-l-5 {
margin-left: 41.6666666667%;
}
.va--col-l-6 {
-webkit-flex: 0 1 50%;
-moz-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 50%;
}
[class^=va--row].va--grid-reverse .va--col-offset-l-6 {
margin-right: 50%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-l-6 {
margin-left: 50%;
}
.va--col-l-7 {
-webkit-flex: 0 1 58.3333333333%;
-moz-flex: 0 1 58.3333333333%;
-ms-flex: 0 1 58.3333333333%;
flex: 0 1 58.3333333333%;
max-width: 58.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-l-7 {
margin-right: 58.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-l-7 {
margin-left: 58.3333333333%;
}
.va--col-l-8 {
-webkit-flex: 0 1 66.6666666667%;
-moz-flex: 0 1 66.6666666667%;
-ms-flex: 0 1 66.6666666667%;
flex: 0 1 66.6666666667%;
max-width: 66.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-l-8 {
margin-right: 66.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-l-8 {
margin-left: 66.6666666667%;
}
.va--col-l-9 {
-webkit-flex: 0 1 75%;
-moz-flex: 0 1 75%;
-ms-flex: 0 1 75%;
flex: 0 1 75%;
max-width: 75%;
}
[class^=va--row].va--grid-reverse .va--col-offset-l-9 {
margin-right: 75%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-l-9 {
margin-left: 75%;
}
.va--col-l-10 {
-webkit-flex: 0 1 83.3333333333%;
-moz-flex: 0 1 83.3333333333%;
-ms-flex: 0 1 83.3333333333%;
flex: 0 1 83.3333333333%;
max-width: 83.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-l-10 {
margin-right: 83.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-l-10 {
margin-left: 83.3333333333%;
}
.va--col-l-11 {
-webkit-flex: 0 1 91.6666666667%;
-moz-flex: 0 1 91.6666666667%;
-ms-flex: 0 1 91.6666666667%;
flex: 0 1 91.6666666667%;
max-width: 91.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-l-11 {
margin-right: 91.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-l-11 {
margin-left: 91.6666666667%;
}
.va--col-l-12 {
-webkit-flex: 0 1 100%;
-moz-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
[class^=va--row].va--grid-reverse .va--col-offset-l-12 {
margin-right: 100%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-l-12 {
margin-left: 100%;
}
}
@media screen and (min-width: 1381px) {
.va--col-xl-0 {
-webkit-flex: 0 1 0%;
-moz-flex: 0 1 0%;
-ms-flex: 0 1 0%;
flex: 0 1 0%;
max-width: 0%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xl-0 {
margin-right: 0%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xl-0 {
margin-left: 0%;
}
.va--col-xl-1 {
-webkit-flex: 0 1 8.3333333333%;
-moz-flex: 0 1 8.3333333333%;
-ms-flex: 0 1 8.3333333333%;
flex: 0 1 8.3333333333%;
max-width: 8.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xl-1 {
margin-right: 8.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xl-1 {
margin-left: 8.3333333333%;
}
.va--col-xl-2 {
-webkit-flex: 0 1 16.6666666667%;
-moz-flex: 0 1 16.6666666667%;
-ms-flex: 0 1 16.6666666667%;
flex: 0 1 16.6666666667%;
max-width: 16.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xl-2 {
margin-right: 16.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xl-2 {
margin-left: 16.6666666667%;
}
.va--col-xl-3 {
-webkit-flex: 0 1 25%;
-moz-flex: 0 1 25%;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
max-width: 25%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xl-3 {
margin-right: 25%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xl-3 {
margin-left: 25%;
}
.va--col-xl-4 {
-webkit-flex: 0 1 33.3333333333%;
-moz-flex: 0 1 33.3333333333%;
-ms-flex: 0 1 33.3333333333%;
flex: 0 1 33.3333333333%;
max-width: 33.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xl-4 {
margin-right: 33.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xl-4 {
margin-left: 33.3333333333%;
}
.va--col-xl-5 {
-webkit-flex: 0 1 41.6666666667%;
-moz-flex: 0 1 41.6666666667%;
-ms-flex: 0 1 41.6666666667%;
flex: 0 1 41.6666666667%;
max-width: 41.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xl-5 {
margin-right: 41.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xl-5 {
margin-left: 41.6666666667%;
}
.va--col-xl-6 {
-webkit-flex: 0 1 50%;
-moz-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 50%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xl-6 {
margin-right: 50%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xl-6 {
margin-left: 50%;
}
.va--col-xl-7 {
-webkit-flex: 0 1 58.3333333333%;
-moz-flex: 0 1 58.3333333333%;
-ms-flex: 0 1 58.3333333333%;
flex: 0 1 58.3333333333%;
max-width: 58.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xl-7 {
margin-right: 58.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xl-7 {
margin-left: 58.3333333333%;
}
.va--col-xl-8 {
-webkit-flex: 0 1 66.6666666667%;
-moz-flex: 0 1 66.6666666667%;
-ms-flex: 0 1 66.6666666667%;
flex: 0 1 66.6666666667%;
max-width: 66.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xl-8 {
margin-right: 66.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xl-8 {
margin-left: 66.6666666667%;
}
.va--col-xl-9 {
-webkit-flex: 0 1 75%;
-moz-flex: 0 1 75%;
-ms-flex: 0 1 75%;
flex: 0 1 75%;
max-width: 75%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xl-9 {
margin-right: 75%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xl-9 {
margin-left: 75%;
}
.va--col-xl-10 {
-webkit-flex: 0 1 83.3333333333%;
-moz-flex: 0 1 83.3333333333%;
-ms-flex: 0 1 83.3333333333%;
flex: 0 1 83.3333333333%;
max-width: 83.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xl-10 {
margin-right: 83.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xl-10 {
margin-left: 83.3333333333%;
}
.va--col-xl-11 {
-webkit-flex: 0 1 91.6666666667%;
-moz-flex: 0 1 91.6666666667%;
-ms-flex: 0 1 91.6666666667%;
flex: 0 1 91.6666666667%;
max-width: 91.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xl-11 {
margin-right: 91.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xl-11 {
margin-left: 91.6666666667%;
}
.va--col-xl-12 {
-webkit-flex: 0 1 100%;
-moz-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xl-12 {
margin-right: 100%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xl-12 {
margin-left: 100%;
}
}
@media screen and (min-width: 1601px) {
.va--col-xxl-0 {
-webkit-flex: 0 1 0%;
-moz-flex: 0 1 0%;
-ms-flex: 0 1 0%;
flex: 0 1 0%;
max-width: 0%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxl-0 {
margin-right: 0%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxl-0 {
margin-left: 0%;
}
.va--col-xxl-1 {
-webkit-flex: 0 1 8.3333333333%;
-moz-flex: 0 1 8.3333333333%;
-ms-flex: 0 1 8.3333333333%;
flex: 0 1 8.3333333333%;
max-width: 8.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxl-1 {
margin-right: 8.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxl-1 {
margin-left: 8.3333333333%;
}
.va--col-xxl-2 {
-webkit-flex: 0 1 16.6666666667%;
-moz-flex: 0 1 16.6666666667%;
-ms-flex: 0 1 16.6666666667%;
flex: 0 1 16.6666666667%;
max-width: 16.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxl-2 {
margin-right: 16.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxl-2 {
margin-left: 16.6666666667%;
}
.va--col-xxl-3 {
-webkit-flex: 0 1 25%;
-moz-flex: 0 1 25%;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
max-width: 25%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxl-3 {
margin-right: 25%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxl-3 {
margin-left: 25%;
}
.va--col-xxl-4 {
-webkit-flex: 0 1 33.3333333333%;
-moz-flex: 0 1 33.3333333333%;
-ms-flex: 0 1 33.3333333333%;
flex: 0 1 33.3333333333%;
max-width: 33.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxl-4 {
margin-right: 33.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxl-4 {
margin-left: 33.3333333333%;
}
.va--col-xxl-5 {
-webkit-flex: 0 1 41.6666666667%;
-moz-flex: 0 1 41.6666666667%;
-ms-flex: 0 1 41.6666666667%;
flex: 0 1 41.6666666667%;
max-width: 41.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxl-5 {
margin-right: 41.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxl-5 {
margin-left: 41.6666666667%;
}
.va--col-xxl-6 {
-webkit-flex: 0 1 50%;
-moz-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 50%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxl-6 {
margin-right: 50%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxl-6 {
margin-left: 50%;
}
.va--col-xxl-7 {
-webkit-flex: 0 1 58.3333333333%;
-moz-flex: 0 1 58.3333333333%;
-ms-flex: 0 1 58.3333333333%;
flex: 0 1 58.3333333333%;
max-width: 58.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxl-7 {
margin-right: 58.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxl-7 {
margin-left: 58.3333333333%;
}
.va--col-xxl-8 {
-webkit-flex: 0 1 66.6666666667%;
-moz-flex: 0 1 66.6666666667%;
-ms-flex: 0 1 66.6666666667%;
flex: 0 1 66.6666666667%;
max-width: 66.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxl-8 {
margin-right: 66.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxl-8 {
margin-left: 66.6666666667%;
}
.va--col-xxl-9 {
-webkit-flex: 0 1 75%;
-moz-flex: 0 1 75%;
-ms-flex: 0 1 75%;
flex: 0 1 75%;
max-width: 75%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxl-9 {
margin-right: 75%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxl-9 {
margin-left: 75%;
}
.va--col-xxl-10 {
-webkit-flex: 0 1 83.3333333333%;
-moz-flex: 0 1 83.3333333333%;
-ms-flex: 0 1 83.3333333333%;
flex: 0 1 83.3333333333%;
max-width: 83.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxl-10 {
margin-right: 83.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxl-10 {
margin-left: 83.3333333333%;
}
.va--col-xxl-11 {
-webkit-flex: 0 1 91.6666666667%;
-moz-flex: 0 1 91.6666666667%;
-ms-flex: 0 1 91.6666666667%;
flex: 0 1 91.6666666667%;
max-width: 91.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxl-11 {
margin-right: 91.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxl-11 {
margin-left: 91.6666666667%;
}
.va--col-xxl-12 {
-webkit-flex: 0 1 100%;
-moz-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
[class^=va--row].va--grid-reverse .va--col-offset-xxl-12 {
margin-right: 100%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-xxl-12 {
margin-left: 100%;
}
}
@media screen and (min-width: 1248px) {
.va--col-max-0 {
-webkit-flex: 0 1 0%;
-moz-flex: 0 1 0%;
-ms-flex: 0 1 0%;
flex: 0 1 0%;
max-width: 0%;
}
[class^=va--row].va--grid-reverse .va--col-offset-max-0 {
margin-right: 0%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-max-0 {
margin-left: 0%;
}
.va--col-max-1 {
-webkit-flex: 0 1 8.3333333333%;
-moz-flex: 0 1 8.3333333333%;
-ms-flex: 0 1 8.3333333333%;
flex: 0 1 8.3333333333%;
max-width: 8.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-max-1 {
margin-right: 8.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-max-1 {
margin-left: 8.3333333333%;
}
.va--col-max-2 {
-webkit-flex: 0 1 16.6666666667%;
-moz-flex: 0 1 16.6666666667%;
-ms-flex: 0 1 16.6666666667%;
flex: 0 1 16.6666666667%;
max-width: 16.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-max-2 {
margin-right: 16.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-max-2 {
margin-left: 16.6666666667%;
}
.va--col-max-3 {
-webkit-flex: 0 1 25%;
-moz-flex: 0 1 25%;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
max-width: 25%;
}
[class^=va--row].va--grid-reverse .va--col-offset-max-3 {
margin-right: 25%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-max-3 {
margin-left: 25%;
}
.va--col-max-4 {
-webkit-flex: 0 1 33.3333333333%;
-moz-flex: 0 1 33.3333333333%;
-ms-flex: 0 1 33.3333333333%;
flex: 0 1 33.3333333333%;
max-width: 33.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-max-4 {
margin-right: 33.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-max-4 {
margin-left: 33.3333333333%;
}
.va--col-max-5 {
-webkit-flex: 0 1 41.6666666667%;
-moz-flex: 0 1 41.6666666667%;
-ms-flex: 0 1 41.6666666667%;
flex: 0 1 41.6666666667%;
max-width: 41.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-max-5 {
margin-right: 41.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-max-5 {
margin-left: 41.6666666667%;
}
.va--col-max-6 {
-webkit-flex: 0 1 50%;
-moz-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 50%;
}
[class^=va--row].va--grid-reverse .va--col-offset-max-6 {
margin-right: 50%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-max-6 {
margin-left: 50%;
}
.va--col-max-7 {
-webkit-flex: 0 1 58.3333333333%;
-moz-flex: 0 1 58.3333333333%;
-ms-flex: 0 1 58.3333333333%;
flex: 0 1 58.3333333333%;
max-width: 58.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-max-7 {
margin-right: 58.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-max-7 {
margin-left: 58.3333333333%;
}
.va--col-max-8 {
-webkit-flex: 0 1 66.6666666667%;
-moz-flex: 0 1 66.6666666667%;
-ms-flex: 0 1 66.6666666667%;
flex: 0 1 66.6666666667%;
max-width: 66.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-max-8 {
margin-right: 66.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-max-8 {
margin-left: 66.6666666667%;
}
.va--col-max-9 {
-webkit-flex: 0 1 75%;
-moz-flex: 0 1 75%;
-ms-flex: 0 1 75%;
flex: 0 1 75%;
max-width: 75%;
}
[class^=va--row].va--grid-reverse .va--col-offset-max-9 {
margin-right: 75%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-max-9 {
margin-left: 75%;
}
.va--col-max-10 {
-webkit-flex: 0 1 83.3333333333%;
-moz-flex: 0 1 83.3333333333%;
-ms-flex: 0 1 83.3333333333%;
flex: 0 1 83.3333333333%;
max-width: 83.3333333333%;
}
[class^=va--row].va--grid-reverse .va--col-offset-max-10 {
margin-right: 83.3333333333%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-max-10 {
margin-left: 83.3333333333%;
}
.va--col-max-11 {
-webkit-flex: 0 1 91.6666666667%;
-moz-flex: 0 1 91.6666666667%;
-ms-flex: 0 1 91.6666666667%;
flex: 0 1 91.6666666667%;
max-width: 91.6666666667%;
}
[class^=va--row].va--grid-reverse .va--col-offset-max-11 {
margin-right: 91.6666666667%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-max-11 {
margin-left: 91.6666666667%;
}
.va--col-max-12 {
-webkit-flex: 0 1 100%;
-moz-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
[class^=va--row].va--grid-reverse .va--col-offset-max-12 {
margin-right: 100%;
}
[class^=va--row]:not(.va--grid-reverse) .va--col-offset-max-12 {
margin-left: 100%;
}
}
/*
|--------------------------------------------------------------------------
| vSpace Classes
|--------------------------------------------------------------------------
*/
.va--vSpace--1 {
padding-top: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--1 {
padding-top: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--1 {
padding-top: 0px;
}
}
.va--vSpace--1 {
padding-bottom: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--1 {
padding-bottom: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--1 {
padding-bottom: 0px;
}
}
.va--vSpace--2 {
padding-top: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--2 {
padding-top: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--2 {
padding-top: 0px;
}
}
.va--vSpace--2 {
padding-bottom: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--2 {
padding-bottom: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--2 {
padding-bottom: 0px;
}
}
.va--vSpace--3 {
padding-top: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--3 {
padding-top: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--3 {
padding-top: 0px;
}
}
.va--vSpace--3 {
padding-bottom: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--3 {
padding-bottom: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--3 {
padding-bottom: 0px;
}
}
.va--vSpace--4 {
padding-top: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--4 {
padding-top: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--4 {
padding-top: 0px;
}
}
.va--vSpace--4 {
padding-bottom: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--4 {
padding-bottom: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--4 {
padding-bottom: 0px;
}
}
.va--vSpace--5 {
padding-top: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--5 {
padding-top: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--5 {
padding-top: 0px;
}
}
.va--vSpace--5 {
padding-bottom: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--5 {
padding-bottom: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--5 {
padding-bottom: 0px;
}
}
.va--vSpace--6 {
padding-top: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--6 {
padding-top: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--6 {
padding-top: 0px;
}
}
.va--vSpace--6 {
padding-bottom: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--6 {
padding-bottom: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--6 {
padding-bottom: 0px;
}
}
.va--vSpace--7 {
padding-top: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--7 {
padding-top: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--7 {
padding-top: 0px;
}
}
.va--vSpace--7 {
padding-bottom: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--7 {
padding-bottom: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--7 {
padding-bottom: 0px;
}
}
.va--vSpace--8 {
padding-top: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--8 {
padding-top: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--8 {
padding-top: 0px;
}
}
.va--vSpace--8 {
padding-bottom: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--8 {
padding-bottom: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--8 {
padding-bottom: 0px;
}
}
.va--vSpace--9 {
padding-top: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--9 {
padding-top: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--9 {
padding-top: 0px;
}
}
.va--vSpace--9 {
padding-bottom: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--9 {
padding-bottom: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--9 {
padding-bottom: 0px;
}
}
.va--vSpace--10 {
padding-top: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--10 {
padding-top: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--10 {
padding-top: 0px;
}
}
.va--vSpace--10 {
padding-bottom: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--10 {
padding-bottom: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--10 {
padding-bottom: 0px;
}
}
.va--vSpace--11 {
padding-top: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--11 {
padding-top: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--11 {
padding-top: 0px;
}
}
.va--vSpace--11 {
padding-bottom: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--11 {
padding-bottom: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--11 {
padding-bottom: 0px;
}
}
.va--vSpace--12 {
padding-top: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--12 {
padding-top: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--12 {
padding-top: 0px;
}
}
.va--vSpace--12 {
padding-bottom: 0px;
}
@media screen and (min-width: 321px) {
.va--vSpace--12 {
padding-bottom: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
.va--vSpace--12 {
padding-bottom: 0px;
}
}
/*
|--------------------------------------------------------------------------
| Testing Classes
|--------------------------------------------------------------------------
*/
[class^=va--section].va--grid-expand {
max-width: 1648px;
}
[class^=va--section].va--grid-shrink {
max-width: 1048px;
}
[class^=va--row].va--grid-reverse {
direction: rtl;
}
[class^=va--row].va--grid-reverse > [class^=va--col] {
direction: ltr;
}
[class^=va--row].va--grid-fix > [class^=va--col] {
width: 100%;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
flex-basis: 100%;
-ms-flex-preferred-size: 100%;
grid-column-end: none;
}
@media screen and (min-width: 321px) {
[class^=va--row].va--grid-fix .va--col-1 {
max-width: calc(624px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-2 {
max-width: calc(1248px - (6px + 6 * (100vw - 321px) / (927)));
}
}
@media screen and (min-width: 551px) {
[class^=va--row].va--grid-fix .va--col-xxs-1 {
max-width: calc(208px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxs-2 {
max-width: calc(416px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxs-3 {
max-width: calc(624px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxs-4 {
max-width: calc(832px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxs-5 {
max-width: calc(1040px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxs-6 {
max-width: calc(1248px - (6px + 6 * (100vw - 321px) / (927)));
}
}
@media screen and (min-width: 761px) {
[class^=va--row].va--grid-fix .va--col-xs-1 {
max-width: calc(208px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xs-2 {
max-width: calc(416px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xs-3 {
max-width: calc(624px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xs-4 {
max-width: calc(832px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xs-5 {
max-width: calc(1040px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xs-6 {
max-width: calc(1248px - (6px + 6 * (100vw - 321px) / (927)));
}
}
@media screen and (min-width: 931px) {
[class^=va--row].va--grid-fix .va--col-s-1 {
max-width: calc(104px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-s-2 {
max-width: calc(208px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-s-3 {
max-width: calc(312px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-s-4 {
max-width: calc(416px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-s-5 {
max-width: calc(520px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-s-6 {
max-width: calc(624px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-s-7 {
max-width: calc(728px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-s-8 {
max-width: calc(832px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-s-9 {
max-width: calc(936px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-s-10 {
max-width: calc(1040px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-s-11 {
max-width: calc(1144px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-s-12 {
max-width: calc(1248px - (6px + 6 * (100vw - 321px) / (927)));
}
}
@media screen and (min-width: 1001px) {
[class^=va--row].va--grid-fix .va--col-m-1 {
max-width: calc(104px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-m-2 {
max-width: calc(208px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-m-3 {
max-width: calc(312px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-m-4 {
max-width: calc(416px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-m-5 {
max-width: calc(520px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-m-6 {
max-width: calc(624px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-m-7 {
max-width: calc(728px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-m-8 {
max-width: calc(832px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-m-9 {
max-width: calc(936px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-m-10 {
max-width: calc(1040px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-m-11 {
max-width: calc(1144px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-m-12 {
max-width: calc(1248px - (6px + 6 * (100vw - 321px) / (927)));
}
}
@media screen and (min-width: 1151px) {
[class^=va--row].va--grid-fix .va--col-l-1 {
max-width: calc(104px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-l-2 {
max-width: calc(208px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-l-3 {
max-width: calc(312px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-l-4 {
max-width: calc(416px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-l-5 {
max-width: calc(520px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-l-6 {
max-width: calc(624px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-l-7 {
max-width: calc(728px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-l-8 {
max-width: calc(832px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-l-9 {
max-width: calc(936px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-l-10 {
max-width: calc(1040px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-l-11 {
max-width: calc(1144px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-l-12 {
max-width: calc(1248px - (6px + 6 * (100vw - 321px) / (927)));
}
}
@media screen and (min-width: 1381px) {
[class^=va--row].va--grid-fix .va--col-xl-1 {
max-width: calc(104px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xl-2 {
max-width: calc(208px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xl-3 {
max-width: calc(312px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xl-4 {
max-width: calc(416px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xl-5 {
max-width: calc(520px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xl-6 {
max-width: calc(624px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xl-7 {
max-width: calc(728px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xl-8 {
max-width: calc(832px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xl-9 {
max-width: calc(936px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xl-10 {
max-width: calc(1040px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xl-11 {
max-width: calc(1144px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xl-12 {
max-width: calc(1248px - (6px + 6 * (100vw - 321px) / (927)));
}
}
@media screen and (min-width: 1601px) {
[class^=va--row].va--grid-fix .va--col-xxl-1 {
max-width: calc(104px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxl-2 {
max-width: calc(208px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxl-3 {
max-width: calc(312px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxl-4 {
max-width: calc(416px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxl-5 {
max-width: calc(520px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxl-6 {
max-width: calc(624px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxl-7 {
max-width: calc(728px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxl-8 {
max-width: calc(832px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxl-9 {
max-width: calc(936px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxl-10 {
max-width: calc(1040px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxl-11 {
max-width: calc(1144px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-xxl-12 {
max-width: calc(1248px - (6px + 6 * (100vw - 321px) / (927)));
}
}
@media screen and (min-width: 1248px) {
[class^=va--row].va--grid-fix .va--col-max-1 {
max-width: calc(104px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-max-2 {
max-width: calc(208px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-max-3 {
max-width: calc(312px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-max-4 {
max-width: calc(416px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-max-5 {
max-width: calc(520px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-max-6 {
max-width: calc(624px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-max-7 {
max-width: calc(728px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-max-8 {
max-width: calc(832px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-max-9 {
max-width: calc(936px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-max-10 {
max-width: calc(1040px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-max-11 {
max-width: calc(1144px - (6px + 6 * (100vw - 321px) / (927)));
}
[class^=va--row].va--grid-fix .va--col-max-12 {
max-width: calc(1248px - (6px + 6 * (100vw - 321px) / (927)));
}
}
#content-main section .va--section {
margin-top: 4rem;
margin-bottom: 4rem;
}
@media screen and (min-width: 321px) {
#content-main section .va--section {
margin-top: calc(4rem + 4 * (100vw - 321px) / (927));
margin-bottom: calc(4rem + 4 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main section .va--section {
margin-top: 8rem;
margin-bottom: 8rem;
}
}
#content-main section.va--space-before-widenegative .va--section, #content-main section.va--space-before-negative .va--section, #content-main section.va--space-before-no .va--section {
margin-top: 0;
}
@media screen and (min-width: 321px) {
#content-main section.va--space-before-widenegative .va--section, #content-main section.va--space-before-negative .va--section, #content-main section.va--space-before-no .va--section {
margin-top: calc(0 + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main section.va--space-before-widenegative .va--section, #content-main section.va--space-before-negative .va--section, #content-main section.va--space-before-no .va--section {
margin-top: 0;
}
}
#content-main section.va--space-after-widenegative .va--section, #content-main section.va--space-after-negative .va--section, #content-main section.va--space-after-no .va--section {
margin-bottom: 0;
}
@media screen and (min-width: 321px) {
#content-main section.va--space-after-widenegative .va--section, #content-main section.va--space-after-negative .va--section, #content-main section.va--space-after-no .va--section {
margin-bottom: calc(0 + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main section.va--space-after-widenegative .va--section, #content-main section.va--space-after-negative .va--section, #content-main section.va--space-after-no .va--section {
margin-bottom: 0;
}
}
#content-main section.va--space-before-wide .va--section {
margin-top: 7.75rem;
}
@media screen and (min-width: 321px) {
#content-main section.va--space-before-wide .va--section {
margin-top: calc(7.75rem + 2.5 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main section.va--space-before-wide .va--section {
margin-top: 10.25rem;
}
}
#content-main section.va--space-after-wide .va--section {
margin-bottom: 7.75rem;
}
@media screen and (min-width: 321px) {
#content-main section.va--space-after-wide .va--section {
margin-bottom: calc(7.75rem + 2.5 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main section.va--space-after-wide .va--section {
margin-bottom: 10.25rem;
}
}
#content-main section.va--space-before-narrow .va--section {
margin-top: 2rem;
}
@media screen and (min-width: 321px) {
#content-main section.va--space-before-narrow .va--section {
margin-top: calc(2rem + 2 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main section.va--space-before-narrow .va--section {
margin-top: 4rem;
}
}
#content-main section.va--space-after-narrow .va--section {
margin-bottom: 2rem;
}
@media screen and (min-width: 321px) {
#content-main section.va--space-after-narrow .va--section {
margin-bottom: calc(2rem + 2 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main section.va--space-after-narrow .va--section {
margin-bottom: 4rem;
}
}
#content-main [class^=va--col] {
margin-top: 1rem;
margin-bottom: 1rem;
}
@media screen and (min-width: 321px) {
#content-main [class^=va--col] {
margin-top: calc(1rem + 1 * (100vw - 321px) / (927));
margin-bottom: calc(1rem + 1 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main [class^=va--col] {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 1380px) {
#content-main [class^=va--col].va--hide-xl {
display: none;
}
}
@media screen and (max-width: 1150px) {
#content-main [class^=va--col].va--hide-l {
display: none;
}
}
@media screen and (max-width: 1000px) {
#content-main [class^=va--col].va--hide-m {
display: none;
}
}
@media screen and (max-width: 930px) {
#content-main [class^=va--col].va--hide-s {
display: none;
}
}
@media screen and (max-width: 760px) {
#content-main [class^=va--col].va--hide-xs {
display: none;
}
}
#content-main .va--space-before-widenegative > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-widenegative > [class^=va--row] > [class^=va--col] {
margin-top: -2rem;
}
@media screen and (min-width: 321px) {
#content-main .va--space-before-widenegative > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-widenegative > [class^=va--row] > [class^=va--col] {
margin-top: calc(-2rem + -2 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main .va--space-before-widenegative > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-widenegative > [class^=va--row] > [class^=va--col] {
margin-top: -4rem;
}
}
#content-main .va--space-before-negative > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-negative > [class^=va--row] > [class^=va--col] {
margin-top: -1rem;
}
@media screen and (min-width: 321px) {
#content-main .va--space-before-negative > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-negative > [class^=va--row] > [class^=va--col] {
margin-top: calc(-1rem + -1 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main .va--space-before-negative > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-negative > [class^=va--row] > [class^=va--col] {
margin-top: -2rem;
}
}
#content-main .va--space-before-no > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-no > [class^=va--row] > [class^=va--col] {
margin-top: 0px;
}
@media screen and (min-width: 321px) {
#content-main .va--space-before-no > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-no > [class^=va--row] > [class^=va--col] {
margin-top: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main .va--space-before-no > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-no > [class^=va--row] > [class^=va--col] {
margin-top: 0px;
}
}
#content-main .va--space-after-widenegative > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-widenegative > [class^=va--row] > [class^=va--col] {
margin-bottom: -2rem;
}
@media screen and (min-width: 321px) {
#content-main .va--space-after-widenegative > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-widenegative > [class^=va--row] > [class^=va--col] {
margin-bottom: calc(-2rem + -2 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main .va--space-after-widenegative > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-widenegative > [class^=va--row] > [class^=va--col] {
margin-bottom: -4rem;
}
}
#content-main .va--space-after-negative > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-negative > [class^=va--row] > [class^=va--col] {
margin-bottom: -1rem;
}
@media screen and (min-width: 321px) {
#content-main .va--space-after-negative > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-negative > [class^=va--row] > [class^=va--col] {
margin-bottom: calc(-1rem + -1 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main .va--space-after-negative > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-negative > [class^=va--row] > [class^=va--col] {
margin-bottom: -2rem;
}
}
#content-main .va--space-after-no > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-no > [class^=va--row] > [class^=va--col] {
margin-bottom: 0px;
}
@media screen and (min-width: 321px) {
#content-main .va--space-after-no > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-no > [class^=va--row] > [class^=va--col] {
margin-bottom: calc(0px + 0 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main .va--space-after-no > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-no > [class^=va--row] > [class^=va--col] {
margin-bottom: 0px;
}
}
#content-main .va--space-before-wide > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-wide > [class^=va--row] > [class^=va--col] {
margin-top: 2rem;
}
@media screen and (min-width: 321px) {
#content-main .va--space-before-wide > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-wide > [class^=va--row] > [class^=va--col] {
margin-top: calc(2rem + 2 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main .va--space-before-wide > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-wide > [class^=va--row] > [class^=va--col] {
margin-top: 4rem;
}
}
#content-main .va--space-after-wide > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-wide > [class^=va--row] > [class^=va--col] {
margin-bottom: 2rem;
}
@media screen and (min-width: 321px) {
#content-main .va--space-after-wide > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-wide > [class^=va--row] > [class^=va--col] {
margin-bottom: calc(2rem + 2 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main .va--space-after-wide > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-wide > [class^=va--row] > [class^=va--col] {
margin-bottom: 4rem;
}
}
#content-main .va--space-before-narrow > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-narrow > [class^=va--row] > [class^=va--col] {
margin-top: 0.5rem;
}
@media screen and (min-width: 321px) {
#content-main .va--space-before-narrow > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-narrow > [class^=va--row] > [class^=va--col] {
margin-top: calc(0.5rem + 0.5 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main .va--space-before-narrow > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-before-narrow > [class^=va--row] > [class^=va--col] {
margin-top: 1rem;
}
}
#content-main .va--space-after-narrow > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-narrow > [class^=va--row] > [class^=va--col] {
margin-bottom: 0.5rem;
}
@media screen and (min-width: 321px) {
#content-main .va--space-after-narrow > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-narrow > [class^=va--row] > [class^=va--col] {
margin-bottom: calc(0.5rem + 0.5 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#content-main .va--space-after-narrow > .va--section > [class^=va--row] > [class^=va--col], #content-main .va--space-after-narrow > [class^=va--row] > [class^=va--col] {
margin-bottom: 1rem;
}
}
/*#content-main [class^='va--section'],
[class^='va--section'] {
[class^='va--col'] > *{
&:first-child {
[class^='va--col'] {
@include f(0px, 0px, margin-top);
}
}
&:last-child {
[class^='va--col'] {
@include f(0px, 0px, margin-bottom);
}
}
}
}*/
/* Make clicks pass-through */
#nprogress {
background-color: #ffffff;
pointer-events: none;
overflow: hidden;
position: fixed;
z-index: 1050;
top: 0;
left: 0;
width: 100%;
height: 2px;
-webkit-transition: 0.3s transform cubic-bezier(0.2, 0.09, 0, 0.99) 0.2s;
-moz-transition: 0.3s transform cubic-bezier(0.2, 0.09, 0, 0.99) 0.2s;
transition: 0.3s transform cubic-bezier(0.2, 0.09, 0, 0.99) 0.2s;
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
/*html.page-moved & {
height: $header-height-small;
}
@media screen and (max-width: $width-s) {
height: $header-height-small;
}*/
}
html.loaded #nprogress {
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}
#nprogress .bar {
background: #864D31;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/* Fancy blur effect */
#nprogress .peg {
display: none;
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #cc1d31;
}
.pswp__error-msg a {
color: #cc1d31;
text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/*
*/
#tarteaucitronRoot {
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
#tarteaucitronCookiesNumberBis.tarteaucitronH2 {
margin-left: 0;
}
/***
* Control panel
*/
#tarteaucitronBack {
background: #fff;
display: none;
height: 100%;
left: 0;
opacity: 0.7;
position: fixed;
top: 0;
width: 100%;
z-index: 2147483646;
}
#tarteaucitron .tarteaucitronBorder {
/*background: #fff;
border: 2px solid #333;
border-top: 0;
height: auto;
overflow: auto;*/
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie {
background: #333333;
color: #fff;
cursor: pointer;
font-size: 12px;
font-weight: 700;
text-decoration: none;
padding: 4px 0;
position: absolute;
right: 0;
text-align: center;
width: 70px;
}
#tarteaucitron #tarteaucitronDisclaimer {
color: #555;
font-size: 12px;
margin: 15px auto 0;
width: 80%;
}
#tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {
width: 100%;
box-sizing: border-box;
}
#tarteaucitronDisclaimerAlert {
display: block;
margin-bottom: 1.5rem;
}
#tarteaucitron {
display: none;
font-size: 0.875rem;
max-height: calc(100% - 2rem);
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
position: fixed;
top: 6%;
width: 100%;
max-width: 1000px;
padding-left: 4rem;
padding-right: 4rem;
margin-top: 1rem;
margin-bottom: 1rem;
box-sizing: border-box;
z-index: 2147483647;
}
#tarteaucitron:before {
content: "";
position: absolute;
z-index: -1;
left: 4rem;
right: 4rem;
top: 0;
bottom: 0;
background-color: #ffffff;
box-shadow: 0 0 80px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
#tarteaucitron {
padding: 0;
max-height: 100%;
top: 0;
bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
#tarteaucitron:before {
left: 0;
right: 0;
}
}
#tarteaucitron .btn-none,
#tarteaucitron a {
font-size: 1em;
}
#tarteaucitron #tarteaucitronClosePanel {
position: absolute;
top: 0;
right: 4rem;
cursor: pointer;
height: 30px;
line-height: 30px;
z-index: 10;
box-sizing: content-box;
font-size: 1rem;
border: 0;
padding: 11px 48px 11px 11px;
font-weight: 500;
text-transform: lowercase;
background-color: #ffffff;
-webkit-transition: 0.2s color cubic-bezier(0.2, 0.09, 0, 0.99);
-moz-transition: 0.2s color cubic-bezier(0.2, 0.09, 0, 0.99);
transition: 0.2s color cubic-bezier(0.2, 0.09, 0, 0.99);
outline: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
@media screen and (max-width: 768px) {
#tarteaucitron #tarteaucitronClosePanel {
right: 0;
}
}
#tarteaucitron #tarteaucitronClosePanel:before, #tarteaucitron #tarteaucitronClosePanel:after {
content: "";
width: 2px;
height: 14px;
border-radius: 1px;
background-color: #864D31;
position: absolute;
top: 20px;
z-index: 1;
right: 12px;
}
@media screen and (min-width: 321px) {
#tarteaucitron #tarteaucitronClosePanel:before, #tarteaucitron #tarteaucitronClosePanel:after {
right: calc(12px + 12 * (100vw - 321px) / (927));
}
}
@media screen and (min-width: 1248px) {
#tarteaucitron #tarteaucitronClosePanel:before, #tarteaucitron #tarteaucitronClosePanel:after {
right: 24px;
}
}
#tarteaucitron #tarteaucitronClosePanel:before, #tarteaucitron #tarteaucitronClosePanel:after {
-webkit-transition: 0.2s transform cubic-bezier(0.2, 0.09, 0, 0.99), 0.2s background-color cubic-bezier(0.2, 0.09, 0, 0.99);
-moz-transition: 0.2s transform cubic-bezier(0.2, 0.09, 0, 0.99), 0.2s background-color cubic-bezier(0.2, 0.09, 0, 0.99);
transition: 0.2s transform cubic-bezier(0.2, 0.09, 0, 0.99), 0.2s background-color cubic-bezier(0.2, 0.09, 0, 0.99);
-webkit-transform-origin: center;
-moz-transform-origin: center;
-ms-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#tarteaucitron #tarteaucitronClosePanel:after {
-webkit-transition: 0.2s background-color cubic-bezier(0.2, 0.09, 0, 0.99) 0.2s;
-moz-transition: 0.2s background-color cubic-bezier(0.2, 0.09, 0, 0.99) 0.2s;
transition: 0.2s background-color cubic-bezier(0.2, 0.09, 0, 0.99) 0.2s;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#tarteaucitron #tarteaucitronClosePanel:hover {
color: rgba(134, 77, 49, 0.8);
}
#tarteaucitron #tarteaucitronClosePanel:hover:before, #tarteaucitron #tarteaucitronClosePanel:hover:after {
background-color: rgba(134, 77, 49, 0.8);
}
#tarteaucitron #tarteaucitronInfo {
display: block !important;
margin-bottom: 2rem;
}
#tarteaucitron #tarteaucitronServices {
background: #ffffff;
margin-top: 52px;
}
@media screen and (max-width: 768px) {
#tarteaucitron #tarteaucitronServices {
box-sizing: content-box;
}
}
#tarteaucitron #tarteaucitronServices::-webkit-scrollbar {
width: 5px;
}
#tarteaucitron #tarteaucitronServices::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
#tarteaucitron #tarteaucitronServices::-webkit-scrollbar-thumb {
background-color: #ddd;
outline: 0 solid slategrey;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
background: transparent;
color: #41392B;
padding: 0.5rem 1rem 0.5rem 2rem;
font-size: 0.875em;
border: 0;
cursor: pointer;
font-weight: 700;
outline: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
@media screen and (max-width: 550px) {
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
padding: 0.5rem 1rem 0.5rem 1rem;
}
}
@media screen and (max-width: 930px) {
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
text-align: left !important;
}
}
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
margin-top: 1.5rem;
display: none;
position: relative;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden#tarteaucitronScrollbarChild {
margin-top: 0;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden:first-child {
margin-top: 0;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
display: none;
z-index: 2147483647;
font-size: 0.875em;
padding: 0rem 2rem 1rem 2rem;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
background-color: #f9f9f9;
border-top: 1px solid rgb(236.25, 236.25, 236.25);
padding: 2rem;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 550px) {
#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
padding: 1rem;
}
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine {
background-color: transparent;
padding: 0 2rem 2rem 2rem;
border-top: 0;
}
@media screen and (max-width: 550px) {
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine {
padding: 0 1rem 2rem 1rem;
}
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine:first-child {
border-top: 0;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
float: left;
text-align: left;
width: 50%;
}
@media screen and (max-width: 550px) {
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
width: 100%;
}
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
float: right;
text-align: right;
border: 2px solid #ffffff;
background-color: #ffffff;
border-radius: 22px;
box-shadow: 0 0 0 1px rgb(236.25, 236.25, 236.25);
}
@media screen and (max-width: 550px) {
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
margin-top: 1rem;
margin-left: 0 !important;
margin-right: 0 !important;
float: left !important;
}
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tac_activate .tarteaucitronAllow {
background: rgb(236.25, 236.25, 236.25);
border-radius: 22px;
color: #5a5959;
cursor: pointer;
float: left;
line-height: 1.3;
padding: 6px 8px;
text-align: center;
text-decoration: none;
width: auto;
border: 0;
font-weight: 600;
outline: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
@media screen and (max-width: 550px) {
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tac_activate .tarteaucitronAllow {
padding: 6px;
}
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow {
background: #ffffff;
opacity: 0.4;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronDeny {
opacity: 0.4 !important;
background-color: transparent;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronAllow {
opacity: 0.4 !important;
background-color: transparent;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
opacity: 1 !important;
background-color: #17a655;
color: #ffffff;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
opacity: 1 !important;
background-color: #cc1d31;
color: #ffffff;
}
#tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {
width: auto !important;
}
@media screen and (max-width: 550px) {
#tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {
width: 100% !important;
}
}
/***
* Big alert
*/
#tarteaucitronRoot #tarteaucitronAlertBig {
display: none;
left: 0;
text-align: center;
box-sizing: border-box;
z-index: 2147483645;
margin: auto;
}
#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop {
top: 0;
right: 0;
position: fixed;
background-color: #ffffff;
box-shadow: 0 0 80px rgba(0, 0, 0, 0.1);
padding: 2rem;
}
#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
left: 1rem;
bottom: 1rem;
position: fixed;
max-width: 500px;
background-color: #ffffff;
box-shadow: 0 0 80px rgba(0, 0, 0, 0.1);
padding: 2rem;
margin-left: 0;
margin-right: 1rem;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
display: block;
margin: 0 auto 0.5rem auto;
max-width: none;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
display: block;
margin: 1.5rem auto 0 auto;
font-size: 0.875rem;
color: #a4a4a4;
}
#tarteaucitronRoot #tarteaucitronPercentage {
background: #394439 !important;
height: 5px;
left: 0;
position: fixed;
width: 0;
z-index: 2147483644;
}
#tarteaucitronRoot .tarteaucitronAlertBigModal + #tarteaucitronPercentage {
position: relative;
bottom: 0 !important;
}
#tarteaucitronRoot .tarteaucitronAlertBigBottom + #tarteaucitronPercentage {
bottom: 0 !important;
}
/***
* Small alert
*/
.tarteaucitronAlertSmallTop, .tarteaucitronAlertSmallBottom {
bottom: 0;
}
#tarteaucitronAlertSmall {
display: none;
position: fixed;
right: 0;
z-index: 2147483646;
}
#tarteaucitronAlertSmall #tarteaucitronManager {
cursor: pointer;
display: inline-block;
font-size: 11px !important;
padding: 8px 10px 8px;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
padding: 5px 10px;
margin: 0;
}
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
background-color: gray;
border-radius: 5px;
display: block;
height: 8px;
margin-bottom: 1px;
margin-top: 5px;
overflow: hidden;
width: 100%;
}
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
display: block;
float: left;
height: 100%;
width: 0%;
}
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
background-color: #1B870B;
}
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
background-color: #FBDA26;
}
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
background-color: #9C1A1A;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
background: rgba(255, 255, 255, 0.2);
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 30px;
padding: 0px 10px;
vertical-align: top;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {
background: rgba(255, 255, 255, 0.3);
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
display: none;
max-height: 70%;
max-width: 500px;
position: fixed;
right: 0;
width: 100%;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
background: #fff;
border: 2px solid #333;
color: #333;
font-size: 11px;
height: auto;
overflow: auto;
text-align: left;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {
color: #333;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {
background: #333;
margin-top: 21px;
padding: 13px 0 9px 13px;
text-align: left;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {
color: #fff;
font-size: 16px;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {
background: rgba(51, 51, 51, 0.1);
padding: 7px 5px 10px;
word-wrap: break-word;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {
background: rgba(51, 51, 51, 0.2);
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {
color: #333;
text-decoration: none;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {
display: inline-block;
width: 50%;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {
color: darkred;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {
color: #333;
display: inline-block;
font-size: 11px;
margin-left: 10%;
vertical-align: top;
width: 30%;
}
/***
* Fallback activate link
*/
.tac_activate {
background: #f9f9f9;
color: #41392B;
margin: auto;
text-align: center;
width: 100%;
padding: 2rem;
height: 100%;
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
}
.tac_activate [type=button] {
display: block !important;
margin: 1.5rem auto 0 auto;
}
.tac_float {
text-align: center;
}
.tac_float button {
margin-left: auto !important;
margin-right: auto !important;
}
/***
* CSS for services
*/
ins.ferank-publicite, ins.adsbygoogle {
text-decoration: none;
}
div.amazon_product {
height: 240px;
width: 120px;
}
a.tarteaucitronSelfLink {
position: absolute;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
display: block;
text-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
color: #ffffff;
text-decoration: none;
text-align: center !important;
padding: 7px !important;
}