/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Dec 20, 2019, 5:45:54 PM
Author : mv
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Dec 23, 2019, 10:43:30 AM
Author : mv
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Mar 27, 2018, 3:04:21 PM
Author : mv
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Mar 27, 2018, 3:04:21 PM
Author : mv
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Apr 20, 2018, 6:05:25 PM
Author : mv
*/
a {
color: inherit;
text-decoration: none;
transition: color ease-in-out 300ms;
}
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
figure,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
button,
input,
textarea,
td,
th,
select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
text-transform: inherit;
text-decoration: inherit;
}
button,
input,
textarea,
select {
box-sizing: border-box;
}
hr {
margin: 0;
padding: 0;
border: 0;
width: 100%;
clear: both;
margin-bottom: 20px;
border-bottom: 1px solid #717171;
}
html {
padding: 0;
margin: 0;
font-size: 62.5%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
body {
padding: 0;
margin: 0;
box-sizing: border-box;
font-weight: 400;
font-size: 1.4rem;
font-family: Arial, sans-serif;
}
main {
display: block;
}
img {
max-width: 100%;
}
* {
box-sizing: inherit;
}
.pa-0 {
padding: 0px;
}
.pa-4 {
padding: 4px;
}
.pa-8 {
padding: 8px;
}
.pa-16 {
padding: 16px;
}
.pa-24 {
padding: 24px;
}
.pa-32 {
padding: 32px;
}
.pa-40 {
padding: 40px;
}
.pa-48 {
padding: 48px;
}
.pa-56 {
padding: 56px;
}
.pa-80 {
padding: 80px;
}
.pt-0 {
padding-top: 0px;
}
.pt-4 {
padding-top: 4px;
}
.pt-8 {
padding-top: 8px;
}
.pt-16 {
padding-top: 16px;
}
.pt-24 {
padding-top: 24px;
}
.pt-32 {
padding-top: 32px;
}
.pt-40 {
padding-top: 40px;
}
.pt-48 {
padding-top: 48px;
}
.pt-56 {
padding-top: 56px;
}
.pt-80 {
padding-top: 80px;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-4 {
padding-bottom: 4px;
}
.pb-8 {
padding-bottom: 8px;
}
.pb-16 {
padding-bottom: 16px;
}
.pb-24 {
padding-bottom: 24px;
}
.pb-32 {
padding-bottom: 32px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-48 {
padding-bottom: 48px;
}
.pb-56 {
padding-bottom: 56px;
}
.pb-80 {
padding-bottom: 80px;
}
.pl-0 {
padding-left: 0px;
}
.pl-4 {
padding-left: 4px;
}
.pl-8 {
padding-left: 8px;
}
.pl-16 {
padding-left: 16px;
}
.pl-24 {
padding-left: 24px;
}
.pl-32 {
padding-left: 32px;
}
.pl-40 {
padding-left: 40px;
}
.pl-48 {
padding-left: 48px;
}
.pl-56 {
padding-left: 56px;
}
.pl-80 {
padding-left: 80px;
}
.pr-0 {
padding-right: 0px;
}
.pr-4 {
padding-right: 4px;
}
.pr-8 {
padding-right: 8px;
}
.pr-16 {
padding-right: 16px;
}
.pr-24 {
padding-right: 24px;
}
.pr-32 {
padding-right: 32px;
}
.pr-40 {
padding-right: 40px;
}
.pr-48 {
padding-right: 48px;
}
.pr-56 {
padding-right: 56px;
}
.pr-80 {
padding-right: 80px;
}
.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-4 {
padding-top: 4px;
padding-bottom: 4px;
}
.py-8 {
padding-top: 8px;
padding-bottom: 8px;
}
.py-16 {
padding-top: 16px;
padding-bottom: 16px;
}
.py-24 {
padding-top: 24px;
padding-bottom: 24px;
}
.py-32 {
padding-top: 32px;
padding-bottom: 32px;
}
.py-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.py-48 {
padding-top: 48px;
padding-bottom: 48px;
}
.py-56 {
padding-top: 56px;
padding-bottom: 56px;
}
.py-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-4 {
padding-left: 4px;
padding-right: 4px;
}
.px-8 {
padding-left: 8px;
padding-right: 8px;
}
.px-16 {
padding-left: 16px;
padding-right: 16px;
}
.px-24 {
padding-left: 24px;
padding-right: 24px;
}
.px-32 {
padding-left: 32px;
padding-right: 32px;
}
.px-40 {
padding-left: 40px;
padding-right: 40px;
}
.px-48 {
padding-left: 48px;
padding-right: 48px;
}
.px-56 {
padding-left: 56px;
padding-right: 56px;
}
.px-80 {
padding-left: 80px;
padding-right: 80px;
}
.my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.my-4 {
margin-top: 4px;
margin-bottom: 4px;
}
.my-8 {
margin-top: 8px;
margin-bottom: 8px;
}
.my-16 {
margin-top: 16px;
margin-bottom: 16px;
}
.my-24 {
margin-top: 24px;
margin-bottom: 24px;
}
.my-32 {
margin-top: 32px;
margin-bottom: 32px;
}
.my-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.my-48 {
margin-top: 48px;
margin-bottom: 48px;
}
.my-56 {
margin-top: 56px;
margin-bottom: 56px;
}
.my-80 {
margin-top: 80px;
margin-bottom: 80px;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
}
.mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.mx-4 {
margin-left: 4px;
margin-right: 4px;
}
.mx-8 {
margin-left: 8px;
margin-right: 8px;
}
.mx-16 {
margin-left: 16px;
margin-right: 16px;
}
.mx-24 {
margin-left: 24px;
margin-right: 24px;
}
.mx-32 {
margin-left: 32px;
margin-right: 32px;
}
.mx-40 {
margin-left: 40px;
margin-right: 40px;
}
.mx-48 {
margin-left: 48px;
margin-right: 48px;
}
.mx-56 {
margin-left: 56px;
margin-right: 56px;
}
.mx-80 {
margin-left: 80px;
margin-right: 80px;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.ma-0 {
margin: 0px;
}
.ma-4 {
margin: 4px;
}
.ma-8 {
margin: 8px;
}
.ma-16 {
margin: 16px;
}
.ma-24 {
margin: 24px;
}
.ma-32 {
margin: 32px;
}
.ma-40 {
margin: 40px;
}
.ma-48 {
margin: 48px;
}
.ma-56 {
margin: 56px;
}
.ma-80 {
margin: 80px;
}
.mt-0 {
margin-top: 0px;
}
.mt-4 {
margin-top: 4px;
}
.mt-8 {
margin-top: 8px;
}
.mt-16 {
margin-top: 16px;
}
.mt-24 {
margin-top: 24px;
}
.mt-32 {
margin-top: 32px;
}
.mt-40 {
margin-top: 40px;
}
.mt-48 {
margin-top: 48px;
}
.mt-56 {
margin-top: 56px;
}
.mt-80 {
margin-top: 80px;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-1 {
margin-bottom: 1px;
}
.mb-2 {
margin-bottom: 2px;
}
.mb-4 {
margin-bottom: 4px;
}
.mb-8 {
margin-bottom: 8px;
}
.mb-16 {
margin-bottom: 16px;
}
.mb-24 {
margin-bottom: 24px;
}
.mb-32 {
margin-bottom: 32px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-48 {
margin-bottom: 48px;
}
.mb-56 {
margin-bottom: 56px;
}
.mb-72 {
margin-bottom: 72px;
}
.mb-80 {
margin-bottom: 80px;
}
.ml-0 {
margin-left: 0px;
}
.ml-4 {
margin-left: 4px;
}
.ml-8 {
margin-left: 8px;
}
.ml-16 {
margin-left: 16px;
}
.ml-24 {
margin-left: 24px;
}
.ml-32 {
margin-left: 32px;
}
.ml-40 {
margin-left: 40px;
}
.ml-48 {
margin-left: 48px;
}
.ml-56 {
margin-left: 56px;
}
.ml-80 {
margin-left: 80px;
}
.mr-0 {
margin-right: 0px;
}
.mr-1 {
margin-right: 1px;
}
.mr-2 {
margin-right: 2px;
}
.mr-4 {
margin-right: 4px;
}
.mr-8 {
margin-right: 8px;
}
.mr-16 {
margin-right: 16px;
}
.mr-24 {
margin-right: 24px;
}
.mr-32 {
margin-right: 32px;
}
.mr-40 {
margin-right: 40px;
}
.mr-48 {
margin-right: 48px;
}
.mr-56 {
margin-right: 56px;
}
.mr-80 {
margin-right: 80px;
}
.bg-none {
background: none;
}
.bgr-no-repeat {
background-repeat: no-repeat;
}
.bgi-none {
background-image: none;
}
.bgp-center {
background-position: center;
}
.bgp-top {
background-position: top;
}
.bgp-left {
background-position: left;
}
.bgp-right {
background-position: right;
}
.bgp-bottom {
background-position: bottom;
}
.bgs-cover {
background-size: cover;
}
.bgs-contain {
background-size: contain;
}
.bd-0 {
border: 0;
}
.bd-1 {
border: 1px solid #eee;
}
.bd-2 {
border: 2px solid #eee;
}
.bd-4 {
border: 4px solid #eee;
}
.bt-0 {
border-top: 0;
}
.bt-1 {
border-top: 1px solid #eee;
}
.bt-2 {
border-top: 2px solid #eee;
}
.bt-4 {
border-top: 4px solid #eee;
}
.bb-0 {
border-bottom: 0;
}
.bb-1 {
border-bottom: 1px solid #eee;
}
.bb-2 {
border-bottom: 2px solid #eee;
}
.bb-4 {
border-bottom: 4px solid #eee;
}
.bl-0 {
border-left: 0;
}
.bl-1 {
border-left: 1px solid #eee;
}
.bl-2 {
border-left: 2px solid #eee;
}
.bl-4 {
border-left: 4px solid #eee;
}
.br-0 {
border-right: 0;
}
.br-1 {
border-right: 1px solid #eee;
}
.br-2 {
border-right: 2px solid #eee;
}
.br-4 {
border-right: 4px solid #eee;
}
.bw-0 {
border-width: 0;
}
.bw-1 {
border-width: 1;
}
.bw-2 {
border-width: 2;
}
.bw-4 {
border-width: 4;
}
.bs-solid {
border-style: solid;
}
.rd-0 {
border-radius: 0px;
}
.rd-2 {
border-radius: 2px;
}
.rd-4 {
border-radius: 4px;
}
.rd-8 {
border-radius: 8px;
}
.rd-16 {
border-radius: 16px;
}
.rd-32 {
border-radius: 32px;
}
.fs-10 {
font-size: 10px;
}
.fs-12 {
font-size: 12px;
}
.fs-14 {
font-size: 14px;
}
.fs-16 {
font-size: 16px;
}
.fs-18 {
font-size: 18px;
}
.fs-20 {
font-size: 20px;
}
.fs-24 {
font-size: 24px;
}
.fs-32 {
font-size: 32px;
}
.fs-48 {
font-size: 48px;
}
.fs-64 {
font-size: 64px;
}
.fs-small {
font-size: smaller;
}
.fw-300 {
font-weight: 300;
}
.fw-500 {
font-weight: 500;
}
.fw-600 {
font-weight: 600;
}
.fw-700 {
font-weight: 700;
}
.fw-900 {
font-weight: 900;
}
.fw-bold {
font-weight: bold;
}
.fl-italic {
font-style: italic;
}
.lh-1 {
line-height: 1;
}
.lh-10 {
line-height: 10px;
}
.lh-12 {
line-height: 12px;
}
.lh-14 {
line-height: 14px;
}
.lh-16 {
line-height: 16px;
}
.lh-18 {
line-height: 18px;
}
.lh-20 {
line-height: 20px;
}
.lh-24 {
line-height: 24px;
}
.lh-28 {
line-height: 28px;
}
.lh-32 {
line-height: 32px;
}
.lh-40 {
line-height: 40px;
}
.lh-48 {
line-height: 48px;
}
.lh-64 {
line-height: 64px;
}
.ta-left {
text-align: left;
}
.ta-right {
text-align: right;
}
.ta-center {
text-align: center;
}
.ta-justify {
text-align: justify;
}
.tt-lowercase {
text-transform: lowercase;
}
.tt-uppercase {
text-transform: uppercase;
}
.td-none {
text-decoration: none;
}
.td-underline {
text-decoration: underline;
}
.f-left {
float: left;
}
.f-right {
float: right;
}
.cl-none {
clear: none;
}
.cl-both {
clear: both;
}
.cl-left {
clear: left;
}
.cl-right {
clear: right;
}
.d-none {
display: none;
}
.d-block {
display: block;
}
.d-inline {
display: inline;
}
.d-inline-block {
display: inline-block;
}
.d-flex {
display: flex;
}
.d-inline-flex {
display: inline-flex;
}
.d-table {
display: table;
}
.d-table-cell {
display: table-cell;
}
.d-grid {
display: grid;
}
.p-absolute {
position: absolute;
}
.p-relative {
position: relative;
}
.p-static {
position: static;
}
.p-fixed {
position: fixed;
}
.of-cover {
object-fit: cover;
}
.of-contain {
object-fit: contain;
}
.t-0 {
top: 0px;
}
.t-4 {
top: 4px;
}
.t-8 {
top: 8px;
}
.t-16 {
top: 16px;
}
.t-24 {
top: 24px;
}
.t-32 {
top: 32px;
}
.t-40 {
top: 40px;
}
.t-80 {
top: 80px;
}
.l-0 {
left: 0px;
}
.l-4 {
left: 4px;
}
.l-8 {
left: 8px;
}
.l-16 {
left: 16px;
}
.l-24 {
left: 24px;
}
.l-32 {
left: 32px;
}
.l-40 {
left: 40px;
}
.l-80 {
left: 80px;
}
.r-0 {
right: 0px;
}
.r-4 {
right: 4px;
}
.r-8 {
right: 8px;
}
.r-16 {
right: 16px;
}
.r-24 {
right: 24px;
}
.r-32 {
right: 32px;
}
.r-40 {
right: 40px;
}
.r-80 {
right: 80px;
}
.b-0 {
bottom: 0px;
}
.b-4 {
bottom: 4px;
}
.b-8 {
bottom: 8px;
}
.b-16 {
bottom: 16px;
}
.b-24 {
bottom: 24px;
}
.b-32 {
bottom: 32px;
}
.b-40 {
bottom: 40px;
}
.b-80 {
bottom: 80px;
}
.cls-1 {
columns: 1;
}
.cls-2 {
columns: 2;
}
.cls-3 {
columns: 3;
}
.cls-4 {
columns: 4;
}
.cls-5 {
columns: 5;
}
.cls-6 {
columns: 6;
}
.clc-1 {
column-count: 1;
}
.clc-2 {
column-count: 2;
}
.clc-3 {
column-count: 3;
}
.clc-4 {
column-count: 4;
}
.clc-5 {
column-count: 5;
}
.clc-6 {
column-count: 6;
}
.clg-0 {
column-gap: 0px;
}
.clg-4 {
column-gap: 4px;
}
.clg-8 {
column-gap: 8px;
}
.clg-16 {
column-gap: 16px;
}
.clg-24 {
column-gap: 24px;
}
.clg-32 {
column-gap: 32px;
}
.clg-40 {
column-gap: 40px;
}
.clg-80 {
column-gap: 80px;
}
.o-0 {
opacity: 0;
}
.o-10 {
opacity: 0.1;
}
.o-20 {
opacity: 0.2;
}
.o-30 {
opacity: 0.3;
}
.o-40 {
opacity: 0.4;
}
.o-50 {
opacity: 0.5;
}
.o-60 {
opacity: 0.6;
}
.o-70 {
opacity: 0.7;
}
.o-80 {
opacity: 0.9;
}
.o-100 {
opacity: 1;
}
.w-0 {
width: 0;
}
.w-half {
width: 50%;
}
.w-full {
width: 100%;
}
.w-window {
width: 100vw;
}
.w-64 {
width: 64px;
}
.w-128 {
width: 128px;
}
.w-256 {
width: 256px;
}
.w-512 {
width: 512px;
}
.w-100 {
width: 100px;
}
.w-200 {
width: 200px;
}
.w-300 {
width: 300px;
}
.w-400 {
width: 400px;
}
.w-500 {
width: 500px;
}
.w-600 {
width: 600px;
}
.h-0 {
height: 0;
}
.h-half {
height: 50%;
}
.h-full {
height: 100%;
}
.h-window {
height: 100vh;
}
.h-64 {
height: 64px;
}
.h-128 {
height: 128px;
}
.h-256 {
height: 256px;
}
.h-512 {
height: 512px;
}
.h-100 {
height: 100px;
}
.h-200 {
height: 200px;
}
.h-300 {
height: 300px;
}
.h-400 {
height: 400px;
}
.h-500 {
height: 500px;
}
.h-600 {
height: 600px;
}
.maxw-0 {
max-width: 0px;
}
.maxw-1 {
max-width: 1px;
}
.maxw-128 {
max-width: 128px;
}
.maxw-256 {
max-width: 256px;
}
.maxw-512 {
max-width: 512px;
}
.maxw-640 {
max-width: 640px;
}
.maxw-half {
max-width: 50%;
}
.maxw-full {
max-width: 100%;
}
.maxh-0 {
max-height: 0px;
}
.maxh-1 {
max-height: 1px;
}
.maxh-128 {
max-height: 128px;
}
.maxh-256 {
max-height: 256px;
}
.maxh-512 {
max-height: 512px;
}
.maxh-640 {
max-height: 640px;
}
.maxh-half {
max-height: 50%;
}
.maxh-full {
max-height: 100%;
}
.ws-nowrap {
white-space: nowrap;
}
.ls-none {
list-style: none;
}
.ls-default {
list-style: disc inside;
}
.lsp-inside {
list-style-position: inside;
}
.lst-disc {
list-style-type: disc;
}
.bxsz-border-box {
box-sizing: border-box;
}
.bxsz-content-box {
box-sizing: content-box;
}
.bxsh-none {
box-shadow: none;
}
.bxsh-default {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.c-black {
color: #000;
}
.bgc-black {
background-color: #000;
}
.bc-black {
border-color: #000;
}
.c-333 {
color: #333;
}
.bgc-333 {
background-color: #333;
}
.bc-333 {
border-color: #333;
}
.c-4a4a4a {
color: #4a4a4a;
}
.bgc-4a4a4a {
background-color: #4a4a4a;
}
.bc-4a4a4a {
border-color: #4a4a4a;
}
.c-666 {
color: #666;
}
.bgc-666 {
background-color: #666;
}
.bc-666 {
border-color: #666;
}
.c-999 {
color: #999;
}
.bgc-999 {
background-color: #999;
}
.bc-999 {
border-color: #999;
}
.c-ccc {
color: #ccc;
}
.bgc-ccc {
background-color: #ccc;
}
.bc-ccc {
border-color: #ccc;
}
.c-ddd {
color: #ddd;
}
.bgc-ddd {
background-color: #ddd;
}
.bc-ddd {
border-color: #ddd;
}
.c-eee {
color: #eee;
}
.bgc-eee {
background-color: #eee;
}
.bc-eee {
border-color: #eee;
}
.c-f6f6f6 {
color: #f6f6f6;
}
.bgc-ebebeb {
background-color: #ebebeb;
}
.bgc-f6f6f6 {
background-color: #f6f6f6;
}
.bc-f6f6f6 {
border-color: #f6f6f6;
}
.c-white {
color: #fff;
}
.bgc-white {
background-color: #fff;
}
.bc-white {
border-color: #fff;
}
.c-primary {
color: #ec1d24;
}
.bgc-primary {
background-color: #ec1d24;
}
.bc-primary {
border-color: #ec1d24;
}
.c-secondary {
color: #ec1d24;
}
.bgc-secondary {
background-color: #ec1d24;
}
.bc-secondary {
border-color: #ec1d24;
}
.c-error {
color: #ec1d24;
}
.bgc-error {
background-color: #ec1d24;
}
.bc-error {
border-color: #ec1d24;
}
.c-success {
color: green;
}
.bgc-success {
background-color: green;
}
.bc-success {
border-color: green;
}
.c-border {
color: #eee;
}
.bgc-border {
background-color: #eee;
}
.bc-border {
border-color: #eee;
}
.c-text {
color: #333;
}
.bgc-text {
background-color: #333;
}
.bc-text {
border-color: #333;
}
.c-text-faded {
color: #666;
}
.bgc-text-faded {
background-color: #666;
}
.bc-text-faded {
border-color: #666;
}
.container {
margin-left: auto;
margin-right: auto;
}
.a-primary {
color: #ec1d24;
transition: all ease-in-out 300ms;
}
.a-primary:hover {
color: #960d11;
}
.a-default {
transition: all ease-in-out 300ms;
}
.a-default:hover {
color: #ec1d24;
}
.vm {
display: flex;
align-items: center;
height: 100%;
}
.flex-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.flex-col {
flex-basis: 0;
flex-grow: 1;
}
.flex-col-2 {
flex-basis: 0;
flex-grow: 2;
}
.flex-col-3 {
flex-basis: 0;
flex-grow: 3;
}
.flex-col-4 {
flex-basis: 0;
flex-grow: 4;
}
.flex-col-5 {
flex-basis: 0;
flex-grow: 5;
}
.flex-col-6 {
flex-basis: 0;
flex-grow: 6;
}
.flex-col-7 {
flex-basis: 0;
flex-grow: 7;
}
.flex-col-8 {
flex-basis: 0;
flex-grow: 8;
}
.flex-col-9 {
flex-basis: 0;
flex-grow: 9;
}
.flex-col-10 {
flex-basis: 0;
flex-grow: 10;
}
.flex-col-11 {
flex-basis: 0;
flex-grow: 11;
}
.invisible {
display: none !important;
}
@media all and (min-width: 960px) {
.md_pa-0 {
padding: 0px;
}
.md_pa-4 {
padding: 4px;
}
.md_pa-8 {
padding: 8px;
}
.md_pa-16 {
padding: 16px;
}
.md_pa-24 {
padding: 24px;
}
.md_pa-32 {
padding: 32px;
}
.md_pa-40 {
padding: 40px;
}
.md_pa-48 {
padding: 48px;
}
.md_pa-56 {
padding: 56px;
}
.md_pa-80 {
padding: 80px;
}
.md_pt-0 {
padding-top: 0px;
}
.md_pt-4 {
padding-top: 4px;
}
.md_pt-8 {
padding-top: 8px;
}
.md_pt-16 {
padding-top: 16px;
}
.md_pt-24 {
padding-top: 24px;
}
.md_pt-32 {
padding-top: 32px;
}
.md_pt-40 {
padding-top: 40px;
}
.md_pt-48 {
padding-top: 48px;
}
.md_pt-56 {
padding-top: 56px;
}
.md_pt-80 {
padding-top: 80px;
}
.md_pb-0 {
padding-bottom: 0px;
}
.md_pb-4 {
padding-bottom: 4px;
}
.md_pb-8 {
padding-bottom: 8px;
}
.md_pb-16 {
padding-bottom: 16px;
}
.md_pb-24 {
padding-bottom: 24px;
}
.md_pb-32 {
padding-bottom: 32px;
}
.md_pb-40 {
padding-bottom: 40px;
}
.md_pb-48 {
padding-bottom: 48px;
}
.md_pb-56 {
padding-bottom: 56px;
}
.md_pb-80 {
padding-bottom: 80px;
}
.md_pl-0 {
padding-left: 0px;
}
.md_pl-4 {
padding-left: 4px;
}
.md_pl-8 {
padding-left: 8px;
}
.md_pl-16 {
padding-left: 16px;
}
.md_pl-24 {
padding-left: 24px;
}
.md_pl-32 {
padding-left: 32px;
}
.md_pl-40 {
padding-left: 40px;
}
.md_pl-48 {
padding-left: 48px;
}
.md_pl-56 {
padding-left: 56px;
}
.md_pl-80 {
padding-left: 80px;
}
.md_pr-0 {
padding-right: 0px;
}
.md_pr-4 {
padding-right: 4px;
}
.md_pr-8 {
padding-right: 8px;
}
.md_pr-16 {
padding-right: 16px;
}
.md_pr-24 {
padding-right: 24px;
}
.md_pr-32 {
padding-right: 32px;
}
.md_pr-40 {
padding-right: 40px;
}
.md_pr-48 {
padding-right: 48px;
}
.md_pr-56 {
padding-right: 56px;
}
.md_pr-80 {
padding-right: 80px;
}
.md_py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.md_py-4 {
padding-top: 4px;
padding-bottom: 4px;
}
.md_py-8 {
padding-top: 8px;
padding-bottom: 8px;
}
.md_py-16 {
padding-top: 16px;
padding-bottom: 16px;
}
.md_py-24 {
padding-top: 24px;
padding-bottom: 24px;
}
.md_py-32 {
padding-top: 32px;
padding-bottom: 32px;
}
.md_py-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.md_py-48 {
padding-top: 48px;
padding-bottom: 48px;
}
.md_py-56 {
padding-top: 56px;
padding-bottom: 56px;
}
.md_py-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.md_px-0 {
padding-left: 0px;
padding-right: 0px;
}
.md_px-4 {
padding-left: 4px;
padding-right: 4px;
}
.md_px-8 {
padding-left: 8px;
padding-right: 8px;
}
.md_px-16 {
padding-left: 16px;
padding-right: 16px;
}
.md_px-24 {
padding-left: 24px;
padding-right: 24px;
}
.md_px-32 {
padding-left: 32px;
padding-right: 32px;
}
.md_px-40 {
padding-left: 40px;
padding-right: 40px;
}
.md_px-48 {
padding-left: 48px;
padding-right: 48px;
}
.md_px-56 {
padding-left: 56px;
padding-right: 56px;
}
.md_px-80 {
padding-left: 80px;
padding-right: 80px;
}
.md_my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.md_my-4 {
margin-top: 4px;
margin-bottom: 4px;
}
.md_my-8 {
margin-top: 8px;
margin-bottom: 8px;
}
.md_my-16 {
margin-top: 16px;
margin-bottom: 16px;
}
.md_my-24 {
margin-top: 24px;
margin-bottom: 24px;
}
.md_my-32 {
margin-top: 32px;
margin-bottom: 32px;
}
.md_my-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.md_my-48 {
margin-top: 48px;
margin-bottom: 48px;
}
.md_my-56 {
margin-top: 56px;
margin-bottom: 56px;
}
.md_my-80 {
margin-top: 80px;
margin-bottom: 80px;
}
.md_my-auto {
margin-top: auto;
margin-bottom: auto;
}
.md_mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.md_mx-4 {
margin-left: 4px;
margin-right: 4px;
}
.md_mx-8 {
margin-left: 8px;
margin-right: 8px;
}
.md_mx-16 {
margin-left: 16px;
margin-right: 16px;
}
.md_mx-24 {
margin-left: 24px;
margin-right: 24px;
}
.md_mx-32 {
margin-left: 32px;
margin-right: 32px;
}
.md_mx-40 {
margin-left: 40px;
margin-right: 40px;
}
.md_mx-48 {
margin-left: 48px;
margin-right: 48px;
}
.md_mx-56 {
margin-left: 56px;
margin-right: 56px;
}
.md_mx-80 {
margin-left: 80px;
margin-right: 80px;
}
.md_mx-auto {
margin-left: auto;
margin-right: auto;
}
.md_ma-0 {
margin: 0px;
}
.md_ma-4 {
margin: 4px;
}
.md_ma-8 {
margin: 8px;
}
.md_ma-16 {
margin: 16px;
}
.md_ma-24 {
margin: 24px;
}
.md_ma-32 {
margin: 32px;
}
.md_ma-40 {
margin: 40px;
}
.md_ma-48 {
margin: 48px;
}
.md_ma-56 {
margin: 56px;
}
.md_ma-80 {
margin: 80px;
}
.md_mt-0 {
margin-top: 0px;
}
.md_mt-4 {
margin-top: 4px;
}
.md_mt-8 {
margin-top: 8px;
}
.md_mt-16 {
margin-top: 16px;
}
.md_mt-24 {
margin-top: 24px;
}
.md_mt-32 {
margin-top: 32px;
}
.md_mt-40 {
margin-top: 40px;
}
.md_mt-48 {
margin-top: 48px;
}
.md_mt-56 {
margin-top: 56px;
}
.md_mt-80 {
margin-top: 80px;
}
.md_mb-0 {
margin-bottom: 0px;
}
.md_mb-1 {
margin-bottom: 1px;
}
.md_mb-2 {
margin-bottom: 2px;
}
.md_mb-4 {
margin-bottom: 4px;
}
.md_mb-8 {
margin-bottom: 8px;
}
.md_mb-16 {
margin-bottom: 16px;
}
.md_mb-24 {
margin-bottom: 24px;
}
.md_mb-32 {
margin-bottom: 32px;
}
.md_mb-40 {
margin-bottom: 40px;
}
.md_mb-48 {
margin-bottom: 48px;
}
.md_mb-56 {
margin-bottom: 56px;
}
.md_mb-72 {
margin-bottom: 72px;
}
.md_mb-80 {
margin-bottom: 80px;
}
.md_ml-0 {
margin-left: 0px;
}
.md_ml-4 {
margin-left: 4px;
}
.md_ml-8 {
margin-left: 8px;
}
.md_ml-16 {
margin-left: 16px;
}
.md_ml-24 {
margin-left: 24px;
}
.md_ml-32 {
margin-left: 32px;
}
.md_ml-40 {
margin-left: 40px;
}
.md_ml-48 {
margin-left: 48px;
}
.md_ml-56 {
margin-left: 56px;
}
.md_ml-80 {
margin-left: 80px;
}
.md_mr-0 {
margin-right: 0px;
}
.md_mr-4 {
margin-right: 4px;
}
.md_mr-8 {
margin-right: 8px;
}
.md_mr-16 {
margin-right: 16px;
}
.md_mr-24 {
margin-right: 24px;
}
.md_mr-32 {
margin-right: 32px;
}
.md_mr-40 {
margin-right: 40px;
}
.md_mr-48 {
margin-right: 48px;
}
.md_mr-56 {
margin-right: 56px;
}
.md_mr-80 {
margin-right: 80px;
}
.md_bg-none {
background: none;
}
.md_bgr-no-repeat {
background-repeat: no-repeat;
}
.md_bgi-none {
background-image: none;
}
.md_bgp-center {
background-position: center;
}
.md_bgp-top {
background-position: top;
}
.md_bgp-left {
background-position: left;
}
.md_bgp-right {
background-position: right;
}
.md_bgp-bottom {
background-position: bottom;
}
.md_bgs-cover {
background-size: cover;
}
.md_bgs-contain {
background-size: contain;
}
.md_bd-0 {
border: 0;
}
.md_bd-1 {
border: 1px solid #eee;
}
.md_bd-2 {
border: 2px solid #eee;
}
.md_bd-4 {
border: 4px solid #eee;
}
.md_bt-0 {
border-top: 0;
}
.md_bt-1 {
border-top: 1px solid #eee;
}
.md_bt-2 {
border-top: 2px solid #eee;
}
.md_bt-4 {
border-top: 4px solid #eee;
}
.md_bb-0 {
border-bottom: 0;
}
.md_bb-1 {
border-bottom: 1px solid #eee;
}
.md_bb-2 {
border-bottom: 2px solid #eee;
}
.md_bb-4 {
border-bottom: 4px solid #eee;
}
.md_bl-0 {
border-left: 0;
}
.md_bl-1 {
border-left: 1px solid #eee;
}
.md_bl-2 {
border-left: 2px solid #eee;
}
.md_bl-4 {
border-left: 4px solid #eee;
}
.md_br-0 {
border-right: 0;
}
.md_br-1 {
border-right: 1px solid #eee;
}
.md_br-2 {
border-right: 2px solid #eee;
}
.md_br-4 {
border-right: 4px solid #eee;
}
.md_bw-0 {
border-width: 0;
}
.md_bw-1 {
border-width: 1;
}
.md_bw-2 {
border-width: 2;
}
.md_bw-4 {
border-width: 4;
}
.md_bs-solid {
border-style: solid;
}
.md_rd-0 {
border-radius: 0px;
}
.md_rd-2 {
border-radius: 2px;
}
.md_rd-4 {
border-radius: 4px;
}
.md_rd-8 {
border-radius: 8px;
}
.md_rd-16 {
border-radius: 16px;
}
.md_rd-32 {
border-radius: 32px;
}
.md_fs-10 {
font-size: 10px;
}
.md_fs-12 {
font-size: 12px;
}
.md_fs-14 {
font-size: 14px;
}
.md_fs-16 {
font-size: 16px;
}
.md_fs-18 {
font-size: 18px;
}
.md_fs-20 {
font-size: 20px;
}
.md_fs-24 {
font-size: 24px;
}
.md_fs-32 {
font-size: 32px;
}
.md_fs-48 {
font-size: 48px;
}
.md_fs-64 {
font-size: 64px;
}
.md_fs-small {
font-size: smaller;
}
.md_fw-300 {
font-weight: 300;
}
.md_fw-500 {
font-weight: 500;
}
.md_fw-600 {
font-weight: 600;
}
.md_fw-700 {
font-weight: 700;
}
.md_fw-900 {
font-weight: 900;
}
.md_fw-bold {
font-weight: bold;
}
.md_fl-italic {
font-style: italic;
}
.md_lh-1 {
line-height: 1;
}
.md_lh-10 {
line-height: 10px;
}
.md_lh-12 {
line-height: 12px;
}
.md_lh-14 {
line-height: 14px;
}
.md_lh-16 {
line-height: 16px;
}
.md_lh-18 {
line-height: 18px;
}
.md_lh-20 {
line-height: 20px;
}
.md_lh-24 {
line-height: 24px;
}
.md_lh-28 {
line-height: 28px;
}
.md_lh-32 {
line-height: 32px;
}
.md_lh-40 {
line-height: 40px;
}
.md_lh-48 {
line-height: 48px;
}
.md_lh-64 {
line-height: 64px;
}
.md_ta-left {
text-align: left;
}
.md_ta-right {
text-align: right;
}
.md_ta-center {
text-align: center;
}
.md_ta-justify {
text-align: justify;
}
.md_tt-lowercase {
text-transform: lowercase;
}
.md_tt-uppercase {
text-transform: uppercase;
}
.md_td-none {
text-decoration: none;
}
.md_td-underline {
text-decoration: underline;
}
.md_f-left {
float: left;
}
.md_f-right {
float: right;
}
.md_cl-none {
clear: none;
}
.md_cl-both {
clear: both;
}
.md_cl-left {
clear: left;
}
.md_cl-right {
clear: right;
}
.md_d-none {
display: none;
}
.md_d-block {
display: block;
}
.md_d-inline {
display: inline;
}
.md_d-inline-block {
display: inline-block;
}
.md_d-flex {
display: flex;
}
.md_d-inline-flex {
display: inline-flex;
}
.md_d-table {
display: table;
}
.md_d-table-cell {
display: table-cell;
}
.md_d-grid {
display: grid;
}
.md_p-absolute {
position: absolute;
}
.md_p-relative {
position: relative;
}
.md_p-static {
position: static;
}
.md_p-fixed {
position: fixed;
}
.md_of-cover {
object-fit: cover;
}
.md_of-contain {
object-fit: contain;
}
.md_t-0 {
top: 0px;
}
.md_t-4 {
top: 4px;
}
.md_t-8 {
top: 8px;
}
.md_t-16 {
top: 16px;
}
.md_t-24 {
top: 24px;
}
.md_t-32 {
top: 32px;
}
.md_t-40 {
top: 40px;
}
.md_t-80 {
top: 80px;
}
.md_l-0 {
left: 0px;
}
.md_l-4 {
left: 4px;
}
.md_l-8 {
left: 8px;
}
.md_l-16 {
left: 16px;
}
.md_l-24 {
left: 24px;
}
.md_l-32 {
left: 32px;
}
.md_l-40 {
left: 40px;
}
.md_l-80 {
left: 80px;
}
.md_r-0 {
right: 0px;
}
.md_r-4 {
right: 4px;
}
.md_r-8 {
right: 8px;
}
.md_r-16 {
right: 16px;
}
.md_r-24 {
right: 24px;
}
.md_r-32 {
right: 32px;
}
.md_r-40 {
right: 40px;
}
.md_r-80 {
right: 80px;
}
.md_b-0 {
bottom: 0px;
}
.md_b-4 {
bottom: 4px;
}
.md_b-8 {
bottom: 8px;
}
.md_b-16 {
bottom: 16px;
}
.md_b-24 {
bottom: 24px;
}
.md_b-32 {
bottom: 32px;
}
.md_b-40 {
bottom: 40px;
}
.md_b-80 {
bottom: 80px;
}
.md_cls-1 {
columns: 1;
}
.md_cls-2 {
columns: 2;
}
.md_cls-3 {
columns: 3;
}
.md_cls-4 {
columns: 4;
}
.md_cls-5 {
columns: 5;
}
.md_cls-6 {
columns: 6;
}
.md_clc-1 {
column-count: 1;
}
.md_clc-2 {
column-count: 2;
}
.md_clc-3 {
column-count: 3;
}
.md_clc-4 {
column-count: 4;
}
.md_clc-5 {
column-count: 5;
}
.md_clc-6 {
column-count: 6;
}
.md_clg-0 {
column-gap: 0px;
}
.md_clg-4 {
column-gap: 4px;
}
.md_clg-8 {
column-gap: 8px;
}
.md_clg-16 {
column-gap: 16px;
}
.md_clg-24 {
column-gap: 24px;
}
.md_clg-32 {
column-gap: 32px;
}
.md_clg-40 {
column-gap: 40px;
}
.md_clg-80 {
column-gap: 80px;
}
.md_o-0 {
opacity: 0;
}
.md_o-10 {
opacity: 0.1;
}
.md_o-20 {
opacity: 0.2;
}
.md_o-30 {
opacity: 0.3;
}
.md_o-40 {
opacity: 0.4;
}
.md_o-50 {
opacity: 0.5;
}
.md_o-60 {
opacity: 0.6;
}
.md_o-70 {
opacity: 0.7;
}
.md_o-80 {
opacity: 0.9;
}
.md_o-100 {
opacity: 1;
}
.md_w-0 {
width: 0;
}
.md_w-half {
width: 50%;
}
.md_w-full {
width: 100%;
}
.md_w-window {
width: 100vw;
}
.md_w-64 {
width: 64px;
}
.md_w-128 {
width: 128px;
}
.md_w-256 {
width: 256px;
}
.md_w-512 {
width: 512px;
}
.md_w-100 {
width: 100px;
}
.md_w-200 {
width: 200px;
}
.md_w-300 {
width: 300px;
}
.md_w-400 {
width: 400px;
}
.md_w-500 {
width: 500px;
}
.md_w-600 {
width: 600px;
}
.md_h-0 {
height: 0;
}
.md_h-half {
height: 50%;
}
.md_h-full {
height: 100%;
}
.md_h-window {
height: 100vh;
}
.md_h-64 {
height: 64px;
}
.md_h-128 {
height: 128px;
}
.md_h-256 {
height: 256px;
}
.md_h-512 {
height: 512px;
}
.md_h-100 {
height: 100px;
}
.md_h-200 {
height: 200px;
}
.md_h-300 {
height: 300px;
}
.md_h-400 {
height: 400px;
}
.md_h-500 {
height: 500px;
}
.md_h-600 {
height: 600px;
}
.md_maxw-0 {
max-width: 0px;
}
.md_maxw-1 {
max-width: 1px;
}
.md_maxw-128 {
max-width: 128px;
}
.md_maxw-256 {
max-width: 256px;
}
.md_maxw-512 {
max-width: 512px;
}
.md_maxw-640 {
max-width: 640px;
}
.md_maxw-half {
max-width: 50%;
}
.md_maxw-full {
max-width: 100%;
}
.md_maxh-0 {
max-height: 0px;
}
.md_maxh-1 {
max-height: 1px;
}
.md_maxh-128 {
max-height: 128px;
}
.md_maxh-256 {
max-height: 256px;
}
.md_maxh-512 {
max-height: 512px;
}
.md_maxh-640 {
max-height: 640px;
}
.md_maxh-half {
max-height: 50%;
}
.md_maxh-full {
max-height: 100%;
}
.md_ws-nowrap {
white-space: nowrap;
}
.md_ls-none {
list-style: none;
}
.md_ls-default {
list-style: disc inside;
}
.md_lsp-inside {
list-style-position: inside;
}
.md_lst-disc {
list-style-type: disc;
}
.md_bxsz-border-box {
box-sizing: border-box;
}
.md_bxsz-content-box {
box-sizing: content-box;
}
.md_bxsh-none {
box-shadow: none;
}
.md_bxsh-default {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.md_c-black {
color: #000;
}
.md_bgc-black {
background-color: #000;
}
.md_bc-black {
border-color: #000;
}
.md_c-333 {
color: #333;
}
.md_bgc-333 {
background-color: #333;
}
.md_bc-333 {
border-color: #333;
}
.md_c-4a4a4a {
color: #4a4a4a;
}
.md_bgc-4a4a4a {
background-color: #4a4a4a;
}
.md_bc-4a4a4a {
border-color: #4a4a4a;
}
.md_c-666 {
color: #666;
}
.md_bgc-666 {
background-color: #666;
}
.md_bc-666 {
border-color: #666;
}
.md_c-999 {
color: #999;
}
.md_bgc-999 {
background-color: #999;
}
.md_bc-999 {
border-color: #999;
}
.md_c-ccc {
color: #ccc;
}
.md_bgc-ccc {
background-color: #ccc;
}
.md_bc-ccc {
border-color: #ccc;
}
.md_c-ddd {
color: #ddd;
}
.md_bgc-ddd {
background-color: #ddd;
}
.md_bc-ddd {
border-color: #ddd;
}
.md_c-eee {
color: #eee;
}
.md_bgc-eee {
background-color: #eee;
}
.md_bc-eee {
border-color: #eee;
}
.md_c-f6f6f6 {
color: #f6f6f6;
}
.md_bgc-f6f6f6 {
background-color: #f6f6f6;
}
.md_bc-f6f6f6 {
border-color: #f6f6f6;
}
.md_c-white {
color: #fff;
}
.md_bgc-white {
background-color: #fff;
}
.md_bc-white {
border-color: #fff;
}
.md_c-primary {
color: #ec1d24;
}
.md_bgc-primary {
background-color: #ec1d24;
}
.md_bc-primary {
border-color: #ec1d24;
}
.md_c-secondary {
color: #ec1d24;
}
.md_bgc-secondary {
background-color: #ec1d24;
}
.md_bc-secondary {
border-color: #ec1d24;
}
.md_c-error {
color: #ec1d24;
}
.md_bgc-error {
background-color: #ec1d24;
}
.md_bc-error {
border-color: #ec1d24;
}
.md_c-success {
color: green;
}
.md_bgc-success {
background-color: green;
}
.md_bc-success {
border-color: green;
}
.md_c-border {
color: #eee;
}
.md_bgc-border {
background-color: #eee;
}
.md_bc-border {
border-color: #eee;
}
.md_c-text {
color: #333;
}
.md_bgc-text {
background-color: #333;
}
.md_bc-text {
border-color: #333;
}
.md_c-text-faded {
color: #666;
}
.md_bgc-text-faded {
background-color: #666;
}
.md_bc-text-faded {
border-color: #666;
}
.md_container {
margin-left: auto;
margin-right: auto;
}
.md_a-primary {
color: #ec1d24;
transition: all ease-in-out 300ms;
}
.md_a-primary:hover {
color: #960d11;
}
.md_a-default {
transition: all ease-in-out 300ms;
}
.md_a-default:hover {
color: #ec1d24;
}
.md_vm {
display: flex;
align-items: center;
height: 100%;
}
.md_flex-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.md_flex-col {
flex-basis: 0;
flex-grow: 1;
}
.md_flex-col-2 {
flex-basis: 0;
flex-grow: 2;
}
.md_flex-col-3 {
flex-basis: 0;
flex-grow: 3;
}
.md_flex-col-4 {
flex-basis: 0;
flex-grow: 4;
}
.md_flex-col-5 {
flex-basis: 0;
flex-grow: 5;
}
.md_flex-col-6 {
flex-basis: 0;
flex-grow: 6;
}
.md_flex-col-7 {
flex-basis: 0;
flex-grow: 7;
}
.md_flex-col-8 {
flex-basis: 0;
flex-grow: 8;
}
.md_flex-col-9 {
flex-basis: 0;
flex-grow: 9;
}
.md_flex-col-10 {
flex-basis: 0;
flex-grow: 10;
}
.md_flex-col-11 {
flex-basis: 0;
flex-grow: 11;
}
.md_invisible {
display: none !important;
}
}
@media all and (min-width: 1024px) {
.lg_pa-0 {
padding: 0px;
}
.lg_pa-4 {
padding: 4px;
}
.lg_pa-8 {
padding: 8px;
}
.lg_pa-16 {
padding: 16px;
}
.lg_pa-24 {
padding: 24px;
}
.lg_pa-32 {
padding: 32px;
}
.lg_pa-40 {
padding: 40px;
}
.lg_pa-48 {
padding: 48px;
}
.lg_pa-56 {
padding: 56px;
}
.lg_pa-80 {
padding: 80px;
}
.lg_pt-0 {
padding-top: 0px;
}
.lg_pt-4 {
padding-top: 4px;
}
.lg_pt-8 {
padding-top: 8px;
}
.lg_pt-16 {
padding-top: 16px;
}
.lg_pt-24 {
padding-top: 24px;
}
.lg_pt-32 {
padding-top: 32px;
}
.lg_pt-40 {
padding-top: 40px;
}
.lg_pt-48 {
padding-top: 48px;
}
.lg_pt-56 {
padding-top: 56px;
}
.lg_pt-80 {
padding-top: 80px;
}
.lg_pb-0 {
padding-bottom: 0px;
}
.lg_pb-4 {
padding-bottom: 4px;
}
.lg_pb-8 {
padding-bottom: 8px;
}
.lg_pb-16 {
padding-bottom: 16px;
}
.lg_pb-24 {
padding-bottom: 24px;
}
.lg_pb-32 {
padding-bottom: 32px;
}
.lg_pb-40 {
padding-bottom: 40px;
}
.lg_pb-48 {
padding-bottom: 48px;
}
.lg_pb-56 {
padding-bottom: 56px;
}
.lg_pb-80 {
padding-bottom: 80px;
}
.lg_pl-0 {
padding-left: 0px;
}
.lg_pl-4 {
padding-left: 4px;
}
.lg_pl-8 {
padding-left: 8px;
}
.lg_pl-16 {
padding-left: 16px;
}
.lg_pl-24 {
padding-left: 24px;
}
.lg_pl-32 {
padding-left: 32px;
}
.lg_pl-40 {
padding-left: 40px;
}
.lg_pl-48 {
padding-left: 48px;
}
.lg_pl-56 {
padding-left: 56px;
}
.lg_pl-80 {
padding-left: 80px;
}
.lg_pr-0 {
padding-right: 0px;
}
.lg_pr-4 {
padding-right: 4px;
}
.lg_pr-8 {
padding-right: 8px;
}
.lg_pr-16 {
padding-right: 16px;
}
.lg_pr-24 {
padding-right: 24px;
}
.lg_pr-32 {
padding-right: 32px;
}
.lg_pr-40 {
padding-right: 40px;
}
.lg_pr-48 {
padding-right: 48px;
}
.lg_pr-56 {
padding-right: 56px;
}
.lg_pr-80 {
padding-right: 80px;
}
.lg_py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.lg_py-4 {
padding-top: 4px;
padding-bottom: 4px;
}
.lg_py-8 {
padding-top: 8px;
padding-bottom: 8px;
}
.lg_py-16 {
padding-top: 16px;
padding-bottom: 16px;
}
.lg_py-24 {
padding-top: 24px;
padding-bottom: 24px;
}
.lg_py-32 {
padding-top: 32px;
padding-bottom: 32px;
}
.lg_py-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.lg_py-48 {
padding-top: 48px;
padding-bottom: 48px;
}
.lg_py-56 {
padding-top: 56px;
padding-bottom: 56px;
}
.lg_py-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.lg_px-0 {
padding-left: 0px;
padding-right: 0px;
}
.lg_px-4 {
padding-left: 4px;
padding-right: 4px;
}
.lg_px-8 {
padding-left: 8px;
padding-right: 8px;
}
.lg_px-16 {
padding-left: 16px;
padding-right: 16px;
}
.lg_px-24 {
padding-left: 24px;
padding-right: 24px;
}
.lg_px-32 {
padding-left: 32px;
padding-right: 32px;
}
.lg_px-40 {
padding-left: 40px;
padding-right: 40px;
}
.lg_px-48 {
padding-left: 48px;
padding-right: 48px;
}
.lg_px-56 {
padding-left: 56px;
padding-right: 56px;
}
.lg_px-80 {
padding-left: 80px;
padding-right: 80px;
}
.lg_my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.lg_my-4 {
margin-top: 4px;
margin-bottom: 4px;
}
.lg_my-8 {
margin-top: 8px;
margin-bottom: 8px;
}
.lg_my-16 {
margin-top: 16px;
margin-bottom: 16px;
}
.lg_my-24 {
margin-top: 24px;
margin-bottom: 24px;
}
.lg_my-32 {
margin-top: 32px;
margin-bottom: 32px;
}
.lg_my-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.lg_my-48 {
margin-top: 48px;
margin-bottom: 48px;
}
.lg_my-56 {
margin-top: 56px;
margin-bottom: 56px;
}
.lg_my-80 {
margin-top: 80px;
margin-bottom: 80px;
}
.lg_my-auto {
margin-top: auto;
margin-bottom: auto;
}
.lg_mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.lg_mx-4 {
margin-left: 4px;
margin-right: 4px;
}
.lg_mx-8 {
margin-left: 8px;
margin-right: 8px;
}
.lg_mx-16 {
margin-left: 16px;
margin-right: 16px;
}
.lg_mx-24 {
margin-left: 24px;
margin-right: 24px;
}
.lg_mx-32 {
margin-left: 32px;
margin-right: 32px;
}
.lg_mx-40 {
margin-left: 40px;
margin-right: 40px;
}
.lg_mx-48 {
margin-left: 48px;
margin-right: 48px;
}
.lg_mx-56 {
margin-left: 56px;
margin-right: 56px;
}
.lg_mx-80 {
margin-left: 80px;
margin-right: 80px;
}
.lg_mx-auto {
margin-left: auto;
margin-right: auto;
}
.lg_ma-0 {
margin: 0px;
}
.lg_ma-4 {
margin: 4px;
}
.lg_ma-8 {
margin: 8px;
}
.lg_ma-16 {
margin: 16px;
}
.lg_ma-24 {
margin: 24px;
}
.lg_ma-32 {
margin: 32px;
}
.lg_ma-40 {
margin: 40px;
}
.lg_ma-48 {
margin: 48px;
}
.lg_ma-56 {
margin: 56px;
}
.lg_ma-80 {
margin: 80px;
}
.lg_mt-0 {
margin-top: 0px;
}
.lg_mt-4 {
margin-top: 4px;
}
.lg_mt-8 {
margin-top: 8px;
}
.lg_mt-16 {
margin-top: 16px;
}
.lg_mt-24 {
margin-top: 24px;
}
.lg_mt-32 {
margin-top: 32px;
}
.lg_mt-40 {
margin-top: 40px;
}
.lg_mt-48 {
margin-top: 48px;
}
.lg_mt-56 {
margin-top: 56px;
}
.lg_mt-80 {
margin-top: 80px;
}
.lg_mb-0 {
margin-bottom: 0px;
}
.lg_mb-1 {
margin-bottom: 1px;
}
.lg_mb-2 {
margin-bottom: 2px;
}
.lg_mb-4 {
margin-bottom: 4px;
}
.lg_mb-8 {
margin-bottom: 8px;
}
.lg_mb-16 {
margin-bottom: 16px;
}
.lg_mb-24 {
margin-bottom: 24px;
}
.lg_mb-32 {
margin-bottom: 32px;
}
.lg_mb-40 {
margin-bottom: 40px;
}
.lg_mb-48 {
margin-bottom: 48px;
}
.lg_mb-56 {
margin-bottom: 56px;
}
.lg_mb-72 {
margin-bottom: 72px;
}
.lg_mb-80 {
margin-bottom: 80px;
}
.lg_ml-0 {
margin-left: 0px;
}
.lg_ml-4 {
margin-left: 4px;
}
.lg_ml-8 {
margin-left: 8px;
}
.lg_ml-16 {
margin-left: 16px;
}
.lg_ml-24 {
margin-left: 24px;
}
.lg_ml-32 {
margin-left: 32px;
}
.lg_ml-40 {
margin-left: 40px;
}
.lg_ml-48 {
margin-left: 48px;
}
.lg_ml-56 {
margin-left: 56px;
}
.lg_ml-80 {
margin-left: 80px;
}
.lg_mr-0 {
margin-right: 0px;
}
.lg_mr-4 {
margin-right: 4px;
}
.lg_mr-8 {
margin-right: 8px;
}
.lg_mr-16 {
margin-right: 16px;
}
.lg_mr-24 {
margin-right: 24px;
}
.lg_mr-32 {
margin-right: 32px;
}
.lg_mr-40 {
margin-right: 40px;
}
.lg_mr-48 {
margin-right: 48px;
}
.lg_mr-56 {
margin-right: 56px;
}
.lg_mr-80 {
margin-right: 80px;
}
.lg_bg-none {
background: none;
}
.lg_bgr-no-repeat {
background-repeat: no-repeat;
}
.lg_bgi-none {
background-image: none;
}
.lg_bgp-center {
background-position: center;
}
.lg_bgp-top {
background-position: top;
}
.lg_bgp-left {
background-position: left;
}
.lg_bgp-right {
background-position: right;
}
.lg_bgp-bottom {
background-position: bottom;
}
.lg_bgs-cover {
background-size: cover;
}
.lg_bgs-contain {
background-size: contain;
}
.lg_bd-0 {
border: 0;
}
.lg_bd-1 {
border: 1px solid #eee;
}
.lg_bd-2 {
border: 2px solid #eee;
}
.lg_bd-4 {
border: 4px solid #eee;
}
.lg_bt-0 {
border-top: 0;
}
.lg_bt-1 {
border-top: 1px solid #eee;
}
.lg_bt-2 {
border-top: 2px solid #eee;
}
.lg_bt-4 {
border-top: 4px solid #eee;
}
.lg_bb-0 {
border-bottom: 0;
}
.lg_bb-1 {
border-bottom: 1px solid #eee;
}
.lg_bb-2 {
border-bottom: 2px solid #eee;
}
.lg_bb-4 {
border-bottom: 4px solid #eee;
}
.lg_bl-0 {
border-left: 0;
}
.lg_bl-1 {
border-left: 1px solid #eee;
}
.lg_bl-2 {
border-left: 2px solid #eee;
}
.lg_bl-4 {
border-left: 4px solid #eee;
}
.lg_br-0 {
border-right: 0;
}
.lg_br-1 {
border-right: 1px solid #eee;
}
.lg_br-2 {
border-right: 2px solid #eee;
}
.lg_br-4 {
border-right: 4px solid #eee;
}
.lg_bw-0 {
border-width: 0;
}
.lg_bw-1 {
border-width: 1;
}
.lg_bw-2 {
border-width: 2;
}
.lg_bw-4 {
border-width: 4;
}
.lg_bs-solid {
border-style: solid;
}
.lg_rd-0 {
border-radius: 0px;
}
.lg_rd-2 {
border-radius: 2px;
}
.lg_rd-4 {
border-radius: 4px;
}
.lg_rd-8 {
border-radius: 8px;
}
.lg_rd-16 {
border-radius: 16px;
}
.lg_rd-32 {
border-radius: 32px;
}
.lg_fs-10 {
font-size: 10px;
}
.lg_fs-12 {
font-size: 12px;
}
.lg_fs-14 {
font-size: 14px;
}
.lg_fs-16 {
font-size: 16px;
}
.lg_fs-18 {
font-size: 18px;
}
.lg_fs-20 {
font-size: 20px;
}
.lg_fs-24 {
font-size: 24px;
}
.lg_fs-32 {
font-size: 32px;
}
.lg_fs-48 {
font-size: 48px;
}
.lg_fs-64 {
font-size: 64px;
}
.lg_fs-small {
font-size: smaller;
}
.lg_fw-300 {
font-weight: 300;
}
.lg_fw-500 {
font-weight: 500;
}
.lg_fw-600 {
font-weight: 600;
}
.lg_fw-700 {
font-weight: 700;
}
.lg_fw-900 {
font-weight: 900;
}
.lg_fw-bold {
font-weight: bold;
}
.lg_fl-italic {
font-style: italic;
}
.lg_lh-1 {
line-height: 1;
}
.lg_lh-10 {
line-height: 10px;
}
.lg_lh-12 {
line-height: 12px;
}
.lg_lh-14 {
line-height: 14px;
}
.lg_lh-16 {
line-height: 16px;
}
.lg_lh-18 {
line-height: 18px;
}
.lg_lh-20 {
line-height: 20px;
}
.lg_lh-24 {
line-height: 24px;
}
.lg_lh-28 {
line-height: 28px;
}
.lg_lh-32 {
line-height: 32px;
}
.lg_lh-40 {
line-height: 40px;
}
.lg_lh-48 {
line-height: 48px;
}
.lg_lh-64 {
line-height: 64px;
}
.lg_ta-left {
text-align: left;
}
.lg_ta-right {
text-align: right;
}
.lg_ta-center {
text-align: center;
}
.lg_ta-justify {
text-align: justify;
}
.lg_tt-lowercase {
text-transform: lowercase;
}
.lg_tt-uppercase {
text-transform: uppercase;
}
.lg_td-none {
text-decoration: none;
}
.lg_td-underline {
text-decoration: underline;
}
.lg_f-left {
float: left;
}
.lg_f-right {
float: right;
}
.lg_cl-none {
clear: none;
}
.lg_cl-both {
clear: both;
}
.lg_cl-left {
clear: left;
}
.lg_cl-right {
clear: right;
}
.lg_d-none {
display: none;
}
.lg_d-block {
display: block;
}
.lg_d-inline {
display: inline;
}
.lg_d-inline-block {
display: inline-block;
}
.lg_d-flex {
display: flex;
}
.lg_d-inline-flex {
display: inline-flex;
}
.lg_d-table {
display: table;
}
.lg_d-table-cell {
display: table-cell;
}
.lg_d-grid {
display: grid;
}
.lg_p-absolute {
position: absolute;
}
.lg_p-relative {
position: relative;
}
.lg_p-static {
position: static;
}
.lg_p-fixed {
position: fixed;
}
.lg_of-cover {
object-fit: cover;
}
.lg_of-contain {
object-fit: contain;
}
.lg_t-0 {
top: 0px;
}
.lg_t-4 {
top: 4px;
}
.lg_t-8 {
top: 8px;
}
.lg_t-16 {
top: 16px;
}
.lg_t-24 {
top: 24px;
}
.lg_t-32 {
top: 32px;
}
.lg_t-40 {
top: 40px;
}
.lg_t-80 {
top: 80px;
}
.lg_l-0 {
left: 0px;
}
.lg_l-4 {
left: 4px;
}
.lg_l-8 {
left: 8px;
}
.lg_l-16 {
left: 16px;
}
.lg_l-24 {
left: 24px;
}
.lg_l-32 {
left: 32px;
}
.lg_l-40 {
left: 40px;
}
.lg_l-80 {
left: 80px;
}
.lg_r-0 {
right: 0px;
}
.lg_r-4 {
right: 4px;
}
.lg_r-8 {
right: 8px;
}
.lg_r-16 {
right: 16px;
}
.lg_r-24 {
right: 24px;
}
.lg_r-32 {
right: 32px;
}
.lg_r-40 {
right: 40px;
}
.lg_r-80 {
right: 80px;
}
.lg_b-0 {
bottom: 0px;
}
.lg_b-4 {
bottom: 4px;
}
.lg_b-8 {
bottom: 8px;
}
.lg_b-16 {
bottom: 16px;
}
.lg_b-24 {
bottom: 24px;
}
.lg_b-32 {
bottom: 32px;
}
.lg_b-40 {
bottom: 40px;
}
.lg_b-80 {
bottom: 80px;
}
.lg_cls-1 {
columns: 1;
}
.lg_cls-2 {
columns: 2;
}
.lg_cls-3 {
columns: 3;
}
.lg_cls-4 {
columns: 4;
}
.lg_cls-5 {
columns: 5;
}
.lg_cls-6 {
columns: 6;
}
.lg_clc-1 {
column-count: 1;
}
.lg_clc-2 {
column-count: 2;
}
.lg_clc-3 {
column-count: 3;
}
.lg_clc-4 {
column-count: 4;
}
.lg_clc-5 {
column-count: 5;
}
.lg_clc-6 {
column-count: 6;
}
.lg_clg-0 {
column-gap: 0px;
}
.lg_clg-4 {
column-gap: 4px;
}
.lg_clg-8 {
column-gap: 8px;
}
.lg_clg-16 {
column-gap: 16px;
}
.lg_clg-24 {
column-gap: 24px;
}
.lg_clg-32 {
column-gap: 32px;
}
.lg_clg-40 {
column-gap: 40px;
}
.lg_clg-80 {
column-gap: 80px;
}
.lg_o-0 {
opacity: 0;
}
.lg_o-10 {
opacity: 0.1;
}
.lg_o-20 {
opacity: 0.2;
}
.lg_o-30 {
opacity: 0.3;
}
.lg_o-40 {
opacity: 0.4;
}
.lg_o-50 {
opacity: 0.5;
}
.lg_o-60 {
opacity: 0.6;
}
.lg_o-70 {
opacity: 0.7;
}
.lg_o-80 {
opacity: 0.9;
}
.lg_o-100 {
opacity: 1;
}
.lg_w-0 {
width: 0;
}
.lg_w-half {
width: 50%;
}
.lg_w-full {
width: 100%;
}
.lg_w-window {
width: 100vw;
}
.lg_w-64 {
width: 64px;
}
.lg_w-128 {
width: 128px;
}
.lg_w-256 {
width: 256px;
}
.lg_w-512 {
width: 512px;
}
.lg_w-100 {
width: 100px;
}
.lg_w-200 {
width: 200px;
}
.lg_w-300 {
width: 300px;
}
.lg_w-400 {
width: 400px;
}
.lg_w-500 {
width: 500px;
}
.lg_w-600 {
width: 600px;
}
.lg_h-0 {
height: 0;
}
.lg_h-half {
height: 50%;
}
.lg_h-full {
height: 100%;
}
.lg_h-window {
height: 100vh;
}
.lg_h-64 {
height: 64px;
}
.lg_h-128 {
height: 128px;
}
.lg_h-256 {
height: 256px;
}
.lg_h-512 {
height: 512px;
}
.lg_h-100 {
height: 100px;
}
.lg_h-200 {
height: 200px;
}
.lg_h-300 {
height: 300px;
}
.lg_h-400 {
height: 400px;
}
.lg_h-500 {
height: 500px;
}
.lg_h-600 {
height: 600px;
}
.lg_maxw-0 {
max-width: 0px;
}
.lg_maxw-1 {
max-width: 1px;
}
.lg_maxw-128 {
max-width: 128px;
}
.lg_maxw-256 {
max-width: 256px;
}
.lg_maxw-512 {
max-width: 512px;
}
.lg_maxw-640 {
max-width: 640px;
}
.lg_maxw-half {
max-width: 50%;
}
.lg_maxw-full {
max-width: 100%;
}
.lg_maxh-0 {
max-height: 0px;
}
.lg_maxh-1 {
max-height: 1px;
}
.lg_maxh-128 {
max-height: 128px;
}
.lg_maxh-256 {
max-height: 256px;
}
.lg_maxh-512 {
max-height: 512px;
}
.lg_maxh-640 {
max-height: 640px;
}
.lg_maxh-half {
max-height: 50%;
}
.lg_maxh-full {
max-height: 100%;
}
.lg_ws-nowrap {
white-space: nowrap;
}
.lg_ls-none {
list-style: none;
}
.lg_ls-default {
list-style: disc inside;
}
.lg_lsp-inside {
list-style-position: inside;
}
.lg_lst-disc {
list-style-type: disc;
}
.lg_bxsz-border-box {
box-sizing: border-box;
}
.lg_bxsz-content-box {
box-sizing: content-box;
}
.lg_bxsh-none {
box-shadow: none;
}
.lg_bxsh-default {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.lg_c-black {
color: #000;
}
.lg_bgc-black {
background-color: #000;
}
.lg_bc-black {
border-color: #000;
}
.lg_c-333 {
color: #333;
}
.lg_bgc-333 {
background-color: #333;
}
.lg_bc-333 {
border-color: #333;
}
.lg_c-4a4a4a {
color: #4a4a4a;
}
.lg_bgc-4a4a4a {
background-color: #4a4a4a;
}
.lg_bc-4a4a4a {
border-color: #4a4a4a;
}
.lg_c-666 {
color: #666;
}
.lg_bgc-666 {
background-color: #666;
}
.lg_bc-666 {
border-color: #666;
}
.lg_c-999 {
color: #999;
}
.lg_bgc-999 {
background-color: #999;
}
.lg_bc-999 {
border-color: #999;
}
.lg_c-ccc {
color: #ccc;
}
.lg_bgc-ccc {
background-color: #ccc;
}
.lg_bc-ccc {
border-color: #ccc;
}
.lg_c-ddd {
color: #ddd;
}
.lg_bgc-ddd {
background-color: #ddd;
}
.lg_bc-ddd {
border-color: #ddd;
}
.lg_c-eee {
color: #eee;
}
.lg_bgc-eee {
background-color: #eee;
}
.lg_bc-eee {
border-color: #eee;
}
.lg_c-f6f6f6 {
color: #f6f6f6;
}
.lg_bgc-f6f6f6 {
background-color: #f6f6f6;
}
.lg_bc-f6f6f6 {
border-color: #f6f6f6;
}
.lg_c-white {
color: #fff;
}
.lg_bgc-white {
background-color: #fff;
}
.lg_bc-white {
border-color: #fff;
}
.lg_c-primary {
color: #ec1d24;
}
.lg_bgc-primary {
background-color: #ec1d24;
}
.lg_bc-primary {
border-color: #ec1d24;
}
.lg_c-secondary {
color: #ec1d24;
}
.lg_bgc-secondary {
background-color: #ec1d24;
}
.lg_bc-secondary {
border-color: #ec1d24;
}
.lg_c-error {
color: #ec1d24;
}
.lg_bgc-error {
background-color: #ec1d24;
}
.lg_bc-error {
border-color: #ec1d24;
}
.lg_c-success {
color: green;
}
.lg_bgc-success {
background-color: green;
}
.lg_bc-success {
border-color: green;
}
.lg_c-border {
color: #eee;
}
.lg_bgc-border {
background-color: #eee;
}
.lg_bc-border {
border-color: #eee;
}
.lg_c-text {
color: #333;
}
.lg_bgc-text {
background-color: #333;
}
.lg_bc-text {
border-color: #333;
}
.lg_c-text-faded {
color: #666;
}
.lg_bgc-text-faded {
background-color: #666;
}
.lg_bc-text-faded {
border-color: #666;
}
.lg_container {
margin-left: auto;
margin-right: auto;
}
.lg_a-primary {
color: #ec1d24;
transition: all ease-in-out 300ms;
}
.lg_a-primary:hover {
color: #960d11;
}
.lg_a-default {
transition: all ease-in-out 300ms;
}
.lg_a-default:hover {
color: #ec1d24;
}
.lg_vm {
display: flex;
align-items: center;
height: 100%;
}
.lg_flex-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.lg_flex-col {
flex-basis: 0;
flex-grow: 1;
}
.lg_flex-col-2 {
flex-basis: 0;
flex-grow: 2;
}
.lg_flex-col-3 {
flex-basis: 0;
flex-grow: 3;
}
.lg_flex-col-4 {
flex-basis: 0;
flex-grow: 4;
}
.lg_flex-col-5 {
flex-basis: 0;
flex-grow: 5;
}
.lg_flex-col-6 {
flex-basis: 0;
flex-grow: 6;
}
.lg_flex-col-7 {
flex-basis: 0;
flex-grow: 7;
}
.lg_flex-col-8 {
flex-basis: 0;
flex-grow: 8;
}
.lg_flex-col-9 {
flex-basis: 0;
flex-grow: 9;
}
.lg_flex-col-10 {
flex-basis: 0;
flex-grow: 10;
}
.lg_flex-col-11 {
flex-basis: 0;
flex-grow: 11;
}
.lg_invisible {
display: none !important;
}
}
@media all and (min-width: 1280px) {
.xl_pa-0 {
padding: 0px;
}
.xl_pa-4 {
padding: 4px;
}
.xl_pa-8 {
padding: 8px;
}
.xl_pa-16 {
padding: 16px;
}
.xl_pa-24 {
padding: 24px;
}
.xl_pa-32 {
padding: 32px;
}
.xl_pa-40 {
padding: 40px;
}
.xl_pa-48 {
padding: 48px;
}
.xl_pa-56 {
padding: 56px;
}
.xl_pa-80 {
padding: 80px;
}
.xl_pt-0 {
padding-top: 0px;
}
.xl_pt-4 {
padding-top: 4px;
}
.xl_pt-8 {
padding-top: 8px;
}
.xl_pt-16 {
padding-top: 16px;
}
.xl_pt-24 {
padding-top: 24px;
}
.xl_pt-32 {
padding-top: 32px;
}
.xl_pt-40 {
padding-top: 40px;
}
.xl_pt-48 {
padding-top: 48px;
}
.xl_pt-56 {
padding-top: 56px;
}
.xl_pt-80 {
padding-top: 80px;
}
.xl_pb-0 {
padding-bottom: 0px;
}
.xl_pb-4 {
padding-bottom: 4px;
}
.xl_pb-8 {
padding-bottom: 8px;
}
.xl_pb-16 {
padding-bottom: 16px;
}
.xl_pb-24 {
padding-bottom: 24px;
}
.xl_pb-32 {
padding-bottom: 32px;
}
.xl_pb-40 {
padding-bottom: 40px;
}
.xl_pb-48 {
padding-bottom: 48px;
}
.xl_pb-56 {
padding-bottom: 56px;
}
.xl_pb-80 {
padding-bottom: 80px;
}
.xl_pl-0 {
padding-left: 0px;
}
.xl_pl-4 {
padding-left: 4px;
}
.xl_pl-8 {
padding-left: 8px;
}
.xl_pl-16 {
padding-left: 16px;
}
.xl_pl-24 {
padding-left: 24px;
}
.xl_pl-32 {
padding-left: 32px;
}
.xl_pl-40 {
padding-left: 40px;
}
.xl_pl-48 {
padding-left: 48px;
}
.xl_pl-56 {
padding-left: 56px;
}
.xl_pl-80 {
padding-left: 80px;
}
.xl_pr-0 {
padding-right: 0px;
}
.xl_pr-4 {
padding-right: 4px;
}
.xl_pr-8 {
padding-right: 8px;
}
.xl_pr-16 {
padding-right: 16px;
}
.xl_pr-24 {
padding-right: 24px;
}
.xl_pr-32 {
padding-right: 32px;
}
.xl_pr-40 {
padding-right: 40px;
}
.xl_pr-48 {
padding-right: 48px;
}
.xl_pr-56 {
padding-right: 56px;
}
.xl_pr-80 {
padding-right: 80px;
}
.xl_py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.xl_py-4 {
padding-top: 4px;
padding-bottom: 4px;
}
.xl_py-8 {
padding-top: 8px;
padding-bottom: 8px;
}
.xl_py-16 {
padding-top: 16px;
padding-bottom: 16px;
}
.xl_py-24 {
padding-top: 24px;
padding-bottom: 24px;
}
.xl_py-32 {
padding-top: 32px;
padding-bottom: 32px;
}
.xl_py-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.xl_py-48 {
padding-top: 48px;
padding-bottom: 48px;
}
.xl_py-56 {
padding-top: 56px;
padding-bottom: 56px;
}
.xl_py-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.xl_px-0 {
padding-left: 0px;
padding-right: 0px;
}
.xl_px-4 {
padding-left: 4px;
padding-right: 4px;
}
.xl_px-8 {
padding-left: 8px;
padding-right: 8px;
}
.xl_px-16 {
padding-left: 16px;
padding-right: 16px;
}
.xl_px-24 {
padding-left: 24px;
padding-right: 24px;
}
.xl_px-32 {
padding-left: 32px;
padding-right: 32px;
}
.xl_px-40 {
padding-left: 40px;
padding-right: 40px;
}
.xl_px-48 {
padding-left: 48px;
padding-right: 48px;
}
.xl_px-56 {
padding-left: 56px;
padding-right: 56px;
}
.xl_px-80 {
padding-left: 80px;
padding-right: 80px;
}
.xl_my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.xl_my-4 {
margin-top: 4px;
margin-bottom: 4px;
}
.xl_my-8 {
margin-top: 8px;
margin-bottom: 8px;
}
.xl_my-16 {
margin-top: 16px;
margin-bottom: 16px;
}
.xl_my-24 {
margin-top: 24px;
margin-bottom: 24px;
}
.xl_my-32 {
margin-top: 32px;
margin-bottom: 32px;
}
.xl_my-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.xl_my-48 {
margin-top: 48px;
margin-bottom: 48px;
}
.xl_my-56 {
margin-top: 56px;
margin-bottom: 56px;
}
.xl_my-80 {
margin-top: 80px;
margin-bottom: 80px;
}
.xl_my-auto {
margin-top: auto;
margin-bottom: auto;
}
.xl_mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.xl_mx-4 {
margin-left: 4px;
margin-right: 4px;
}
.xl_mx-8 {
margin-left: 8px;
margin-right: 8px;
}
.xl_mx-16 {
margin-left: 16px;
margin-right: 16px;
}
.xl_mx-24 {
margin-left: 24px;
margin-right: 24px;
}
.xl_mx-32 {
margin-left: 32px;
margin-right: 32px;
}
.xl_mx-40 {
margin-left: 40px;
margin-right: 40px;
}
.xl_mx-48 {
margin-left: 48px;
margin-right: 48px;
}
.xl_mx-56 {
margin-left: 56px;
margin-right: 56px;
}
.xl_mx-80 {
margin-left: 80px;
margin-right: 80px;
}
.xl_mx-auto {
margin-left: auto;
margin-right: auto;
}
.xl_ma-0 {
margin: 0px;
}
.xl_ma-4 {
margin: 4px;
}
.xl_ma-8 {
margin: 8px;
}
.xl_ma-16 {
margin: 16px;
}
.xl_ma-24 {
margin: 24px;
}
.xl_ma-32 {
margin: 32px;
}
.xl_ma-40 {
margin: 40px;
}
.xl_ma-48 {
margin: 48px;
}
.xl_ma-56 {
margin: 56px;
}
.xl_ma-80 {
margin: 80px;
}
.xl_mt-0 {
margin-top: 0px;
}
.xl_mt-4 {
margin-top: 4px;
}
.xl_mt-8 {
margin-top: 8px;
}
.xl_mt-16 {
margin-top: 16px;
}
.xl_mt-24 {
margin-top: 24px;
}
.xl_mt-32 {
margin-top: 32px;
}
.xl_mt-40 {
margin-top: 40px;
}
.xl_mt-48 {
margin-top: 48px;
}
.xl_mt-56 {
margin-top: 56px;
}
.xl_mt-80 {
margin-top: 80px;
}
.xl_mb-0 {
margin-bottom: 0px;
}
.xl_mb-1 {
margin-bottom: 1px;
}
.xl_mb-2 {
margin-bottom: 2px;
}
.xl_mb-4 {
margin-bottom: 4px;
}
.xl_mb-8 {
margin-bottom: 8px;
}
.xl_mb-16 {
margin-bottom: 16px;
}
.xl_mb-24 {
margin-bottom: 24px;
}
.xl_mb-32 {
margin-bottom: 32px;
}
.xl_mb-40 {
margin-bottom: 40px;
}
.xl_mb-48 {
margin-bottom: 48px;
}
.xl_mb-56 {
margin-bottom: 56px;
}
.xl_mb-72 {
margin-bottom: 72px;
}
.xl_mb-80 {
margin-bottom: 80px;
}
.xl_ml-0 {
margin-left: 0px;
}
.xl_ml-4 {
margin-left: 4px;
}
.xl_ml-8 {
margin-left: 8px;
}
.xl_ml-16 {
margin-left: 16px;
}
.xl_ml-24 {
margin-left: 24px;
}
.xl_ml-32 {
margin-left: 32px;
}
.xl_ml-40 {
margin-left: 40px;
}
.xl_ml-48 {
margin-left: 48px;
}
.xl_ml-56 {
margin-left: 56px;
}
.xl_ml-80 {
margin-left: 80px;
}
.xl_mr-0 {
margin-right: 0px;
}
.xl_mr-4 {
margin-right: 4px;
}
.xl_mr-8 {
margin-right: 8px;
}
.xl_mr-16 {
margin-right: 16px;
}
.xl_mr-24 {
margin-right: 24px;
}
.xl_mr-32 {
margin-right: 32px;
}
.xl_mr-40 {
margin-right: 40px;
}
.xl_mr-48 {
margin-right: 48px;
}
.xl_mr-56 {
margin-right: 56px;
}
.xl_mr-80 {
margin-right: 80px;
}
.xl_bg-none {
background: none;
}
.xl_bgr-no-repeat {
background-repeat: no-repeat;
}
.xl_bgi-none {
background-image: none;
}
.xl_bgp-center {
background-position: center;
}
.xl_bgp-top {
background-position: top;
}
.xl_bgp-left {
background-position: left;
}
.xl_bgp-right {
background-position: right;
}
.xl_bgp-bottom {
background-position: bottom;
}
.xl_bgs-cover {
background-size: cover;
}
.xl_bgs-contain {
background-size: contain;
}
.xl_bd-0 {
border: 0;
}
.xl_bd-1 {
border: 1px solid #eee;
}
.xl_bd-2 {
border: 2px solid #eee;
}
.xl_bd-4 {
border: 4px solid #eee;
}
.xl_bt-0 {
border-top: 0;
}
.xl_bt-1 {
border-top: 1px solid #eee;
}
.xl_bt-2 {
border-top: 2px solid #eee;
}
.xl_bt-4 {
border-top: 4px solid #eee;
}
.xl_bb-0 {
border-bottom: 0;
}
.xl_bb-1 {
border-bottom: 1px solid #eee;
}
.xl_bb-2 {
border-bottom: 2px solid #eee;
}
.xl_bb-4 {
border-bottom: 4px solid #eee;
}
.xl_bl-0 {
border-left: 0;
}
.xl_bl-1 {
border-left: 1px solid #eee;
}
.xl_bl-2 {
border-left: 2px solid #eee;
}
.xl_bl-4 {
border-left: 4px solid #eee;
}
.xl_br-0 {
border-right: 0;
}
.xl_br-1 {
border-right: 1px solid #eee;
}
.xl_br-2 {
border-right: 2px solid #eee;
}
.xl_br-4 {
border-right: 4px solid #eee;
}
.xl_bw-0 {
border-width: 0;
}
.xl_bw-1 {
border-width: 1;
}
.xl_bw-2 {
border-width: 2;
}
.xl_bw-4 {
border-width: 4;
}
.xl_bs-solid {
border-style: solid;
}
.xl_rd-0 {
border-radius: 0px;
}
.xl_rd-2 {
border-radius: 2px;
}
.xl_rd-4 {
border-radius: 4px;
}
.xl_rd-8 {
border-radius: 8px;
}
.xl_rd-16 {
border-radius: 16px;
}
.xl_rd-32 {
border-radius: 32px;
}
.xl_fs-10 {
font-size: 10px;
}
.xl_fs-12 {
font-size: 12px;
}
.xl_fs-14 {
font-size: 14px;
}
.xl_fs-16 {
font-size: 16px;
}
.xl_fs-18 {
font-size: 18px;
}
.xl_fs-20 {
font-size: 20px;
}
.xl_fs-24 {
font-size: 24px;
}
.xl_fs-32 {
font-size: 32px;
}
.xl_fs-48 {
font-size: 48px;
}
.xl_fs-64 {
font-size: 64px;
}
.xl_fs-small {
font-size: smaller;
}
.xl_fw-300 {
font-weight: 300;
}
.xl_fw-500 {
font-weight: 500;
}
.xl_fw-600 {
font-weight: 600;
}
.xl_fw-700 {
font-weight: 700;
}
.xl_fw-900 {
font-weight: 900;
}
.xl_fw-bold {
font-weight: bold;
}
.xl_fl-italic {
font-style: italic;
}
.xl_lh-1 {
line-height: 1;
}
.xl_lh-10 {
line-height: 10px;
}
.xl_lh-12 {
line-height: 12px;
}
.xl_lh-14 {
line-height: 14px;
}
.xl_lh-16 {
line-height: 16px;
}
.xl_lh-18 {
line-height: 18px;
}
.xl_lh-20 {
line-height: 20px;
}
.xl_lh-24 {
line-height: 24px;
}
.xl_lh-28 {
line-height: 28px;
}
.xl_lh-32 {
line-height: 32px;
}
.xl_lh-40 {
line-height: 40px;
}
.xl_lh-48 {
line-height: 48px;
}
.xl_lh-64 {
line-height: 64px;
}
.xl_ta-left {
text-align: left;
}
.xl_ta-right {
text-align: right;
}
.xl_ta-center {
text-align: center;
}
.xl_ta-justify {
text-align: justify;
}
.xl_tt-lowercase {
text-transform: lowercase;
}
.xl_tt-uppercase {
text-transform: uppercase;
}
.xl_td-none {
text-decoration: none;
}
.xl_td-underline {
text-decoration: underline;
}
.xl_f-left {
float: left;
}
.xl_f-right {
float: right;
}
.xl_cl-none {
clear: none;
}
.xl_cl-both {
clear: both;
}
.xl_cl-left {
clear: left;
}
.xl_cl-right {
clear: right;
}
.xl_d-none {
display: none;
}
.xl_d-block {
display: block;
}
.xl_d-inline {
display: inline;
}
.xl_d-inline-block {
display: inline-block;
}
.xl_d-flex {
display: flex;
}
.xl_d-inline-flex {
display: inline-flex;
}
.xl_d-table {
display: table;
}
.xl_d-table-cell {
display: table-cell;
}
.xl_d-grid {
display: grid;
}
.xl_p-absolute {
position: absolute;
}
.xl_p-relative {
position: relative;
}
.xl_p-static {
position: static;
}
.xl_p-fixed {
position: fixed;
}
.xl_of-cover {
object-fit: cover;
}
.xl_of-contain {
object-fit: contain;
}
.xl_t-0 {
top: 0px;
}
.xl_t-4 {
top: 4px;
}
.xl_t-8 {
top: 8px;
}
.xl_t-16 {
top: 16px;
}
.xl_t-24 {
top: 24px;
}
.xl_t-32 {
top: 32px;
}
.xl_t-40 {
top: 40px;
}
.xl_t-80 {
top: 80px;
}
.xl_l-0 {
left: 0px;
}
.xl_l-4 {
left: 4px;
}
.xl_l-8 {
left: 8px;
}
.xl_l-16 {
left: 16px;
}
.xl_l-24 {
left: 24px;
}
.xl_l-32 {
left: 32px;
}
.xl_l-40 {
left: 40px;
}
.xl_l-80 {
left: 80px;
}
.xl_r-0 {
right: 0px;
}
.xl_r-4 {
right: 4px;
}
.xl_r-8 {
right: 8px;
}
.xl_r-16 {
right: 16px;
}
.xl_r-24 {
right: 24px;
}
.xl_r-32 {
right: 32px;
}
.xl_r-40 {
right: 40px;
}
.xl_r-80 {
right: 80px;
}
.xl_b-0 {
bottom: 0px;
}
.xl_b-4 {
bottom: 4px;
}
.xl_b-8 {
bottom: 8px;
}
.xl_b-16 {
bottom: 16px;
}
.xl_b-24 {
bottom: 24px;
}
.xl_b-32 {
bottom: 32px;
}
.xl_b-40 {
bottom: 40px;
}
.xl_b-80 {
bottom: 80px;
}
.xl_cls-1 {
columns: 1;
}
.xl_cls-2 {
columns: 2;
}
.xl_cls-3 {
columns: 3;
}
.xl_cls-4 {
columns: 4;
}
.xl_cls-5 {
columns: 5;
}
.xl_cls-6 {
columns: 6;
}
.xl_clc-1 {
column-count: 1;
}
.xl_clc-2 {
column-count: 2;
}
.xl_clc-3 {
column-count: 3;
}
.xl_clc-4 {
column-count: 4;
}
.xl_clc-5 {
column-count: 5;
}
.xl_clc-6 {
column-count: 6;
}
.xl_clg-0 {
column-gap: 0px;
}
.xl_clg-4 {
column-gap: 4px;
}
.xl_clg-8 {
column-gap: 8px;
}
.xl_clg-16 {
column-gap: 16px;
}
.xl_clg-24 {
column-gap: 24px;
}
.xl_clg-32 {
column-gap: 32px;
}
.xl_clg-40 {
column-gap: 40px;
}
.xl_clg-80 {
column-gap: 80px;
}
.xl_o-0 {
opacity: 0;
}
.xl_o-10 {
opacity: 0.1;
}
.xl_o-20 {
opacity: 0.2;
}
.xl_o-30 {
opacity: 0.3;
}
.xl_o-40 {
opacity: 0.4;
}
.xl_o-50 {
opacity: 0.5;
}
.xl_o-60 {
opacity: 0.6;
}
.xl_o-70 {
opacity: 0.7;
}
.xl_o-80 {
opacity: 0.9;
}
.xl_o-100 {
opacity: 1;
}
.xl_w-0 {
width: 0;
}
.xl_w-half {
width: 50%;
}
.xl_w-full {
width: 100%;
}
.xl_w-window {
width: 100vw;
}
.xl_w-64 {
width: 64px;
}
.xl_w-128 {
width: 128px;
}
.xl_w-256 {
width: 256px;
}
.xl_w-512 {
width: 512px;
}
.xl_w-100 {
width: 100px;
}
.xl_w-200 {
width: 200px;
}
.xl_w-300 {
width: 300px;
}
.xl_w-400 {
width: 400px;
}
.xl_w-500 {
width: 500px;
}
.xl_w-600 {
width: 600px;
}
.xl_h-0 {
height: 0;
}
.xl_h-half {
height: 50%;
}
.xl_h-full {
height: 100%;
}
.xl_h-window {
height: 100vh;
}
.xl_h-64 {
height: 64px;
}
.xl_h-128 {
height: 128px;
}
.xl_h-256 {
height: 256px;
}
.xl_h-512 {
height: 512px;
}
.xl_h-100 {
height: 100px;
}
.xl_h-200 {
height: 200px;
}
.xl_h-300 {
height: 300px;
}
.xl_h-400 {
height: 400px;
}
.xl_h-500 {
height: 500px;
}
.xl_h-600 {
height: 600px;
}
.xl_maxw-0 {
max-width: 0px;
}
.xl_maxw-1 {
max-width: 1px;
}
.xl_maxw-128 {
max-width: 128px;
}
.xl_maxw-256 {
max-width: 256px;
}
.xl_maxw-512 {
max-width: 512px;
}
.xl_maxw-640 {
max-width: 640px;
}
.xl_maxw-half {
max-width: 50%;
}
.xl_maxw-full {
max-width: 100%;
}
.xl_maxh-0 {
max-height: 0px;
}
.xl_maxh-1 {
max-height: 1px;
}
.xl_maxh-128 {
max-height: 128px;
}
.xl_maxh-256 {
max-height: 256px;
}
.xl_maxh-512 {
max-height: 512px;
}
.xl_maxh-640 {
max-height: 640px;
}
.xl_maxh-half {
max-height: 50%;
}
.xl_maxh-full {
max-height: 100%;
}
.xl_ws-nowrap {
white-space: nowrap;
}
.xl_ls-none {
list-style: none;
}
.xl_ls-default {
list-style: disc inside;
}
.xl_lsp-inside {
list-style-position: inside;
}
.xl_lst-disc {
list-style-type: disc;
}
.xl_bxsz-border-box {
box-sizing: border-box;
}
.xl_bxsz-content-box {
box-sizing: content-box;
}
.xl_bxsh-none {
box-shadow: none;
}
.xl_bxsh-default {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.xl_c-black {
color: #000;
}
.xl_bgc-black {
background-color: #000;
}
.xl_bc-black {
border-color: #000;
}
.xl_c-333 {
color: #333;
}
.xl_bgc-333 {
background-color: #333;
}
.xl_bc-333 {
border-color: #333;
}
.xl_c-4a4a4a {
color: #4a4a4a;
}
.xl_bgc-4a4a4a {
background-color: #4a4a4a;
}
.xl_bc-4a4a4a {
border-color: #4a4a4a;
}
.xl_c-666 {
color: #666;
}
.xl_bgc-666 {
background-color: #666;
}
.xl_bc-666 {
border-color: #666;
}
.xl_c-999 {
color: #999;
}
.xl_bgc-999 {
background-color: #999;
}
.xl_bc-999 {
border-color: #999;
}
.xl_c-ccc {
color: #ccc;
}
.xl_bgc-ccc {
background-color: #ccc;
}
.xl_bc-ccc {
border-color: #ccc;
}
.xl_c-ddd {
color: #ddd;
}
.xl_bgc-ddd {
background-color: #ddd;
}
.xl_bc-ddd {
border-color: #ddd;
}
.xl_c-eee {
color: #eee;
}
.xl_bgc-eee {
background-color: #eee;
}
.xl_bc-eee {
border-color: #eee;
}
.xl_c-f6f6f6 {
color: #f6f6f6;
}
.xl_bgc-f6f6f6 {
background-color: #f6f6f6;
}
.xl_bc-f6f6f6 {
border-color: #f6f6f6;
}
.xl_c-white {
color: #fff;
}
.xl_bgc-white {
background-color: #fff;
}
.xl_bc-white {
border-color: #fff;
}
.xl_c-primary {
color: #ec1d24;
}
.xl_bgc-primary {
background-color: #ec1d24;
}
.xl_bc-primary {
border-color: #ec1d24;
}
.xl_c-secondary {
color: #ec1d24;
}
.xl_bgc-secondary {
background-color: #ec1d24;
}
.xl_bc-secondary {
border-color: #ec1d24;
}
.xl_c-error {
color: #ec1d24;
}
.xl_bgc-error {
background-color: #ec1d24;
}
.xl_bc-error {
border-color: #ec1d24;
}
.xl_c-success {
color: green;
}
.xl_bgc-success {
background-color: green;
}
.xl_bc-success {
border-color: green;
}
.xl_c-border {
color: #eee;
}
.xl_bgc-border {
background-color: #eee;
}
.xl_bc-border {
border-color: #eee;
}
.xl_c-text {
color: #333;
}
.xl_bgc-text {
background-color: #333;
}
.xl_bc-text {
border-color: #333;
}
.xl_c-text-faded {
color: #666;
}
.xl_bgc-text-faded {
background-color: #666;
}
.xl_bc-text-faded {
border-color: #666;
}
.xl_container {
margin-left: auto;
margin-right: auto;
}
.xl_a-primary {
color: #ec1d24;
transition: all ease-in-out 300ms;
}
.xl_a-primary:hover {
color: #960d11;
}
.xl_a-default {
transition: all ease-in-out 300ms;
}
.xl_a-default:hover {
color: #ec1d24;
}
.xl_vm {
display: flex;
align-items: center;
height: 100%;
}
.xl_flex-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.xl_flex-col {
flex-basis: 0;
flex-grow: 1;
}
.xl_flex-col-2 {
flex-basis: 0;
flex-grow: 2;
}
.xl_flex-col-3 {
flex-basis: 0;
flex-grow: 3;
}
.xl_flex-col-4 {
flex-basis: 0;
flex-grow: 4;
}
.xl_flex-col-5 {
flex-basis: 0;
flex-grow: 5;
}
.xl_flex-col-6 {
flex-basis: 0;
flex-grow: 6;
}
.xl_flex-col-7 {
flex-basis: 0;
flex-grow: 7;
}
.xl_flex-col-8 {
flex-basis: 0;
flex-grow: 8;
}
.xl_flex-col-9 {
flex-basis: 0;
flex-grow: 9;
}
.xl_flex-col-10 {
flex-basis: 0;
flex-grow: 10;
}
.xl_flex-col-11 {
flex-basis: 0;
flex-grow: 11;
}
.xl_invisible {
display: none !important;
}
}
.flg-1 {
flex-grow: 1;
}
.flb-0 {
flex-basis: 0;
}
.ai-center {
align-items: center;
}
.g-4 {
gap: 4px;
}
.g-8 {
gap: 8px;
}
.g-16 {
gap: 16px;
}
.g-24 {
gap: 24px;
}
.mt-2 {
margin-top: 2px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Dec 24, 2019, 11:06:04 AM
Author : mv
*/
button.trans {
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
margin: 0;
}
.a-block {
background-color: #f5f5f5;
transition: all ease-in-out 300ms;
}
.a-block:hover {
background-color: #ebebeb;
}
.fl-align-xy {
display: flex;
align-items: center;
justify-content: center;
}
.fl-align-x {
display: flex;
justify-content: center;
}
.fl-align-y {
display: flex;
align-items: center;
}
.fl-column {
display: flex;
flex-direction: column;
}
.ws-oneline {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.fl-row {
display: flex;
flex-direction: row;
}
.fl-row-cy {
display: flex;
flex-direction: row;
align-items: center;
}
.old-price {
color: #bb0006;
text-decoration: line-through;
font-size: 16px;
}
small.old-price {
font-size: smaller;
}
.flg-1 {
flex-grow: 1;
}
.flw-wrap {
flex-wrap: wrap;
}
.ai-center {
align-items: center;
}
.ai-end {
align-items: end;
}
.jc-center {
justify-content: center;
}
.jc-space-bet {
justify-content: space-between;
}
.fl-r {
display: flex;
flex-direction: row;
}
.fl-r-g {
display: flex;
flex-direction: row;
gap: 8px;
}
.fl-r-cen,
.fl-r-cen-g,
.fl-r-cen-g-12,
.fl-r-cen-g-16,
.fl-r-cen-g-24,
.fl-r-cen-g-32 {
display: flex;
flex-direction: row;
align-items: center;
}
.fl-r-cen-g {
gap: 8px;
}
.fl-r-cen-g-12 {
gap: 12px;
}
.fl-r-cen-g-16 {
gap: 16px;
}
.fl-r-cen-g-24 {
gap: 24px;
}
.fl-r-cen-g-32 {
gap: 32px;
}
.fl-c-cen,
.fl-c-cen-g,
.fl-c-cen-g-16,
.fl-c-cen-g-12 {
display: flex;
flex-direction: column;
align-items: center;
}
.fl-c-cen-g,
.fl-c-cen-g-16,
.fl-c-cen-g-12 {
gap: 8px;
}
.fl-c-cen-g-16 {
gap: 16px;
}
.fl-c-cen-g-12 {
gap: 12px;
}
.fl-c {
display: flex;
flex-direction: column;
}
.fl-c-g,
.fl-c-g-24 {
display: flex;
flex-direction: column;
gap: 8px;
}
.fl-c-g.g-4 {
gap: 4px;
}
.fl-c-g.g-16 {
gap: 16px;
}
.fl-c-g-16 {
display: flex;
flex-direction: column;
gap: 16px;
}
.fl-c-g-24 {
gap: 24px;
}
.fli-r,
.fli-r-cen,
.fli-r-cen-g,
.fli-r-cen-g-16 {
display: inline-flex;
flex-direction: row;
}
.fli-r-cen,
.fli-r-cen-g,
.fli-r-cen-g-16 {
align-items: center;
}
.fli-r-cen-g,
.fli-r-cen-g-16 {
gap: 8px;
}
.fli-r-cen-g-16 {
gap: 16px;
}
.fli-c-cen-g,
.fli-c-cen-g-16 {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.fli-c-cen-g-16 {
gap: 16px;
}
.ov-hidden {
overflow: hidden;
}
.g-4 {
gap: 4px;
}
.g-8 {
gap: 8px;
}
.g-16 {
gap: 16px;
}
.g-24 {
gap: 24px;
}
.g-32 {
gap: 32px;
}
.g-40 {
gap: 32px;
}
.rg-4 {
row-gap: 4px;
}
.rg-8 {
row-gap: 8px;
}
.rg-16 {
row-gap: 16px;
}
.rg-12 {
row-gap: 12px;
}
.rg-24 {
row-gap: 24px;
}
.text-max-lines {
--nlines: 1;
}
.text-max-lines[data-nlines="1"] {
--nlines: 1;
}
.text-max-lines[data-nlines="2"] {
--nlines: 2;
}
.text-max-lines[data-nlines="3"] {
--nlines: 3;
}
.text-max-lines[data-nlines="4"] {
--nlines: 4;
}
.text-max-lines[data-nlines="8"] {
--nlines: 8;
}
.c-pointer {
cursor: pointer;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Nov 12, 2020, 9:45:53 AM
Author : mv
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Sep 30, 2019, 2:46:50 PM
Author : mv
*/
.tpl-container,
.tpl-container-fluid {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
}
@media only screen and (min-width: 1024px) {
.tpl-container,
.tpl-container-fluid {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 1280px) {
.tpl-container,
.tpl-container-fluid {
padding-left: 40px;
padding-right: 40px;
}
}
.tpl-container {
max-width: 1280px;
}
.tpl-row {
display: flex;
flex-wrap: wrap;
}
.tpl-row.is-centered {
align-items: center;
justify-content: center;
}
.tpl-row.is-centered-x {
justify-content: center;
}
.tpl-row.is-centered-y {
align-items: center;
}
.tpl-row {
margin-left: -8px;
margin-right: -8px;
}
.tpl-col {
margin-left: 8px;
margin-right: 8px;
}
.tpl-col.is-1 {
width: calc(8.333333333333332% - 16px);
}
.tpl-col.is-offset-1 {
margin-left: calc(8.333333333333332% + (16px / 2));
}
.tpl-col.is-2 {
width: calc(16.666666666666664% - 16px);
}
.tpl-col.is-offset-2 {
margin-left: calc(16.666666666666664% + (16px / 2));
}
.tpl-col.is-3 {
width: calc(25% - 16px);
}
.tpl-col.is-offset-3 {
margin-left: calc(25% + (16px / 2));
}
.tpl-col.is-4 {
width: calc(33.33333333333333% - 16px);
}
.tpl-col.is-offset-4 {
margin-left: calc(33.33333333333333% + (16px / 2));
}
.tpl-col.is-5 {
width: calc(41.66666666666667% - 16px);
}
.tpl-col.is-offset-5 {
margin-left: calc(41.66666666666667% + (16px / 2));
}
.tpl-col.is-6 {
width: calc(50% - 16px);
}
.tpl-col.is-offset-6 {
margin-left: calc(50% + (16px / 2));
}
.tpl-col.is-7 {
width: calc(58.333333333333336% - 16px);
}
.tpl-col.is-offset-7 {
margin-left: calc(58.333333333333336% + (16px / 2));
}
.tpl-col.is-8 {
width: calc(66.66666666666666% - 16px);
}
.tpl-col.is-offset-8 {
margin-left: calc(66.66666666666666% + (16px / 2));
}
.tpl-col.is-9 {
width: calc(75% - 16px);
}
.tpl-col.is-offset-9 {
margin-left: calc(75% + (16px / 2));
}
.tpl-col.is-10 {
width: calc(83.33333333333334% - 16px);
}
.tpl-col.is-offset-10 {
margin-left: calc(83.33333333333334% + (16px / 2));
}
.tpl-col.is-11 {
width: calc(91.66666666666666% - 16px);
}
.tpl-col.is-offset-11 {
margin-left: calc(91.66666666666666% + (16px / 2));
}
.tpl-col.is-12 {
width: calc(100% - 16px);
}
.tpl-col.is-offset-12 {
margin-left: calc(100% + (16px / 2));
}
@media only screen and (min-width: 768px) {
.tpl-col.is-sm-0 {
width: calc(0% - 16px);
}
.tpl-col.is-sm-offset-0 {
margin-left: calc(0% + (16px / 2));
}
.tpl-col.is-sm-1 {
width: calc(8.333333333333332% - 16px);
}
.tpl-col.is-sm-offset-1 {
margin-left: calc(8.333333333333332% + (16px / 2));
}
.tpl-col.is-sm-2 {
width: calc(16.666666666666664% - 16px);
}
.tpl-col.is-sm-offset-2 {
margin-left: calc(16.666666666666664% + (16px / 2));
}
.tpl-col.is-sm-3 {
width: calc(25% - 16px);
}
.tpl-col.is-sm-offset-3 {
margin-left: calc(25% + (16px / 2));
}
.tpl-col.is-sm-4 {
width: calc(33.33333333333333% - 16px);
}
.tpl-col.is-sm-offset-4 {
margin-left: calc(33.33333333333333% + (16px / 2));
}
.tpl-col.is-sm-5 {
width: calc(41.66666666666667% - 16px);
}
.tpl-col.is-sm-offset-5 {
margin-left: calc(41.66666666666667% + (16px / 2));
}
.tpl-col.is-sm-6 {
width: calc(50% - 16px);
}
.tpl-col.is-sm-offset-6 {
margin-left: calc(50% + (16px / 2));
}
.tpl-col.is-sm-7 {
width: calc(58.333333333333336% - 16px);
}
.tpl-col.is-sm-offset-7 {
margin-left: calc(58.333333333333336% + (16px / 2));
}
.tpl-col.is-sm-8 {
width: calc(66.66666666666666% - 16px);
}
.tpl-col.is-sm-offset-8 {
margin-left: calc(66.66666666666666% + (16px / 2));
}
.tpl-col.is-sm-9 {
width: calc(75% - 16px);
}
.tpl-col.is-sm-offset-9 {
margin-left: calc(75% + (16px / 2));
}
.tpl-col.is-sm-10 {
width: calc(83.33333333333334% - 16px);
}
.tpl-col.is-sm-offset-10 {
margin-left: calc(83.33333333333334% + (16px / 2));
}
.tpl-col.is-sm-11 {
width: calc(91.66666666666666% - 16px);
}
.tpl-col.is-sm-offset-11 {
margin-left: calc(91.66666666666666% + (16px / 2));
}
.tpl-col.is-sm-12 {
width: calc(100% - 16px);
}
.tpl-col.is-sm-offset-12 {
margin-left: calc(100% + (16px / 2));
}
}
@media only screen and (min-width: 960px) {
.tpl-col.is-md-0 {
width: calc(0% - 16px);
}
.tpl-col.is-md-offset-0 {
margin-left: calc(0% + (16px / 2));
}
.tpl-col.is-md-1 {
width: calc(8.333333333333332% - 16px);
}
.tpl-col.is-md-offset-1 {
margin-left: calc(8.333333333333332% + (16px / 2));
}
.tpl-col.is-md-2 {
width: calc(16.666666666666664% - 16px);
}
.tpl-col.is-md-offset-2 {
margin-left: calc(16.666666666666664% + (16px / 2));
}
.tpl-col.is-md-3 {
width: calc(25% - 16px);
}
.tpl-col.is-md-offset-3 {
margin-left: calc(25% + (16px / 2));
}
.tpl-col.is-md-4 {
width: calc(33.33333333333333% - 16px);
}
.tpl-col.is-md-offset-4 {
margin-left: calc(33.33333333333333% + (16px / 2));
}
.tpl-col.is-md-5 {
width: calc(41.66666666666667% - 16px);
}
.tpl-col.is-md-offset-5 {
margin-left: calc(41.66666666666667% + (16px / 2));
}
.tpl-col.is-md-6 {
width: calc(50% - 16px);
}
.tpl-col.is-md-offset-6 {
margin-left: calc(50% + (16px / 2));
}
.tpl-col.is-md-7 {
width: calc(58.333333333333336% - 16px);
}
.tpl-col.is-md-offset-7 {
margin-left: calc(58.333333333333336% + (16px / 2));
}
.tpl-col.is-md-8 {
width: calc(66.66666666666666% - 16px);
}
.tpl-col.is-md-offset-8 {
margin-left: calc(66.66666666666666% + (16px / 2));
}
.tpl-col.is-md-9 {
width: calc(75% - 16px);
}
.tpl-col.is-md-offset-9 {
margin-left: calc(75% + (16px / 2));
}
.tpl-col.is-md-10 {
width: calc(83.33333333333334% - 16px);
}
.tpl-col.is-md-offset-10 {
margin-left: calc(83.33333333333334% + (16px / 2));
}
.tpl-col.is-md-11 {
width: calc(91.66666666666666% - 16px);
}
.tpl-col.is-md-offset-11 {
margin-left: calc(91.66666666666666% + (16px / 2));
}
.tpl-col.is-md-12 {
width: calc(100% - 16px);
}
.tpl-col.is-md-offset-12 {
margin-left: calc(100% + (16px / 2));
}
}
@media only screen and (min-width: 1024px) {
.tpl-col.is-lg-0 {
width: calc(0% - 16px);
}
.tpl-col.is-lg-offset-0 {
margin-left: calc(0% + (16px / 2));
}
.tpl-col.is-lg-1 {
width: calc(8.333333333333332% - 16px);
}
.tpl-col.is-lg-offset-1 {
margin-left: calc(8.333333333333332% + (16px / 2));
}
.tpl-col.is-lg-2 {
width: calc(16.666666666666664% - 16px);
}
.tpl-col.is-lg-offset-2 {
margin-left: calc(16.666666666666664% + (16px / 2));
}
.tpl-col.is-lg-3 {
width: calc(25% - 16px);
}
.tpl-col.is-lg-offset-3 {
margin-left: calc(25% + (16px / 2));
}
.tpl-col.is-lg-4 {
width: calc(33.33333333333333% - 16px);
}
.tpl-col.is-lg-offset-4 {
margin-left: calc(33.33333333333333% + (16px / 2));
}
.tpl-col.is-lg-5 {
width: calc(41.66666666666667% - 16px);
}
.tpl-col.is-lg-offset-5 {
margin-left: calc(41.66666666666667% + (16px / 2));
}
.tpl-col.is-lg-6 {
width: calc(50% - 16px);
}
.tpl-col.is-lg-offset-6 {
margin-left: calc(50% + (16px / 2));
}
.tpl-col.is-lg-7 {
width: calc(58.333333333333336% - 16px);
}
.tpl-col.is-lg-offset-7 {
margin-left: calc(58.333333333333336% + (16px / 2));
}
.tpl-col.is-lg-8 {
width: calc(66.66666666666666% - 16px);
}
.tpl-col.is-lg-offset-8 {
margin-left: calc(66.66666666666666% + (16px / 2));
}
.tpl-col.is-lg-9 {
width: calc(75% - 16px);
}
.tpl-col.is-lg-offset-9 {
margin-left: calc(75% + (16px / 2));
}
.tpl-col.is-lg-10 {
width: calc(83.33333333333334% - 16px);
}
.tpl-col.is-lg-offset-10 {
margin-left: calc(83.33333333333334% + (16px / 2));
}
.tpl-col.is-lg-11 {
width: calc(91.66666666666666% - 16px);
}
.tpl-col.is-lg-offset-11 {
margin-left: calc(91.66666666666666% + (16px / 2));
}
.tpl-col.is-lg-12 {
width: calc(100% - 16px);
}
.tpl-col.is-lg-offset-12 {
margin-left: calc(100% + (16px / 2));
}
}
@media only screen and (min-width: 1280px) {
.tpl-col.is-xl-0 {
width: calc(0% - 16px);
}
.tpl-col.is-xl-offset-0 {
margin-left: calc(0% + (16px / 2));
}
.tpl-col.is-xl-1 {
width: calc(8.333333333333332% - 16px);
}
.tpl-col.is-xl-offset-1 {
margin-left: calc(8.333333333333332% + (16px / 2));
}
.tpl-col.is-xl-2 {
width: calc(16.666666666666664% - 16px);
}
.tpl-col.is-xl-offset-2 {
margin-left: calc(16.666666666666664% + (16px / 2));
}
.tpl-col.is-xl-3 {
width: calc(25% - 16px);
}
.tpl-col.is-xl-offset-3 {
margin-left: calc(25% + (16px / 2));
}
.tpl-col.is-xl-4 {
width: calc(33.33333333333333% - 16px);
}
.tpl-col.is-xl-offset-4 {
margin-left: calc(33.33333333333333% + (16px / 2));
}
.tpl-col.is-xl-5 {
width: calc(41.66666666666667% - 16px);
}
.tpl-col.is-xl-offset-5 {
margin-left: calc(41.66666666666667% + (16px / 2));
}
.tpl-col.is-xl-6 {
width: calc(50% - 16px);
}
.tpl-col.is-xl-offset-6 {
margin-left: calc(50% + (16px / 2));
}
.tpl-col.is-xl-7 {
width: calc(58.333333333333336% - 16px);
}
.tpl-col.is-xl-offset-7 {
margin-left: calc(58.333333333333336% + (16px / 2));
}
.tpl-col.is-xl-8 {
width: calc(66.66666666666666% - 16px);
}
.tpl-col.is-xl-offset-8 {
margin-left: calc(66.66666666666666% + (16px / 2));
}
.tpl-col.is-xl-9 {
width: calc(75% - 16px);
}
.tpl-col.is-xl-offset-9 {
margin-left: calc(75% + (16px / 2));
}
.tpl-col.is-xl-10 {
width: calc(83.33333333333334% - 16px);
}
.tpl-col.is-xl-offset-10 {
margin-left: calc(83.33333333333334% + (16px / 2));
}
.tpl-col.is-xl-11 {
width: calc(91.66666666666666% - 16px);
}
.tpl-col.is-xl-offset-11 {
margin-left: calc(91.66666666666666% + (16px / 2));
}
.tpl-col.is-xl-12 {
width: calc(100% - 16px);
}
.tpl-col.is-xl-offset-12 {
margin-left: calc(100% + (16px / 2));
}
}
@media only screen and (min-width: 1440px) {
.tpl-col.is-xxl-0 {
width: calc(0% - 16px);
}
.tpl-col.is-xxl-offset-0 {
margin-left: calc(0% + (16px / 2));
}
.tpl-col.is-xxl-1 {
width: calc(8.333333333333332% - 16px);
}
.tpl-col.is-xxl-offset-1 {
margin-left: calc(8.333333333333332% + (16px / 2));
}
.tpl-col.is-xxl-2 {
width: calc(16.666666666666664% - 16px);
}
.tpl-col.is-xxl-offset-2 {
margin-left: calc(16.666666666666664% + (16px / 2));
}
.tpl-col.is-xxl-3 {
width: calc(25% - 16px);
}
.tpl-col.is-xxl-offset-3 {
margin-left: calc(25% + (16px / 2));
}
.tpl-col.is-xxl-4 {
width: calc(33.33333333333333% - 16px);
}
.tpl-col.is-xxl-offset-4 {
margin-left: calc(33.33333333333333% + (16px / 2));
}
.tpl-col.is-xxl-5 {
width: calc(41.66666666666667% - 16px);
}
.tpl-col.is-xxl-offset-5 {
margin-left: calc(41.66666666666667% + (16px / 2));
}
.tpl-col.is-xxl-6 {
width: calc(50% - 16px);
}
.tpl-col.is-xxl-offset-6 {
margin-left: calc(50% + (16px / 2));
}
.tpl-col.is-xxl-7 {
width: calc(58.333333333333336% - 16px);
}
.tpl-col.is-xxl-offset-7 {
margin-left: calc(58.333333333333336% + (16px / 2));
}
.tpl-col.is-xxl-8 {
width: calc(66.66666666666666% - 16px);
}
.tpl-col.is-xxl-offset-8 {
margin-left: calc(66.66666666666666% + (16px / 2));
}
.tpl-col.is-xxl-9 {
width: calc(75% - 16px);
}
.tpl-col.is-xxl-offset-9 {
margin-left: calc(75% + (16px / 2));
}
.tpl-col.is-xxl-10 {
width: calc(83.33333333333334% - 16px);
}
.tpl-col.is-xxl-offset-10 {
margin-left: calc(83.33333333333334% + (16px / 2));
}
.tpl-col.is-xxl-11 {
width: calc(91.66666666666666% - 16px);
}
.tpl-col.is-xxl-offset-11 {
margin-left: calc(91.66666666666666% + (16px / 2));
}
.tpl-col.is-xxl-12 {
width: calc(100% - 16px);
}
.tpl-col.is-xxl-offset-12 {
margin-left: calc(100% + (16px / 2));
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Dec 12, 2017, 5:02:53 PM
Author : mv
*/
/*@import 'mv_mixins.less';*/
.mv-error-handling.is-shown {
left: 0;
}
.mv-error-handling.is-shown .mv-error-more {
display: block;
}
.mv-error-handling {
background: #eee;
white-space: pre-wrap;
line-height: 18px;
font-size: 13px;
position: fixed;
bottom: 0;
right: 0;
z-index: 100;
border: 1px solid #ddd;
}
.mv-error-header {
font-size: 16px;
padding: 8px;
cursor: pointer;
padding-right: 36px;
}
.mv-error-close {
position: absolute;
top: 4px;
right: 4px;
background: #eee;
border: 1px solid #ddd;
padding: 0;
margin: 0;
display: block;
width: 24px;
height: 24px;
text-align: center;
font-family: sans-serif;
border-radius: 12px;
line-height: 24px;
transition: ease-in-out 300ms;
cursor: pointer;
}
.mv-error-close:hover {
background: #fff;
}
.mv-error-more {
display: none;
max-height: 400px;
overflow: auto;
}
.mv-error-section {
padding: 8px;
margin-bottom: 16px;
}
.mv-error-title {
font-size: 16px;
padding-bottom: 8px;
border-bottom: 1px solid #ddd;
margin-bottom: 8px;
}
.mv-error {
padding: 2px 0;
font-family: Courier, monospace;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 31, 2020, 11:43:17 AM
Author : mv
*/
#cookie-law {
z-index: 1000;
}
#cookie-law .alert {
border-color: #eee;
background: #f5f5f5;
}
@media only screen and (min-width: 1280px) {
#cookie-law .btn {
margin-left: 8px;
}
}
@media only screen and (max-width: 1023px) {
#cookie-law .alert {
padding: 8px;
font-size: 12px;
line-height: 18px;
}
#cookie-law .container {
flex-direction: column;
}
#cookie-law .btn {
font-size: 24px;
}
}
/*
Created on : 06/04/2022, 12:22:33
Author : ferna
*/
.iti__flag {
background-image: url(/script/vendor/intl-tel-input/img/flags.png);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-image: url(/script/vendor/intl-tel-input/img/flags@2x.png);
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Dec 23, 2019, 3:01:55 PM
Author : mv
*/
.txt {
line-height: 20px;
font-size: 14px;
font-weight: 300;
}
.txt b,
.txt strong {
font-weight: bold;
}
.txt small {
font-size: smaller;
}
.txt p {
margin: 4px 0;
}
.txt ul {
margin-left: 32px;
}
.txt ul li {
list-style: disc;
}
.txt ol li {
list-style: decimal;
}
.txt table {
width: 100%;
border: 1px solid #eee;
border-collapse: collapse;
}
.txt tr {
border-bottom: 1px solid #eee;
}
.txt th {
background: #f5f5f5;
font-weight: bold;
}
.txt th,
.txt td {
padding: 4px 8px;
text-align: center;
}
.txt th:first-child,
.txt td:first-child {
text-align: left;
}
.t-black,
.t-xxl-black,
.t-xl-black,
.t-l2-black,
.t-l3-black,
.t-l-black,
.t-m-black,
.acc-subtitle {
color: #000;
font-weight: bold;
}
.t-gray,
.t-xxl-gray,
.t-xl-gray,
.t-l2-gray,
.t-l-gray,
.t-m-gray {
color: #999;
font-weight: bold;
}
.t-white,
.t-xxl-white,
.t-xl-white,
.t-l2-white,
.t-l-white,
.t-l2-white,
.t-m-white {
color: #fff;
font-weight: bold;
}
.t-primary,
.t-xxl-primary,
.t-xl-primary,
.t-l2-primary,
.t-l3-primary,
.t-l-primary,
.t-m-primary {
color: #ec1d24;
font-weight: bold;
}
.t-xxl,
.t-xxl-black,
.t-xxl-white,
.t-xxl-primary,
.t-xxl-gray {
font-family: 'Bison';
text-transform: uppercase;
font-size: 144px;
line-height: 120px;
}
.t-xl,
.t-xl-black,
.t-xl-white,
.t-xl-primary,
.t-xl-gray {
font-family: 'Bison';
text-transform: uppercase;
font-size: 64px;
line-height: 72px;
}
.t-l2,
.t-l2-black,
.t-l2-white,
.t-l2-white,
.t-l2-primary,
.t-l2-gray {
font-family: 'Bison';
text-transform: uppercase;
font-size: 48px;
line-height: 48px;
}
.t-l3,
.t-l3-black,
.t-l3-primary {
font-family: 'Bison';
text-transform: uppercase;
font-size: 36px;
font-weight: bold;
line-height: 48px;
}
.t-l,
.t-l-black,
.t-l-white,
.t-l-primary,
.t-l-gray {
font-family: 'Bison';
text-transform: uppercase;
font-size: 28px;
line-height: 36px;
}
.t-m,
.t-m-black,
.t-m-white,
.t-m-primary,
.t-m-gray,
.acc-subtitle {
font-family: 'Bison';
text-transform: uppercase;
font-size: 20px;
line-height: 24px;
font-weight: 600;
}
@media only screen and (min-width: 960px) {
.md_t-xxl-black,
.md_t-xl-black,
.md_t-l2-black,
.md_t-l-black,
.md_t-m-black {
color: #000;
font-weight: bold;
}
.md_t-xxl-primary,
.md_t-xl-primary,
.md_t-l2-primary,
.md_t-l-primary,
.md_t-m-primary {
color: #ec1d24;
font-weight: bold;
}
.md_t-xxl-gray,
.md_t-xl-gray,
.md_t-l2-gray,
.md_t-l-gray,
.md_t-m-gray {
color: #999;
font-weight: bold;
}
.md_t-xxl-white,
.md_t-xl-white,
.md_t-l2-white,
.md_t-l-white,
.md_t-m-white {
color: #fff;
font-weight: bold;
}
.md_t-xl-black,
.md_t-xl-primary,
.md_t-xl-gray,
.md_t-xl-white {
font-family: 'Bison';
text-transform: uppercase;
font-size: 64px;
line-height: 72px;
}
.md_t-xxl,
.md_t-xxl-black,
.md_t-xxl-primary,
.md_t-xxl-gray,
.md_t-xxl-white {
font-family: 'Bison';
text-transform: uppercase;
font-size: 144px;
line-height: 120px;
}
.md_t-xl,
.md_t-xl-black,
.md_t-xl-primary,
.md_t-xl-gray,
.md_t-xl-white {
font-family: 'Bison';
text-transform: uppercase;
font-size: 64px;
line-height: 72px;
}
.md_t-l2,
.md_t-l2-black,
.md_t-l2-primary,
.md_t-l2-gray,
.md_t-l2-white {
font-family: 'Bison';
text-transform: uppercase;
font-size: 48px;
line-height: 48px;
}
.md_t-l,
.md_t-l-black,
.md_t-l-primary,
.md_t-l-gray,
.md_t-l-white {
font-family: 'Bison';
text-transform: uppercase;
font-size: 28px;
line-height: 36px;
}
.md_t-m,
.md_t-m-black,
.md_t-m-primary,
.md_t-m-gray,
.md_t-m-white {
font-family: 'Bison';
text-transform: uppercase;
font-size: 20px;
line-height: 24px;
font-weight: 600;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Dec 23, 2019, 3:18:32 PM
Author : mv
*/
.btn {
font-family: 'Bison';
font-weight: bold;
font-size: 28px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 24px;
color: #000;
background: #fff;
text-align: center;
border: 0;
white-space: nowrap;
transition: all ease-in-out 300ms;
cursor: pointer;
min-width: 120px;
}
.btn.d-block {
display: block;
}
.btn.is-icon {
min-width: 40px;
padding-left: 0;
padding-right: 0;
}
.btn.is-white {
background: #fff;
color: #000;
}
.btn.is-white:hover {
color: #ec1d24;
}
.btn.is-black {
background: #000;
color: #fff;
}
.btn.is-black:hover {
background-color: #333;
}
.btn.is-gray {
background-color: #ebebeb;
color: #ec1d24;
}
.btn.is-gray:hover {
color: #bb0006;
}
.btn.is-primary {
background-color: #ec1d24;
color: #fff;
}
.btn.is-primary:hover {
background-color: #bb0006;
}
.btn[disabled],
.btn.is-disabled {
background-color: #e0e0e0;
color: rgba(0, 0, 0, 0.4) !important;
cursor: default;
pointer-events: none;
}
.btn.is-48 {
height: 48px;
min-width: 190px;
}
.btn.is-32,
.btn.is-small {
font-size: 18px;
padding-left: 8px;
padding-right: 8px;
height: 32px;
}
.btn.is-outline {
background: transparent;
border: solid 4px currentColor;
}
.btn.is-outline:hover {
border-color: #000;
background-color: #000;
color: #fff;
}
.btn.is-outline.is-white {
color: #fff;
}
.btn.is-outline.is-white:hover {
border-color: #fff;
background-color: #fff;
color: #000;
}
.btn.is-outline.is-black {
color: #000;
}
.btn.is-outline.is-black:hover {
border-color: #000;
background-color: #000;
color: #fff;
}
.btn.is-outline.is-primary {
color: #ec1d24;
}
.btn.is-outline.is-primary:hover {
border-color: #ec1d24;
background-color: #ec1d24;
color: #fff;
}
.btn.is-outline.is-gray {
color: #ebebeb;
}
.btn.is-outline.is-gray:hover {
border-color: #ebebeb;
background-color: #ebebeb;
color: #000;
}
.btn.is-outline.is-32,
.btn.is-outline.is-small {
border-width: 3px;
}
.btn-header,
.order-steps .step-text {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 22px;
font-family: 'Bison';
font-weight: 600;
height: 40px;
gap: 4px;
border: 0;
cursor: pointer;
transition: all ease-in-out 100ms;
}
@media only screen and (min-width: 768px) {
.btn-header,
.order-steps .step-text {
padding: 0 8px;
}
}
@media only screen and (min-width: 1280px) {
.btn-header,
.order-steps .step-text {
padding: 0 10px;
}
}
.btn-header:hover {
color: #bb0006;
}
.btn-header.is-gray,
.btn-header.lang-btn,
.btn-header.login-btn {
background-color: #f6f6f6;
}
.btn-header.is-gray:hover,
.btn-header.lang-btn:hover,
.btn-header.login-btn:hover {
background-color: #000;
color: #fff;
}
.btn-header .icn {
width: 28px;
height: 28px;
}
.btn-header.is-primary {
background-color: #ec1d24;
color: #fff;
}
.btn-header.is-primary:hover {
background-color: #bb0006;
}
.btn-share,
.share-btn {
width: 36px;
height: 36px;
display: inline-block;
background: rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 20px;
line-height: 36px;
border-radius: 36px;
text-align: center;
transition: all ease-in-out 300ms;
}
.btn-share.is-black,
.share-btn.is-black {
background: #000;
}
.btn-share.is-white,
.share-btn.is-white {
background: #fff;
color: #000;
}
.btn-share.is-32,
.share-btn.is-32 {
width: 29px;
height: 29px;
line-height: 29px;
}
.btn-share:hover,
.share-btn:hover {
background-color: #bb0006;
}
.btn-social {
display: block;
color: #fff;
line-height: 24px;
font-size: 12px;
background: #ec1d24;
padding: 4px 8px;
}
.btn-social .fab {
float: left;
line-height: 24px;
margin-right: 8px;
font-size: 24px;
}
.btn-social.is-facebook {
background: #4267b2;
}
.btn-social.is-google {
background: #dc4e41;
}
.btn-account {
display: inline-block;
background-color: #f5f5f5;
line-height: 1;
font-size: 16px;
font-family: 'Bison';
font-weight: 600;
padding: 4px;
margin-left: 2px;
text-align: center;
border: 0;
cursor: pointer;
white-space: nowrap;
transition: all ease-in-out 300ms;
}
@media only screen and (min-width: 1280px) {
.btn-account {
padding: 4px 8px;
}
}
.btn-account:hover {
background-color: #000;
color: #fff;
}
.btn-account.range-btn {
font-size: 28px;
font-weight: bold;
}
@media only screen and (min-width: 1280px) {
.btn-account.is-icon .icn {
margin-top: 4px;
}
}
.btn-account.is-icon .icn.f-left {
margin-right: 4px;
}
.btn-account.is-icon .icn.f-right {
margin-left: 4px;
}
.btn-account.is-primary {
background-color: #ec1d24;
color: #fff;
}
.btn-account.is-primary:hover {
background-color: #bb0006;
}
.btn-paypal {
background: #ffc439;
color: #111;
transition: all ease-in-out 300ms;
border: 0;
border-radius: 4px;
padding: 8px 48px;
box-shadow: none;
cursor: pointer;
vertical-align: middle;
line-height: 26px;
}
.btn-paypal img {
float: right;
height: 24px;
margin-left: 8px;
}
.btn-paypal:hover {
background-color: #ffb506;
color: #000;
}
.btn-whatsapp {
position: fixed;
bottom: 16px;
right: 16px;
z-index: 999;
transition: opacity ease-in-out 300ms;
}
.btn-whatsapp img {
width: 48px;
}
@media only screen and (max-width: 1023px) {
body.page-product-detail .btn-whatsapp {
bottom: 56px;
}
}
body.page-product-detail .btn-credit-popup:hover {
background-color: #FCC7C7;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Dec 24, 2019, 10:57:16 AM
Author : mv
*/
.form.no-submited .form-error {
display: none;
}
.form.is-submited .form-error {
display: block;
}
.form-row {
margin-bottom: 24px;
}
.form-row.has-4-field,
.form-row.has-3-field,
.form-row.has-2-field {
display: flex;
}
.form-row.has-4-field .form-field,
.form-row.has-3-field .form-field,
.form-row.has-2-field .form-field {
/*flex-grow: 1;*/
margin-right: 8px;
}
.form-row.has-4-field .form-field:last-child,
.form-row.has-3-field .form-field:last-child,
.form-row.has-2-field .form-field:last-child {
margin-right: 0;
}
.form-title {
font-size: 28px;
font-weight: 900;
font-family: 'Bison';
margin-bottom: 16px;
}
.form-subtitle {
font-size: 20px;
font-weight: 600;
font-family: 'Bison';
margin-bottom: 24px;
text-transform: uppercase;
margin-bottom: 16px;
}
.form-desc {
margin-bottom: 16px;
}
.form-alert {
margin-bottom: 16px;
}
.form-field.is-invalid .form-control {
border-color: #f9cdd0;
background-color: #f9cdd0;
box-shadow: none;
}
.form-field.has-focus .form-control {
border-color: #000000;
}
.form-field.is-invalid.has-focus .form-control {
border-color: #ec1d24;
}
.form-control {
border: 2px solid #eee;
padding: 8px;
width: 100%;
display: block;
resize: none;
line-height: 20px;
font-size: 14px;
background: #ebebeb;
box-shadow: none;
transition: all ease-in-out 300ms;
}
.form-control.is-outline {
background: transparent;
border: solid 2px #ffffff;
color: #fff;
}
.form-control.is-bg-search {
background-image: url(/images/icn-search.svg);
background-repeat: no-repeat;
background-position: 100% center;
background-size: 24px 24px;
}
.form-control.is-small {
max-width: 150px;
}
.form-control.is-medium {
max-width: 300px;
}
.form-control[type=file] {
height: auto;
}
.form-control[readonly] {
cursor: default;
border-color: #eee !important;
}
.form-error {
font-size: 12px;
color: #ec1d24;
line-height: 14px;
padding-top: 4px;
}
.form-label {
display: block;
padding-bottom: 4px;
/*color: @color-text-faded;*/
}
.form-obs {
opacity: 0.6;
font-size: smaller;
padding-top: 4px;
padding-bottom: 16px;
}
.form-btns {
margin-top: 8px;
/*margin-bottom: 16px;*/
}
.form-btns .btn {
margin-right: 8px;
}
textarea.form-control {
min-height: 100px;
}
.form-number {
border: 1px solid #000;
display: inline-flex;
}
.form-number .form-control {
-moz-appearance: textfield;
appearance: textfield;
background: #fff;
border-left: 1px solid #000;
border-right: 1px solid #000;
text-align: center;
width: 60px;
}
.form-number .form-control::-webkit-inner-spin-button,
.form-number .form-control::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.form-number-minus,
.form-number-plus {
border: 0;
background: none;
box-shadow: none;
width: 40px;
}
.form-recaptcha {
background-color: #f6f6f6;
padding: 16px;
text-align: center;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Dec 4, 2017, 11:38:40 AM
Author : mv
*/
.select {
position: relative;
display: inline-block;
}
.select select {
display: block;
width: 100%;
height: 100%;
border-radius: 0;
/*border: 0;*/
/* padding: 7px 30px 7px 11px;*/
/*background: #eeeeee;*/
/*border-color:#eeeeee;*/
padding-right: 40px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.select select:focus {
border-color: #ec1d24;
box-shadow: none;
outline: none;
}
.select select option {
font-family: 'Interstate', sans-serif;
line-height: 35px;
}
.select .select-arrow {
position: absolute;
pointer-events: none;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
width: 40px;
background: url(/images/icn-drop-xl.svg) no-repeat center;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Aug 8, 2019, 5:08:09 PM
Author : mv
*/
.form-field.is-label {
display: block;
color: #333;
}
.form-field.is-label .inputlabel-bd {
border-radius: 4px;
overflow: hidden;
position: relative;
border: 1px solid #eee;
background: #fff;
transition: all ease-in-out 300ms;
}
.form-field.is-label .form-control {
background: #fff;
line-height: 22px;
border-radius: 4px;
display: block;
width: 100%;
border: 0;
color: transparent;
padding: 19px 16px 5px;
}
.form-field.is-label .inputlabel-label {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
display: block;
padding: 12px 16px;
line-height: 22px;
transition: all ease-in-out 100ms;
cursor: text;
color: #666;
pointer-events: none;
}
.form-field.is-label.has-value .form-control,
.form-field.is-label.has-focus .form-control {
color: #333;
display: block;
outline: none;
}
.form-field.is-label.has-value .inputlabel-label,
.form-field.is-label.has-focus .inputlabel-label {
font-size: 12px;
line-height: 20px;
bottom: auto;
padding-top: 3px;
padding-bottom: 0;
}
.form-field.is-label.is-invalid .inputlabel-bd {
border: 1px solid #ec1d24;
}
.form-field.is-label.has-focus .inputlabel-bd {
border: 1px solid #ec1d24;
}
.form-field.is-label.is-disabled {
opacity: 0.6;
}
.inputlabel-required {
position: absolute;
top: 4px;
right: 4px;
z-index: 1;
color: #ec1d24;
font-size: 20px;
font-weight: 500;
top: 0;
right: 8px;
line-height: 30px;
}
.selectlabel select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left: 12px;
color: #333;
}
.selectlabel .fa {
position: absolute;
right: 0;
z-index: 1;
width: 40px;
font-size: 20px;
text-align: center;
top: 50%;
margin-top: -10px;
color: #666;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Dec 4, 2017, 11:38:11 AM
Author : mv
*/
/* base rules*/
.checkbox {
display: flex;
position: relative;
line-height: 24px;
/*Checkmark of the fake checkbox*/
/*Hide the checkmark by default*/
/*Unhide on the checked state*/
/*Adding focus styles on the outer-box of the fake checkbox*/
/* HTML5 Error */
}
.checkbox .checkbox-input {
opacity: 0;
position: absolute;
}
.checkbox .checkbox-fake {
position: relative;
display: inline-block;
line-height: 24px;
width: 24px;
height: 24px;
min-width: 24px;
border: solid 2px #000;
background: #fff;
}
.checkbox .checkbox-text,
.checkbox .checkbox-txt {
padding-left: 8px;
}
.checkbox .checkbox-fake::after {
position: absolute;
content: "";
/*Needed for the line-height to take effect*/
display: inline-block;
}
.checkbox .checkbox-fake::after {
height: 16px;
width: 16px;
left: 2px;
top: 2px;
background: #000;
}
.checkbox .checkbox-input + .checkbox-fake::after {
content: none;
}
.checkbox .checkbox-input:checked + .checkbox-fake::after {
content: "";
}
.checkbox .checkbox-input:focus + .checkbox-fake {
outline: #ec1d24 auto 1px;
}
.checkbox .checkbox-input:invalid + .checkbox-fake {
box-shadow: 0 0 3px red;
}
.checkbox .checkbox-input[disabled] + .checkbox-fake {
border: solid 2px #aaa;
}
.checkbox .checkbox-input[disabled] + .checkbox-fake:after {
content: "";
background: #aaa;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Dec 24, 2019, 11:00:56 AM
Author : mv
*/
.alert {
display: block;
padding: 16px;
background: #f5f5f5;
font-size: 14px;
font-weight: 300;
line-height: 24px;
border: solid 4px #d7d860;
background-color: #f5f699;
}
.alert.is-success {
border: solid 4px #b6e3d8;
background-color: #d3fdf3;
}
.alert.is-error {
border: solid 4px #eb7e7e;
background-color: #fbcaca;
}
.alert .alert-icon {
display: none;
/* float:left;
font-size: 20px;
margin-right: 8px;*/
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Feb 20, 2018, 11:39:29 AM
Author : fpereira
*/
body.is-state-open-popup {
overflow: hidden;
}
.popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
overflow: auto;
display: none;
opacity: 0;
transition: all ease-in-out 300ms;
}
.popup .popup-icon {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: -60px;
width: 120px;
height: 120px;
background: #ec1d24 no-repeat center;
border-radius: 50%;
text-align: center;
color: #fff;
line-height: 120px;
font-size: 60px;
}
.popup .popup-icon + .popup-body {
padding-top: 60px;
}
.popup .popup-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.95);
z-index: 1;
}
.popup .popup-container {
margin: 0 auto;
top: 10%;
width: 80%;
max-width: 480px;
z-index: 2;
position: absolute;
left: 0;
right: 0;
background: #fff;
border: 4px solid #000;
}
.popup .popup-header {
margin-bottom: 1px;
padding: 36px 32px 16px;
}
.popup .popup-header .popup-close {
font-weight: bold;
line-height: 1.64;
float: right;
text-transform: uppercase;
cursor: pointer;
position: absolute;
right: 16px;
top: 16px;
}
.popup .popup-header .popup-close .fa-close {
font-size: 1.5em;
}
.popup .popup-header .popup-title {
max-width: 310px;
font-family: 'Bison';
text-transform: uppercase;
font-size: 28px;
line-height: 36px;
color: #000;
font-weight: bold;
}
.popup .popup-body {
padding: 0 32px 36px;
}
.popup .popup-body .popup-form {
background: #eeeeee;
margin-bottom: 1px;
padding: 12px 15px;
position: relative;
}
.popup .popup-body .popup-form .fa {
position: absolute;
top: 18px;
right: 22px;
color: #a8a8a8;
pointer-events: none;
font-size: 18px;
}
.popup .popup-body .popup-content {
font-size: 16px;
font-weight: 300;
max-width: 310px;
}
.popup .popup-footer {
padding: 12px 24px 28px 32px;
}
@media only screen and (min-width: 1280px) {
.popup .popup-footer .popup-btns {
text-align: right;
}
.popup .popup-footer .popup-btns .btn {
margin-left: 8px;
}
}
@media only screen and (max-width: 1023px) {
.popup .popup-footer .btn {
min-width: auto;
margin-right: 8px;
}
}
.popup.is-open {
display: block;
}
.popup.is-visible {
opacity: 1;
}
.popup.is-editorial .popup-container {
max-width: 800px;
}
.popup.is-editorial .popup-body {
max-height: 400px;
overflow: auto;
}
@media only screen and (max-width: 1023px) {
.popup .popup-header,
.popup .popup-body,
.popup .popup-footer {
padding-left: 16px;
padding-right: 16px;
}
.popup .popup-header {
padding-top: 16px;
}
.popup .popup-body,
.popup .popup-footer {
padding-bottom: 16px;
}
}
@media only screen and (max-width: 319px) {
.popup .popup-container {
width: auto;
top: 0;
margin: 8px;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Nov 28, 2017, 6:10:36 PM
Author : mv
*/
.tabs {
width: 100%;
}
.tabs-select-nav {
position: relative;
}
.tabs-select-nav select {
border: 4px solid black;
display: block;
font-family: 'Bison';
text-transform: uppercase;
font-size: 20px;
line-height: 24px;
font-weight: 600;
height: 40px;
padding-top: 0;
padding-bottom: 0;
line-height: 32px;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.tabs-select-nav .icn {
position: absolute;
pointer-events: none;
top: 4px;
right: 4px;
width: 32px;
height: 32px;
}
.tabs-nav {
margin: 0;
padding: 0;
list-style: none;
display: flex;
border-bottom: 1px solid #ddd;
}
.tabs-nav:before,
.tabs-nav:after {
content: " ";
display: table;
}
.tabs-nav:after {
clear: both;
}
.tabs-nav:before,
.tabs-nav:after {
content: " ";
display: table;
}
.tabs-nav:after {
clear: both;
}
@media only screen and (max-width: 1023px) {
.tabs-nav {
overflow-x: auto;
overflow-y: hidden;
}
}
.tabs-nav .tabs-nav-item {
/* flex-grow: 1;
flex-basis: 0;*/
white-space: nowrap;
cursor: pointer;
/* display: block;
width: 100%;*/
line-height: 34px;
text-align: center;
padding: 6px 16px;
color: #999;
background: #fff;
font-size: 28px;
font-weight: bold;
font-family: 'Bison';
text-decoration: none;
transition: all ease-in-out 300ms;
position: relative;
}
.tabs-nav .tabs-nav-item:after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 4px;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
transition: all ease-in-out 300ms;
}
.tabs-nav .tabs-nav-item:hover {
color: rgba(0, 0, 0, 0.4);
}
.tabs-nav .tabs-nav-item:hover:after {
opacity: 1;
}
.tabs-nav .tabs-nav-item.is-active {
color: #000;
}
.tabs-nav .tabs-nav-item.is-active:after {
opacity: 1;
background: #000;
}
@media only screen and (max-width: 1023px) {
.tabs-nav .tabs-nav-item {
padding: 0 8px;
font-size: 20px;
font-weight: 600;
}
}
@media only screen and (max-width: 319px) {
.tabs-nav .tabs-nav-item {
font-size: 18px;
}
}
.tabs-content {
display: none;
padding: 40px 0px;
}
@media only screen and (max-width: 959px) {
.tabs-content {
padding: 16px 0;
}
}
.tabs-content.px-0 {
padding-left: 0;
padding-right: 0;
}
.tabs-content.is-active {
display: block;
}
.tabs-content.is-border {
border: 1px solid #ddd;
}
/*
Created on : May 30, 2019, 3:56:04 PM
Author : fpereira
*/
.separator {
margin: 16px 0;
border: 0;
border-bottom: 1px solid #eee;
text-align: center;
color: #666;
height: 1px;
}
.separator-text {
background: #fff;
position: relative;
top: -8px;
padding: 0 8px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Dec 30, 2019, 10:50:24 AM
Author : mv
*/
.table {
width: 100%;
border-collapse: separate;
border-spacing: 0px;
}
.table thead tr {
background: #f5f5f5;
}
.table th {
font-size: smaller;
padding: 8px;
vertical-align: top;
}
.table td {
padding: 8px;
border-top: 1px solid #eee;
vertical-align: top;
}
.table-ruler,
.table-cloned {
display: none;
}
.table-scroll {
width: 100%;
}
@media only screen and (max-width: 959px) {
.table-wrapper {
position: relative;
overflow: hidden;
}
.table-scroll {
max-width: 100vw;
position: relative;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.table-cloned {
display: table;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.table-cloned th,
.table-cloned td {
pointer-events: none;
}
.table-ruler {
display: block;
text-align: right;
margin-bottom: 8px;
font-size: 20px;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Aug 29, 2019, 2:29:42 PM
Author : mv
*/
.pagination {
/*.reset();*/
padding: 16px 0;
text-align: right;
}
.pagination:before,
.pagination:after {
content: " ";
display: table;
}
.pagination:after {
clear: both;
}
.pagination:before,
.pagination:after {
content: " ";
display: table;
}
.pagination:after {
clear: both;
}
.pagination.text-left {
text-align: left;
}
.pagination.text-center {
text-align: center;
}
.pagination-item {
display: inline-block;
min-width: 25px;
height: 25px;
line-height: 25px;
border-radius: 4px;
background-color: #eeeeee;
color: #a9a9a9;
text-align: center;
margin-left: 10px;
text-decoration: none;
padding-left: 4px;
padding-right: 4px;
}
.pagination-item.is-ret {
background-color: transparent;
}
.pagination-item.is-active {
background: #a9a9a9;
color: #fff;
font-weight: normal;
}
.pagination-item.is-prev {
background: #eeeeee url(/style/img/z/arrow-filter.svg) no-repeat center;
background-size: 13px;
/*transform: rotate(-90deg);*/
}
.pagination-item.is-next {
background: #eeeeee url(/style/img/z/arrow-filter.svg) no-repeat center;
background-size: 13px;
/*transform: rotate(90deg);*/
}
a.pagination-item:hover {
color: #666;
background-color: #ccc;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Sep 20, 2019, 4:19:55 PM
Author : mv
*/
.tooltip {
transition: opacity ease-in-out 100ms;
padding: 4px 8px;
background: #000;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
border-radius: 4px;
color: #fff;
font-size: 12px;
text-align: center;
display: none;
position: absolute;
z-index: 1;
white-space: nowrap;
}
.tooltip:after {
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border: 5px solid transparent;
border-top-color: #000;
content: "";
pointer-events: none;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Mar 29, 2019, 5:46:22 PM
Author : mv
*/
.dropdown {
position: relative;
display: inline-block;
}
.dropdown.is-open .dropdown-menu {
display: block;
}
.dropdown.is-rightaligned .dropdown-menu,
.dropdown.is-right-aligned .dropdown-menu {
right: 0;
left: 0;
}
.dropdown.is-rightaligned .dropdown-item,
.dropdown.is-right-aligned .dropdown-item {
text-align: right;
}
.dropdown .btn-header {
margin: 0;
}
.dropdown.is-open .btn-header {
background: #000;
color: #fff;
}
.dropdown-toggle {
padding: 0;
margin: 0;
cursor: pointer;
border: 0;
}
.dropdown-toggle.btn {
padding-left: 16px;
padding-right: 16px;
}
.dropdown-menu {
display: none;
position: absolute;
z-index: 1;
left: 0;
background: #fff;
border-top: 1px solid #E3E3E3;
border-radius: 4px;
/*box-shadow: -1px -1px 10px 0 rgba(0,0,0,0.2), 4px 4px 10px 0 rgba(0,0,0,0.25);*/
}
.dropdown-menu.is-open {
display: block;
}
.dropdown-item {
cursor: pointer;
display: block;
padding: 8px;
background: #000;
color: #fff;
min-width: 180px;
/*border-top:1px solid @color-border;*/
text-align: left;
font-size: 20px;
font-weight: 600;
font-family: 'Bison';
/* &:first-child{
border-top: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
&:last-child{
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}*/
}
.dropdown-item:hover {
background: #ec1d24;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Nov 28, 2017, 6:44:26 PM
Author : mv
*/
.radio {
display: flex;
position: relative;
line-height: 24px;
/*Checkmark of the fake radio*/
/*Hide the checkmark by default*/
/*Unhide on the checked state*/
/*Adding focus styles on the outer-box of the fake checkbox*/
}
.radio .radio-input {
opacity: 0;
position: absolute;
}
.radio .radio-fake {
position: relative;
display: inline-block;
line-height: 24px;
width: 24px;
height: 24px;
min-width: 24px;
border: solid 2px #000;
background: #fff;
}
.radio .radio-text,
.radio .radio-txt {
padding-left: 8px;
}
.radio .radio-fake::after {
position: absolute;
content: "";
/*Needed for the line-height to take effect*/
display: inline-block;
}
.radio .radio-fake::after {
height: 16px;
width: 16px;
left: 2px;
top: 2px;
background: #000;
}
.radio .radio-input + .radio-fake::after {
content: none;
}
.radio .radio-input:checked + .radio-fake::after {
content: "";
}
.radio .radio-input:focus + .radio-fake {
outline: #ec1d24 auto 1px;
}
.radio .radio-input[disabled] + .radio-fake {
border: solid 2px #aaa;
}
.radio .radio-input[disabled] + .radio-fake:after {
content: "";
background: #ddd;
}
.checkbox .checkbox-txt .form-control,
.radio .radio-txt .form-control {
/* width: auto;
display: inline-block;
margin-left: 16px;
padding-top: 2px;
padding-bottom: 2px;*/
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jul 2, 2019, 12:22:42 PM
Author : mv
*/
.badge {
border-radius: 12px;
background-color: #ec1d24;
color: #fff;
line-height: 24px;
padding: 0 4px;
font-weight: bold;
font-size: 14px;
}
.badge.is-secondary {
background-color: #ec1d24;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Sep 13, 2019, 11:28:02 AM
Author : mv
*/
.arrow {
box-sizing: border-box;
display: inline-block;
position: relative;
width: 16px;
height: 16px;
text-align: center;
vertical-align: middle;
}
.arrow:before {
box-sizing: border-box;
content: "";
border-width: 8px;
border-style: solid;
border-color: transparent;
display: block;
position: relative;
}
.arrow.is-top:before {
bottom: 25%;
border-bottom-color: currentColor;
}
.arrow.is-bottom:before {
top: 25%;
border-top-color: currentColor;
}
.arrow.is-right:before {
left: 25%;
border-left-color: currentColor;
}
.arrow.is-left:before {
right: 25%;
border-right-color: currentColor;
}
/*.arrow.is-24{
.size(24px);
&.is-top:before{
margin-top: 2px;
}
&.is-bottom:before{
margin-top: 9px;
}
&.is-right:before{
margin-top: 6px;
margin-left: 8px;
}
&.is-left:before{
margin-top: 6px;
margin-right: 6px;
}
}*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Aug 20, 2019, 10:46:14 AM
Author : mv
*/
body.is-actionsheet-visible {
overflow: hidden;
}
.actionsheet.is-open .actionsheet-overlay {
display: block;
}
.actionsheet-overlay {
display: none;
position: fixed;
background-color: rgba(0, 0, 0, 0.61);
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
}
.actionsheet-content {
position: absolute;
top: 'auto';
left: 0;
right: 0;
bottom: 0;
background: #fff;
max-height: 80%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.actionsheet-header {
padding: 16px 16px 0;
text-align: center;
}
.actionsheet-menu {
padding: 16px;
}
.actionsheet-item {
text-align: center;
display: block;
font-size: 18px;
line-height: 36px;
}
.actionsheet-item.is-btn {
margin-bottom: 4px;
}
.actionsheet-item.is-danger {
color: #ec1d24;
}
.actionsheet-cancel {
padding: 8px 16px;
}
.actionsheet-special {
padding: 8px 16px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Sep 16, 2019, 12:06:59 PM
Author : mv
*/
.text-avatar {
position: relative;
display: inline-block;
background: #eee;
width: 72px;
height: 72px;
border-radius: 96px;
border: 2px solid #fff;
color: #666;
font-size: 24px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
line-height: 36px;
}
.text-avatar span {
position: absolute;
width: 100%;
top: 50%;
left: 0;
margin-top: -18px;
}
.text-avatar.is-64 {
width: 64px;
height: 64px;
}
.text-avatar.is-noborder {
border: 0;
}
.icn {
display: inline-block;
width: 32px;
height: 32px;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.icn.is-16 {
width: 16px;
height: 16px;
}
.icn.is-24 {
width: 24px;
height: 24px;
}
.icn.is-40 {
width: 40px;
height: 40px;
}
/* ==========================================
Single-colored icons can be modified like so:
.name {
font-size: 32px;
color: red;
}
========================================== */
.icn-ig-solo {
width: 0.97949219em;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 21, 2020, 3:02:59 PM
Author : mv
*/
.accordion-item {
margin-bottom: 2px;
background: #f6f6f6;
}
.accordion-item.is-open .accordion-item-desc {
/*display: block;*/
}
.accordion-item.is-open .accordion-item-courtain {
height: auto;
}
.accordion-item.is-open .accordion-item-title svg {
display: block;
/*transform: rotate(180deg);*/
}
.accordion-item-title {
font-size: 16px;
line-height: 28px;
/*font-weight: bold;*/
padding: 24px;
cursor: pointer;
}
.accordion-item-title:hover {
background-color: #ebebeb;
}
.accordion-item-title svg {
transition: all ease-in-out 300ms;
margin-top: -8px;
display: none;
}
@media only screen and (min-width: 1280px) {
.accordion-item-title {
font-size: 20px;
}
}
.accordion-item-courtain {
height: 0;
overflow: hidden;
transition: all ease-in-out 300ms;
}
.accordion-item-desc {
/*display: none;*/
font-size: 14px;
font-weight: 300;
line-height: 24px;
padding: 0 24px 24px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Sep 18, 2020, 11:36:51 AM
Author : fpereira
*/
.basic-header {
background: no-repeat center;
background-size: cover;
margin-bottom: 30px;
height: 472px;
position: relative;
}
@media only screen and (min-width: 1280px) {
.basic-header {
height: 480px;
}
}
.basic-header-left {
background: rgba(0, 0, 0, 0.5);
display: flex;
flex-direction: column;
}
.basic-header-left h1 {
margin-top: auto;
}
@media only screen and (min-width: 1280px) {
.basic-header-left h1 {
/*font-size: 64px*/
}
}
@media only screen and (min-width: 1280px) {
.basic-header-left {
width: 50%;
height: 100%;
}
}
@media only screen and (max-width: 1023px) {
.basic-header-left {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Nov 28, 2017, 6:44:26 PM
Author : mv
*/
.toggle {
display: flex;
position: relative;
padding: 4px;
background-color: #ebebeb;
height: 32px;
align-items: center;
text-align: center;
}
.toggle .toggle-input {
opacity: 0;
position: absolute;
}
.toggle .toggle-btn {
font-size: 12px;
font-weight: bold;
opacity: 0.5;
background: transparent;
text-transform: uppercase;
flex-basis: 0;
flex-grow: 1;
min-width: 124px;
padding-left: 16px;
padding-right: 16px;
line-height: 24px;
display: block;
cursor: pointer;
transition: all ease-in-out 300ms;
}
.toggle .toggle-input:checked + .toggle-btn {
color: #fff;
background: #000;
opacity: 1;
}
body {
font-family: 'Interstate';
}
main {
clear: both;
min-height: calc(100vh - 244px);
}
.container {
max-width: 1280px;
}
.container-800 {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.container-480 {
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.text-container {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.box-shadow {
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
.s-40 {
width: 40px;
height: 40px;
}
.lh-24 {
line-height: 24px;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
@media only screen and (max-width: 959px) {
.d-only {
display: none !important;
}
}
@media only screen and (min-width: 960px) {
.d-only {
display: block !important;
}
}
@media only screen and (min-width: 960px) {
br.d-only,
span.d-only {
display: inline-block !important;
}
}
@media only screen and (min-width: 960px) {
.m-only {
display: none !important;
}
}
@media only screen and (max-width: 959px) {
.m-only {
display: block !important;
}
}
@media only screen and (max-width: 959px) {
span.m-only {
display: inline-block !important;
}
}
.page-title,
.acc-title {
font-family: 'Bison';
text-transform: uppercase;
padding-top: 4px;
padding-bottom: 40px;
font-size: 48px;
font-weight: bold;
line-height: 48px;
}
@media only screen and (min-width: 1280px) {
.page-title,
.acc-title {
padding-top: 24px;
padding-bottom: 48px;
font-size: 64px;
line-height: 72px;
}
}
.page-subtitle {
font-family: 'Bison';
text-transform: uppercase;
padding-top: 4px;
padding-bottom: 40px;
font-size: 28px;
font-weight: bold;
line-height: 36px;
}
@media only screen and (min-width: 1280px) {
.page-subtitle {
margin-top: -58px;
padding-top: 0;
padding-bottom: 48px;
font-size: 28px;
line-height: 36px;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 7, 2020, 4:53:01 PM
Author : mv
*/
.slick-arrow,
.slick-arrow:hover {
position: absolute;
top: 50%;
width: 48px;
height: 48px;
background: #fff no-repeat center;
border-radius: 24px;
border: 0;
z-index: 1;
cursor: pointer;
display: block;
transition: all ease-in-out 300ms;
}
.slick-arrow:before,
.slick-arrow:hover:before {
display: none;
}
.slick-prev,
.slick-prev:hover {
left: 48px;
background-image: url(/images/icn-arrow-left.svg);
}
.slick-next,
.slick-next:hover {
right: 48px;
background-image: url(/images/icn-arrow-right.svg);
}
.slick-arrow:hover {
opacity: 0.8;
}
.slick-dots li {
margin: 0;
}
.slick-dots li button::before {
font-size: 10px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 7, 2020, 5:44:11 PM
Author : mv
*/
.main-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 500;
background: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
transition: top ease-in-out 300ms;
}
body {
padding-top: 64px;
}
@media only screen and (min-width: 768px) {
body {
padding-top: 100px;
}
}
.header-top {
display: none;
background-color: #e0e0e0;
padding: 4px 0;
}
@media only screen and (min-width: 768px) {
.header-top {
display: block;
}
}
.header-top-menu {
display: flex;
align-items: center;
}
.header-top-btn {
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 600;
font-family: 'Bison';
gap: 8px;
transition: all ease-in-out 100ms;
}
.header-top-btn:hover {
color: #bb0006;
}
.header-top-btn .icn {
width: 28px;
height: 28px;
}
.header-bottom-bar {
padding: 12px 0;
display: flex;
align-items: center;
}
.header-bottom-logo img {
width: auto;
height: 25px;
}
@media only screen and (min-width: 1024px) {
.header-bottom-logo img {
height: 32px;
}
}
.header-bottom-menu {
flex-grow: 1;
display: flex;
}
.header-bottom-menu .btn-header {
display: none;
transition: all ease-in-out 100ms;
}
.header-bottom-menu .btn-header:hover {
color: #bb0006;
}
.header-bottom-menu .btn-header.is-active {
color: #bb0006;
}
@media only screen and (min-width: 768px) {
.header-bottom-menu .btn-header:first-child {
display: inline-flex;
}
}
@media only screen and (min-width: 1024px) {
.header-bottom-menu {
display: flex;
justify-content: center;
gap: 2px;
}
.header-bottom-menu .btn-header {
padding: 0 16px;
white-space: nowrap;
}
.header-bottom-menu .btn-header:nth-child(2),
.header-bottom-menu .btn-header:nth-child(3) {
display: inline-flex;
}
}
@media only screen and (min-width: 1280px) {
.header-bottom-menu .btn-header {
display: inline-flex;
}
}
@media only screen and (min-width: 1024px) {
.header-bottom-right {
min-width: 133px;
text-align: right;
}
}
@media only screen and (min-width: 1280px) {
.mobile-menu-btn {
display: none;
}
}
/***********
HEADER PANEL
*/
.header-panel {
padding: 8px 0 40px;
/*
position: absolute;
left:0;
top:0;
right:0;
z-index: @z-header-panel;
*/
background: #fff;
display: none;
}
@media only screen and (max-width: 767px) {
.header-panel {
display: none !important;
}
}
.header-panel.is-active {
display: block;
}
.header-bg-panel {
background: #000 no-repeat center;
background-size: cover;
height: 328px;
position: relative;
}
.header-bg-panel:after {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background-color: rgba(0, 0, 0, 0.2);
}
.header-bg-panel div {
position: relative;
z-index: 2;
}
.header-panel-link {
font-size: 22px;
font-weight: bold;
line-height: 24px;
padding: 4px 0;
text-transform: uppercase;
font-family: 'Bison';
display: block;
}
.header-panel-link.is-gray {
color: rgba(0, 0, 0, 0.6);
}
.header-panel-link.is-active {
color: #bb0006;
}
a.header-panel-link {
transition: all ease-in-out 100ms;
}
a.header-panel-link:hover {
color: #bb0006;
}
.header-panel-sublink {
font-weight: bold;
font-size: 14px;
line-height: 24px;
display: block;
}
a.header-panel-sublink {
transition: all ease-in-out 100ms;
}
a.header-panel-sublink:hover {
color: #bb0006;
}
.header-panel-lightlink {
font-size: 14px;
line-height: 24px;
font-weight: bold;
margin: 0 8px;
transition: all ease-in-out 100ms;
}
.header-panel-lightlink:hover {
color: #bb0006;
}
.header-news-link {
font-size: 14px;
line-height: 18px;
font-weight: normal;
color: #ec1d24;
text-transform: uppercase;
transition: all ease-in-out 100ms;
}
.header-news-link:hover {
color: #bb0006;
}
/***********
RANGE
*/
.range-panel .prod-in-header {
display: none;
}
.range-panel .prod-in-header.is-active {
display: flex;
}
.partners-panel,
.testdrive-panel {
padding: 0 0 24px;
}
.accessories-subpanel {
display: none;
}
.accessories-subpanel.is-active {
display: flex;
}
.accessories-subpanel .prod-in-related {
background: #f6f6f6;
}
.news-panel {
padding-top: 24px;
padding-bottom: 24px;
}
.news-panel .header-panel-link {
margin-bottom: 24px;
}
.why-panel .text-block {
font-size: 22px;
line-height: 32px;
text-transform: uppercase;
font-weight: bold;
font-family: 'Bison';
color: #fff;
}
.header-country-panel {
display: none;
}
.header-country-panel.is-active {
display: block;
}
.mobile-menu {
display: none;
overflow: auto;
z-index: 600;
top: 64px;
}
@media only screen and (min-width: 768px) {
.mobile-menu {
top: 100px;
}
}
@media only screen and (min-width: 1280px) {
.mobile-menu {
display: none !important;
}
}
.mobile-menu li a {
display: block;
}
.mobile-menu .dropdown {
flex-grow: 1;
}
.mobile-menu .dropdown .dropdown-toggle {
display: block;
width: 100%;
}
.mobile-menu .dropdown .btn-header {
display: flex;
}
.mobile-menu .btn-header {
padding: 0 8px;
flex-grow: 1;
background-color: black;
color: #fff;
transition: all ease-in-out 300ms;
}
.mobile-menu .btn-header:hover {
background-color: #bb0006;
}
.mobile-menu.is-open {
display: block;
}
.mobile-menu .dropdown-menu {
right: 0;
}
.mobile-menu .dropdown-menu .dropdown-item {
min-width: 100px;
}
.mobile-menu #lang-dropdown .dropdown-item {
text-align: center;
}
@media only screen and (max-width: 320px) {
.mobile-menu .btn-header {
font-size: 16px;
}
.mobile-menu .btn-header .icn {
width: 20px;
height: 20px;
}
}
.mobile-cart-btn .icn,
.mobile-close-btn .icn,
.mobile-menu-btn .icn {
margin-top: 0;
}
.mobile-cart-btn.is-primary,
.mobile-close-btn.is-primary,
.mobile-menu-btn.is-primary {
color: #ec1d24;
}
.mobile-menu-bar {
display: flex;
gap: 2px;
}
@media only screen and (min-width: 768px) {
.mobile-menu-bar {
display: none;
}
}
body.is-state-mobilemenu-open {
overflow: hidden;
}
@media only screen and (min-width: 1024px) {
.header-top .dropdown.is-open .header-top-btn {
background: #000;
color: #fff;
}
.header-top .dropdown.is-open .header-top-btn:hover {
background: #ec1d24;
}
.header-top .dropdown .header-top-btn {
padding: 0 10px;
transition: none;
margin-top: -4px;
margin-bottom: -4px;
height: 36px;
}
.header-top .dropdown .dropdown-menu {
left: 0;
border: 0;
top: 32px;
min-width: 160px;
}
.header-top .dropdown .dropdown-item {
padding: 0 10px;
height: 36px;
line-height: 36px;
min-width: auto;
display: flex;
align-items: center;
gap: 8px;
}
}
.mobile-menu li {
transition: all ease-in-out 100ms;
}
.mobile-menu li:hover {
color: #bb0006;
}
@media only screen and (max-width: 1023px) {
.shop-btn {
padding-left: 8px;
padding-right: 8px;
}
}
.ax-shop-cart {
position: absolute;
background: #fff;
top: 40px;
right: 0;
width: 312px;
z-index: 1;
text-align: left;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 9, 2020, 4:00:12 PM
Author : mv
*/
.newsletter-form {
position: relative;
display: none;
}
.newsletter-form .form-control {
padding: 8px 40px 8px 8px;
font-size: 16px;
border: 4px solid #fff;
background: #000;
color: #fff;
line-height: 24px;
box-shadow: none;
transition: all ease-in-out 300ms;
outline: none;
}
.newsletter-form input:invalid:focus {
border-color: #ec1d24;
}
.newsletter-form input:valid {
border-color: green;
}
.newsletter-form input:valid + .form-btns {
display: block;
}
.newsletter-form .form-btns {
position: absolute;
top: 0;
right: 0;
}
.newsletter-form .btn {
color: #fff;
background: transparent;
padding: 0;
min-width: 0;
}
.newsletter-form .btn .icn {
height: 40px;
}
.newsletter-form .btn:hover {
color: #fff !important;
}
@media only screen and (max-width: 1023px) {
.newsletter-form .form-btns {
margin-top: 0px;
}
.newsletter-form .form-control {
height: 40px;
}
}
@media only screen and (min-width: 1280px) {
.newsletter-form .t-l-white {
margin-top: 4px;
margin-bottom: 0;
}
.newsletter-form .form-control {
line-height: 16px;
/*margin-left: 8px;*/
padding: 10px 40px 10px 8px;
/*width: 300px;*/
}
.newsletter-form .form-btns {
margin-top: 4px;
}
}
.main-footer {
background-color: black;
color: white;
padding: 32px 16px 80px;
}
.main-footer a {
transition: all ease-in-out 300ms;
}
.main-footer a:hover {
opacity: 0.5;
}
.footer-top {
position: relative;
}
@media only screen and (min-width: 1280px) {
.footer-top {
display: flex;
width: 100%;
}
.footer-top > * {
width: 33.33%;
}
}
@media only screen and (max-width: 1023px) {
.footer-top {
display: flex;
flex-direction: column;
margin-bottom: 0;
}
}
@media only screen and (max-width: 1023px) {
.footer-logo img {
width: auto;
height: 29px;
}
}
.footer-salezone {
flex-grow: 1;
justify-content: center;
display: flex;
}
.footer-salezone .form-control {
font-family: 'Bison';
font-weight: 600;
text-transform: uppercase;
font-size: 20px;
}
.footer-salezone .select-arrow {
color: #fff;
background-image: url(/images/icn-drop-xl-white.svg);
opacity: 50%;
}
@media only screen and (max-width: 1023px) {
.footer-salezone {
display: block;
padding: 32px 0 24px 0;
}
.footer-salezone .select {
width: 100%;
}
}
.footer-salezone .select select option {
background: black;
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: auto;
}
.footer-social {
text-align: right;
}
@media only screen and (max-width: 1023px) {
.footer-social {
position: absolute;
right: 0;
top: 0;
}
.footer-social .share-btn {
width: 32px;
height: 32px;
line-height: 32px;
}
}
.footer-newsletter {
margin-bottom: 32px;
}
.footer-newsletter .footer-newsletter-btn {
cursor: pointer;
display: block;
padding: 6px;
background: #fff;
color: #000;
text-align: center;
}
@media only screen and (max-width: 1023px) {
.footer-newsletter .footer-newsletter-btn {
font-size: 20px;
line-height: 28px;
font-weight: 600;
}
}
.footer-sections {
margin-bottom: 16px;
}
@media only screen and (max-width: 1023px) {
.footer-sections a {
display: block;
}
}
@media only screen and (min-width: 1280px) {
.footer-sections {
margin-bottom: 8px;
text-align: center;
}
.footer-sections a {
padding: 0 4px;
}
}
.footer-copy {
font-size: 12px;
line-height: 20px;
}
@media only screen and (min-width: 1280px) {
.footer-copy {
font-size: 14px;
text-align: center;
opacity: 50%;
}
}
@media only screen and (min-width: 1280px) {
.main-footer {
padding: 40px 32px;
}
/* .main-footer{
position: relative;
}
.footer-logo{
float:left;
}
.footer-newsletter{
display: flex;
float: right;
}
.footer-social{
position: absolute;
right:0;
bottom: 0;
z-index: 1;
.share-btn{
margin-left: 8px;
margin-right: 0;
}
}
.footer-sections{
margin-bottom: 16px;
li{
display: inline;
&:after{
.t-l();
font-weight: bold;
content: " / ";
}
&:last-child:after{
display: none;
}
}
}*/
}
.footer-payments {
text-align: center;
margin: 32px auto 16px;
}
.footer-payments img {
height: 24px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 13, 2020, 11:45:41 AM
Author : mv
*/
#auth-popup.is-fullscreen {
top: 0;
}
#auth-popup.is-fullscreen .popup-overlay {
display: none;
}
#auth-popup.is-fullscreen .popup-container {
top: 0;
max-width: none;
width: 100%;
bottom: 0;
overflow: auto;
border: 0;
}
#auth-popup.is-fullscreen .register-content,
#auth-popup.is-fullscreen .login-content {
max-width: 300px;
margin: 0 auto;
}
@media only screen and (max-height: 768px) {
#auth-popup.is-fullscreen .popup-header {
padding-bottom: 0;
}
#auth-popup.is-fullscreen .form-obs {
padding-bottom: 0;
}
#auth-popup.is-fullscreen .separator {
margin: 8px 0;
}
}
#auth-popup.is-current .popup-header img {
display: none;
}
#auth-popup.is-current .login-content,
#auth-popup.is-current .register-content {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 1023px) {
#auth-popup.is-current .popup-header {
padding: 16px 0 0;
}
#auth-popup.is-current .form-row {
margin-bottom: 16px;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 15, 2020, 3:08:54 PM
Author : mv
*/
.buy-form {
width: 340px;
}
.buy-form .btn {
font-size: 48px;
line-height: 60px;
height: auto;
text-align: left;
padding-left: 16px;
padding-right: 16px;
}
.buy-form-size {
text-align: right;
padding: 8px 0 16px;
}
@media only screen and (min-width: 1280px) {
.buy-form-size {
padding-bottom: 8px;
}
}
.buy-option label {
display: block;
cursor: pointer;
font-weight: bold;
text-align: center;
font-size: 16px;
line-height: 22px;
background: #f6f6f6;
border-bottom: 6px solid white;
transition: all ease-in-out 300ms;
}
.buy-option label:hover {
border-color: #666;
}
.buy-option .is-active {
border-color: #000;
cursor: default;
}
.buy-option .is-disabled {
display: none;
}
.preorder-success {
background: rgba(126, 211, 33, 0.2);
display: none;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Feb 6, 2020, 4:58:58 PM
Author : mv
*/
.order-steps {
display: block;
}
@media only screen and (min-width: 1024px) {
.order-steps {
display: flex;
}
}
.order-steps .step-text {
cursor: auto;
font-family: 'Interstate';
font-size: 14px;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.5);
padding: 0 10px;
}
@media only screen and (max-width: 1023px) {
.order-steps .step-text {
justify-content: center;
display: flex;
width: 100%;
}
}
.order-steps .step-text.is-active {
background: #000;
color: #fff;
}
.order-steps .step-icn {
background: url(/images/icn-step.svg) no-repeat center;
width: 40px;
height: 40px;
}
@media only screen and (max-width: 1023px) {
.order-steps .step-icn {
transform: rotate(90deg);
margin: 0 auto;
}
}
@media only screen and (max-width: 1023px) {
.order-steps-wrapper .btn {
margin-top: 56px;
display: block;
width: 100%;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 7, 2020, 4:02:41 PM
Author : mv
*/
.prod-hp {
display: block;
transition: all ease-in-out 300ms;
}
@media only screen and (max-width: 1023px) {
.prod-hp {
margin: 0 0 16px;
padding: 16px;
}
}
.prod-hp:hover {
background-color: rgba(255, 255, 255, 0.9);
}
@media only screen and (min-width: 1280px) {
.prod-hp img {
width: 150px;
height: 96px;
object-fit: contain;
}
}
@media only screen and (max-width: 1023px) {
.prod-hp {
padding-left: 16px;
padding-right: 16px;
}
.prod-hp .t-xl-primary {
font-size: 48px;
line-height: 1;
}
.prod-hp .t-l-black {
font-size: 24px;
line-height: 1;
}
.prod-hp img {
width: 120px;
height: 96px;
object-fit: contain;
}
}
.prod-in-header {
background-color: #f6f6f6;
padding: 32px 16px;
display: flex;
gap: 16px;
}
.prod-in-header img {
width: 251px;
}
@media only screen and (min-width: 960px) {
.prod-in-header img {
width: 344px;
}
}
.prod-in-list {
margin-left: -16px;
margin-right: -16px;
background-position: top;
background-size: 100% 210px;
padding-bottom: 80px;
position: relative;
}
.prod-in-list .bg {
height: 210px;
background-size: cover;
background: #f5f5f5;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.prod-in-list .txts {
position: relative;
z-index: 2;
padding: 16px;
}
@media only screen and (max-width: 1023px) {
.prod-in-list .bg {
width: 100%;
}
.prod-in-list .img {
position: relative;
z-index: 2;
padding: 24px 16px 0;
}
}
@media only screen and (min-width: 1280px) {
.prod-in-list {
position: relative;
background-size: cover;
height: 512px;
padding: 0;
margin: 0;
margin-bottom: 48px;
}
.prod-in-list .bg {
width: 50%;
height: 100%;
transition: all ease-in-out 300ms;
}
.prod-in-list .txts {
max-width: 413px;
position: absolute;
bottom: 32px;
left: 24px;
z-index: 2;
}
.prod-in-list .img {
position: absolute;
bottom: 0;
right: 24px;
width: 670px;
z-index: 2;
}
.prod-in-list:nth-child(odd) .bg {
left: auto;
right: 0;
}
.prod-in-list:hover .bg {
width: 100%;
}
}
.prod-in-grid {
font-size: 16px;
font-weight: bold;
line-height: 32px;
}
.prod-in-grid .img {
width: 100%;
height: 260px;
object-fit: contain;
}
.prod-in-grid .title {
font-size: 16px;
}
.prod-in-grid .price {
opacity: 0.5;
}
.zoomContainer {
z-index: 1;
}
.zoomWindow {
left: -272px !important;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 24, 2020, 3:29:19 PM
Author : mv
*/
.prod-detail-header > h1 {
position: relative;
z-index: 1;
}
.prod-detail-header .prod-detail-imgs {
padding-bottom: 32px;
}
.prod-detail-header .zoomImg {
background: #fff;
}
@media only screen and (min-width: 1024px) {
.prod-detail-header {
padding-top: 32px;
position: relative;
z-index: 1;
}
.prod-detail-header .prod-detail-imgs {
width: 600px;
position: absolute;
right: 0;
top: 32px;
bottom: 0;
padding-bottom: 0;
margin-bottom: 16px;
width: calc(100% - 256px - 16px);
}
.prod-detail-header .prod-detail-img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: top right;
position: absolute;
top: 0;
left: 0;
}
.prod-detail-header .prod-detail-header-left {
display: block;
width: 256px;
min-height: 450px;
padding-bottom: 140px;
}
.prod-detail-header .buy-form {
width: auto;
}
.prod-detail-header .buy-form .btn {
font-size: 28px;
line-height: 45px;
}
}
@media only screen and (min-width: 1280px) {
.prod-detail-header {
min-height: 580px;
}
.prod-detail-header .prod-detail-imgs {
bottom: auto;
height: 532px;
}
.prod-detail-header .prod-detail-img {
/*width: 893px;*/
}
}
html[lang=pt] .prod-detail-header .buy-form .btn {
font-size: 30px;
}
@media only screen and (min-width: 1024px) {
html[lang=pt] .prod-detail-header .buy-form .btn {
font-size: 24px;
}
}
@media only screen and (min-width: 1024px) {
.prod-detail-header-left {
position: relative;
}
.prod-detail-header-left .prod-detail-share {
position: absolute;
bottom: 40px;
left: 0;
}
.prod-detail-header-left .prod-detail-trustpilot {
position: absolute;
bottom: 0;
right: 0;
}
}
@media only screen and (max-width: 1023px) {
.prod-detail-header-left {
display: flex;
flex-direction: column;
}
.prod-detail-header-left .buy-form {
order: 1;
}
.prod-detail-header-left .prod-detail-smalltxt {
order: 3;
padding-top: 0;
padding-bottom: 16px;
}
.prod-detail-header-left .prod-detail-share {
order: 2;
padding-top: 8px;
}
.prod-detail-header-left .prod-detail-trustpilot {
order: 2;
padding-bottom: 16px;
}
.prod-detail-header-left .btn-testdrive {
order: 4;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1024px) {
.prod-detail-txts {
float: left;
width: 403px;
margin-right: 100px;
}
}
.prod-detail-specs {
background: #f6f6f6;
padding: 24px 0;
}
@media only screen and (min-width: 1280px) {
.prod-detail-specs {
padding: 48px 0;
}
}
.prod-detail-specs-title {
font-size: 28px;
line-height: 36px;
margin-bottom: 28px;
}
@media only screen and (min-width: 1280px) {
.prod-detail-specs-title {
margin-bottom: 48px;
font-size: 64px;
line-height: 72px;
}
}
.prod-detail-specs-cols.is-css {
column-count: 1;
column-gap: 16px;
}
@media only screen and (min-width: 768px) {
.prod-detail-specs-cols.is-css {
column-count: 2;
}
}
@media only screen and (min-width: 960px) {
.prod-detail-specs-cols.is-css {
column-count: 3;
}
}
.prod-detail-specs-cols.is-masonry {
margin-right: -16px;
}
.prod-detail-specs-cols.is-masonry .product-specgroup {
margin-bottom: 16px;
width: calc(100% - 16px);
}
@media only screen and (min-width: 768px) {
.prod-detail-specs-cols.is-masonry .product-specgroup {
width: calc(50% - 16px);
}
}
@media only screen and (min-width: 960px) {
.prod-detail-specs-cols.is-masonry .product-specgroup {
width: calc(33.3333% - 16px);
}
}
.product-specgroup {
width: 100%;
display: inline-block;
background: #fff;
padding: 16px 24px 40px;
margin-bottom: 16px;
}
.product-specgroup-title {
margin-bottom: 40px;
color: #ec1d24;
}
.product-spec-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-size: 12px;
line-height: 1.5;
padding: 8px 0;
display: flex;
gap: 16px;
}
.product-spec-item:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.product-spec-item-title {
font-weight: bold;
display: block;
}
.product-spec-item-value {
font-weight: 300;
display: block;
}
.product-spec-item-desc {
display: none;
opacity: 0.5;
}
.product-spec-item-more-btn {
width: 16px;
height: 16px;
opacity: 0.3;
display: block;
background: url(/images/icn-plus-s.svg) no-repeat center;
transition: all ease-in-out 300ms;
}
.product-spec-item-more-btn:hover {
opacity: 1;
}
.product-spec-item-more-btn.is-active {
background-image: url(/images/icn-minus-s.svg);
transform: rotate(90deg);
}
.prod-detail-slider {
overflow: hidden;
height: 100vh;
max-height: 800px;
margin-left: -16px;
margin-right: -16px;
}
@media only screen and (min-width: 1024px) {
.prod-detail-slider {
margin-left: 0px;
margin-right: 0px;
}
}
.prod-detail-slider.slick-initialized {
overflow: visible;
}
.prod-detail-slider .slick-prev {
left: -24px;
}
.prod-detail-slider .slick-next {
right: -24px;
}
.prod-detail-slider picture {
height: 100%;
}
.prod-detail-slider img {
width: 100%;
height: 100%;
/*object-fit: cover;*/
}
@media only screen and (max-width: 1023px) {
.prod-detail-slider img {
height: 249px;
display: block;
}
}
.prod-detail-slider .prod-img-shadow {
width: 100%;
}
@media only screen and (max-width: 1023px) {
.prod-detail-slider {
height: 249px;
}
}
.prod-img-shadow {
position: relative;
display: inline-block;
height: 100%;
}
.prod-img-shadow:after {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.04);
content: "";
pointer-events: none;
}
.prod-detail-zoom {
pointer-events: none;
opacity: 0;
display: none;
}
@media only screen and (min-width: 1280px) {
.prod-detail-zoom {
display: block;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -65px;
background: rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.5);
font-size: 12px;
text-transform: uppercase;
padding: 3px 8px;
width: 130px;
font-weight: bold;
transition: all ease-in-out 300ms;
}
}
.prod-detail-imgs:hover .prod-detail-zoom {
opacity: 1;
}
.prod-detail-images {
margin-top: 16px;
margin-left: -16px;
}
.prod-detail-images:before,
.prod-detail-images:after {
content: " ";
display: table;
}
.prod-detail-images:after {
clear: both;
}
.prod-detail-images:before,
.prod-detail-images:after {
content: " ";
display: table;
}
.prod-detail-images:after {
clear: both;
}
.prod-detail-images .prod-detail-photo {
float: left;
width: calc(50% - 16px);
height: 120px;
margin-bottom: 16px;
margin-left: 16px;
position: relative;
}
.prod-detail-images .prod-detail-photo:hover .icn {
opacity: 1;
}
@media only screen and (min-width: 1280px) {
.prod-detail-images .prod-detail-photo {
width: calc(33.33% - 16px);
height: 312px;
}
}
.prod-detail-images .icn {
opacity: 0;
position: absolute;
top: 0;
right: 0;
z-index: 1;
transition: all ease-in-out 300ms;
}
.prod-detail-images img {
width: 100%;
height: 100%;
object-fit: cover;
}
.prod-detail-images .prod-img-shadow {
width: 100%;
overflow: hidden;
}
html.no-picture .prod-detail-images img {
width: auto;
height: 100%;
object-fit: unset;
max-width: none;
}
#photos-popup {
overflow: hidden;
}
#photos-popup .popup-container {
border: 0;
width: 100%;
max-width: 100%;
top: 0;
bottom: 0;
height: 100%;
}
#photos-popup .popup-container .slick-track,
#photos-popup .popup-container .slick-list {
height: 100%;
}
@media only screen and (max-width: 1023px) {
#photos-popup .popup-container .slick-prev,
#photos-popup .popup-container .slick-next {
transform: scale(0.75);
}
}
#photos-popup .popup-container .slick-prev {
left: 0;
}
#photos-popup .popup-container .slick-next {
right: 0px;
}
#photos-popup .prod-detail-slider {
height: 100%;
}
#photos-popup .prod-detail-slider-photo .vm {
justify-content: center;
}
#photos-popup .prod-detail-slider-photo .prod-img-shadow {
height: auto;
}
#photos-popup .prod-detail-slider-photo img {
max-height: 800px;
}
#photos-popup .popup-body {
padding: 0;
}
#photos-popup .popup-close {
position: absolute;
top: 8px;
right: 8px;
z-index: 1;
}
.prod-highlights {
background: no-repeat center;
background-size: cover;
}
@media only screen and (max-width: 1023px) {
.prod-highlights {
height: 512px;
min-height: calc(100vh - 64px - 48px);
}
}
@media only screen and (max-width: 1023px) {
.prod-highlights-slider.slick-initialized {
height: calc(100% - 32px - 36px);
margin-bottom: 0;
}
}
.prod-highlights-slider.slick-initialized .slick-dots {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.prod-highlights-slider.slick-initialized .slick-dots li button::before,
.prod-highlights-slider.slick-initialized .slick-dots li.slick-active button::before {
color: #fff;
}
.prod-highlight img {
width: 64px;
height: 64px;
}
.prod-highlight-imgw {
background: #000;
width: 96px;
height: 96px;
border-radius: 96px;
padding: 16px;
margin-bottom: 12px;
}
@media only screen and (min-width: 1280px) {
.prod-highlight-wrapper {
max-width: 220px;
}
}
@media only screen and (max-width: 1023px) {
.prod-technical {
/*min-height: ~"calc(100vh - 64px - 48px)";*/
}
}
.prod-videos iframe {
width: 100%;
height: 300px;
margin-bottom: 16px;
}
.prod-videos iframe:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 1280px) {
.prod-videos iframe {
height: 674px;
}
}
.prod-detail-nav {
border-color: #979797;
}
.prod-detail-nav a {
border-color: #979797;
display: block;
}
@media only screen and (min-width: 1280px) {
.prod-detail-nav a {
padding-top: 8px;
padding-bottom: 8px;
line-height: 28px;
}
.prod-detail-nav a:hover {
color: #000;
}
}
@media only screen and (max-width: 1023px) {
.prod-detail-nav a {
font-size: 14px;
line-height: 1;
padding: 6px 8px;
}
.prod-detail-nav a.is-active {
background: #000;
color: #fff;
}
}
@media only screen and (max-width: 1023px) {
.prod-detail-nav {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 8;
background: white;
margin: 0;
}
}
.prod-copy {
padding: 70px 40px;
background-color: #f6f6f6;
}
@media only screen and (max-width: 1023px) {
.prod-copy {
padding: 30px 50px;
margin-left: -16px;
margin-right: -16px;
}
.prod-copy img {
height: auto !important;
}
.prod-copy iframe {
max-width: 100%;
height: auto !important;
}
}
.accessory-detail {
padding-top: 40px;
}
.accessory-detail:before,
.accessory-detail:after {
content: " ";
display: table;
}
.accessory-detail:after {
clear: both;
}
.accessory-detail:before,
.accessory-detail:after {
content: " ";
display: table;
}
.accessory-detail:after {
clear: both;
}
.accessory-detail .buy-form {
padding: 32px 0 0;
}
.accessory-detail .trustpilot-widget {
text-align: left;
}
@media only screen and (min-width: 1280px) {
.accessory-detail .accessory-detail-left {
float: left;
width: 583px;
}
.accessory-detail .accessory-detail-left .prod-detail-img {
width: 583px;
height: 497px;
}
.accessory-detail .accessory-detail-right {
float: right;
width: calc(100% - 583px);
padding-left: 16px;
}
.accessory-detail .buy-form {
padding: 32px 0;
}
.accessory-detail .buy-form .btn {
max-width: 260px;
font-size: 28px;
line-height: 45px;
}
}
.accessory-detail-left {
border: 4px solid #000;
}
.accessory-detail-left img {
object-fit: contain;
}
.accessory-detail-imageslider:before,
.accessory-detail-imageslider:after {
content: " ";
display: table;
}
.accessory-detail-imageslider:after {
clear: both;
}
.accessory-detail-imageslider:before,
.accessory-detail-imageslider:after {
content: " ";
display: table;
}
.accessory-detail-imageslider:after {
clear: both;
}
.accessory-detail-imageslider .accessory-detail-thumb {
cursor: pointer;
}
.accessory-detail-imageslider .slick-list {
padding: 0 16px;
}
.accessory-detail-imageslider .slick-prev,
.accessory-detail-imageslider .slick-next {
width: 32px;
height: 32px;
background-size: 24px;
}
.accessory-detail-imageslider .slick-prev {
left: 0;
}
.accessory-detail-imageslider .slick-next {
right: 0;
}
@media only screen and (min-width: 1280px) {
.accessory-detail-imageslider {
width: 575px;
}
}
.accessory-detail-thumb {
float: left;
}
.accessory-detail-thumb img {
width: 96px;
height: 96px;
}
.accessory-detail-related {
background: #e9e9e9;
padding: 24px 0;
}
@media only screen and (min-width: 1024px) {
.accessory-detail-related {
padding: 40px 0;
}
}
@media only screen and (min-width: 768px) {
.accessory-detail-related-list {
margin-left: -16px;
}
.accessory-detail-related-list .prod-in-related {
margin-left: 16px;
}
}
.accessory-detail-related-list .slick-prev {
background-color: transparent;
top: calc(100% + 76px);
left: 0;
}
.accessory-detail-related-list .slick-next {
background-color: transparent;
top: calc(100% + 76px);
right: 0;
}
.prod-detail-img-wrapper,
.zoom-image-wrapper {
cursor: zoom-in;
}
.prod-detail-img-wrapper.is-zoomed-in,
.zoom-image-wrapper.is-zoomed-in {
cursor: zoom-out;
}
@media only screen and (min-width: 1280px) {
.prod-featureds {
padding-bottom: 52px;
}
}
.prod-featureds-title {
padding: 40px 0 16px;
}
@media only screen and (min-width: 1280px) {
.prod-featureds-title {
padding-bottom: 52px;
}
}
.prod-featured {
background-color: #f6f6f6;
margin-bottom: 16px;
}
@media only screen and (min-width: 1280px) {
.prod-featured {
margin-bottom: 32px;
display: flex;
}
.prod-featured:nth-child(2n) {
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 1280px) {
.prod-featured-media {
flex-basis: 58.33333333%;
}
}
.prod-featured-img {
width: 100%;
height: 240px;
display: block;
object-fit: cover;
}
@media only screen and (min-width: 1280px) {
.prod-featured-img {
height: 400px;
}
}
.prod-featured-texts {
padding: 16px 48px 16px 24px;
}
@media only screen and (min-width: 1280px) {
.prod-featured-texts {
padding: 32px;
flex-basis: 41.66666667%;
}
}
.prod-featured-title {
margin-bottom: 10px;
}
@media only screen and (min-width: 1280px) {
.prod-featured-title {
margin-bottom: 32px;
font-size: 32px;
color: #ec1d24;
}
}
@media only screen and (min-width: 1280px) {
.prod-featured-text {
line-height: 24px;
}
}
/*
Created on : 29/10/2021, 15:57:53
Author : ferna
*/
.prod-in-hp {
position: relative;
background: #fff;
overflow: hidden;
transition: all ease-in-out 300ms;
}
.prod-in-hp a {
display: block;
}
.prod-in-hp .texts {
position: absolute;
top: 0;
left: 0;
padding: 24px;
right: 0;
text-transform: uppercase;
font-family: Bison;
font-size: 24px;
font-weight: bold;
}
.prod-in-hp .title {
margin-bottom: 8px;
font-size: 24px;
}
.prod-in-hp .price {
background: #000;
color: #fff;
padding: 2px 16px;
transition: all ease-in-out 300ms;
}
.prod-in-hp img {
position: absolute;
bottom: 0;
right: 0;
height: 220px;
object-fit: contain;
object-position: bottom right;
mix-blend-mode: multiply;
transition: all ease-in-out 300ms;
}
.prod-in-hp:hover {
/*background-color: darken(#f2f2f2, 10%);*/
}
.prod-in-hp:hover .price {
background-color: #ec1d24;
}
.prod-in-hp:hover img {
transform: scale(1.05);
}
/*
Created on : 29/10/2021, 15:57:53
Author : ferna
*/
.prod-in-related {
position: relative;
background: #fff;
overflow: hidden;
transition: all ease-in-out 300ms;
height: 288px;
}
.prod-in-related a {
display: block;
}
.prod-in-related .texts {
position: absolute;
bottom: 0;
left: 0;
padding: 8px 16px;
right: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
height: 88px;
/* text-transform: uppercase;
font-family: Bison;
font-size: 24px;
font-weight: bold;*/
}
.prod-in-related .title {
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
.prod-in-related .price {
font-size: 16px;
font-weight: 300;
}
.prod-in-related img {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: multiply;
transition: all ease-in-out 300ms;
}
.prod-in-related:hover img {
transform: scale(1.05);
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : May 28, 2020, 12:26:10 PM
Author : fpereira
*/
.news-highlight {
margin-left: -8px;
margin-right: -8px;
}
.news-highlight .img {
height: 256px;
display: block;
object-fit: cover;
}
.news-highlight .texts {
background: #ec1d24;
color: #fff;
padding: 12px 32px 24px;
}
.news-highlight .title {
font-family: 'Bison';
text-transform: uppercase;
font-size: 28px;
font-weight: bold;
line-height: 36px;
margin-bottom: 4px;
}
.news-highlight .date {
font-family: 'Bison';
font-size: 20px;
font-weight: 600;
line-height: 24px;
opacity: 0.5;
margin-bottom: 12px;
}
.news-highlight .text {
font-size: 12px;
font-weight: 300;
line-height: 14px;
color: #ffffff;
}
@media only screen and (min-width: 1280px) {
.news-highlight {
height: 400px;
margin: 0;
}
.news-highlight:before,
.news-highlight:after {
content: " ";
display: table;
}
.news-highlight:after {
clear: both;
}
.news-highlight:before,
.news-highlight:after {
content: " ";
display: table;
}
.news-highlight:after {
clear: both;
}
.news-highlight .img {
float: left;
width: 50%;
height: 100%;
}
.news-highlight .texts {
float: left;
width: 50%;
height: 100%;
padding: 24px 32px;
}
.news-highlight .title {
font-size: 48px;
line-height: 48px;
margin-bottom: 4px;
}
.news-highlight .text {
font-size: 16px;
line-height: 28px;
max-height: 112px;
overflow: hidden;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : May 28, 2020, 12:26:10 PM
Author : fpereira
*/
.news-list {
position: relative;
/*
&:nth-child(2n-1){
.img{
float: right;
}
.texts{
clear:right;
text-align: right;
}
.bg{
left: auto;
right: 16px;
}
}
*/
}
.news-list:before,
.news-list:after {
content: " ";
display: table;
}
.news-list:after {
clear: both;
}
.news-list:before,
.news-list:after {
content: " ";
display: table;
}
.news-list:after {
clear: both;
}
.news-list .bg {
background-color: #ebebeb;
position: absolute;
top: 0;
left: 16px;
right: 16px;
bottom: 0;
z-index: 0;
}
.news-list .img {
position: relative;
z-index: 1;
width: 100%;
height: 188px;
display: block;
object-fit: cover;
}
.news-list .texts {
padding: 12px 32px 16px;
position: relative;
z-index: 1;
}
.news-list .title {
font-family: 'Bison';
text-transform: uppercase;
font-size: 28px;
font-weight: bold;
line-height: 36px;
margin-bottom: 4px;
transition: all ease-in-out 300ms;
}
.news-list .date {
font-family: 'Bison';
font-size: 20px;
font-weight: 600;
line-height: 24px;
opacity: 0.5;
margin-bottom: 12px;
}
.news-list:hover {
color: #ec1d24;
}
@media only screen and (min-width: 1280px) {
.news-list {
position: relative;
margin: 0;
/*
&:nth-child(2n-1){
.img{
float: right;
}
.texts{
clear: none;
margin-left: 0;
margin-right: 391px;
}
.bg{
left: auto;
right: 0;
}
}
enews*/
}
.news-list:before,
.news-list:after {
content: " ";
display: table;
}
.news-list:after {
clear: both;
}
.news-list:before,
.news-list:after {
content: " ";
display: table;
}
.news-list:after {
clear: both;
}
.news-list .bg {
background-color: #ebebeb;
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
z-index: 0;
}
.news-list .img {
float: left;
width: 391px;
height: 264px;
}
.news-list .texts {
height: 100%;
padding: 12px 32px 16px;
position: relative;
z-index: 1;
margin-left: 391px;
}
.news-list .title {
font-size: 48px;
line-height: 48px;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : May 29, 2020, 3:18:36 PM
Author : fpereira
*/
.news-more {
padding: 8px;
transition: all ease-in-out 300ms;
}
.news-more .img {
width: 100%;
height: 256px;
display: block;
object-fit: cover;
margin-bottom: 8px;
}
.news-more .date {
text-transform: uppercase;
opacity: 0.6;
font-size: 20px;
font-weight: 600;
line-height: 24px;
color: #000000;
margin-bottom: 8px;
font-family: 'Bison';
}
.news-more .title {
font-size: 28px;
font-weight: bold;
line-height: 36px;
/*height: 72px;*/
overflow: hidden;
margin-bottom: 20px;
font-family: 'Bison';
padding-right: 24px;
transition: all ease-in-out 300ms;
}
.news-more .text {
font-size: 12px;
font-weight: 300;
line-height: 20px;
height: 80px;
overflow: hidden;
padding-right: 24px;
}
.news-more:hover {
background-color: #f6f6f6;
}
.news-more:hover .title {
color: #ec1d24;
}
/*
Created on : 18/01/2022, 18:59:00
Author : ferna
*/
.news-in-header {
display: flex;
background-color: #f6f6f6;
}
.news-in-header .texts {
flex-grow: 1;
padding: 16px;
}
.news-in-header .title {
font-family: 'Bison';
text-transform: uppercase;
font-size: 36px;
line-height: 1;
margin-bottom: 8px;
color: #ec1d24;
}
.news-in-header .tagline {
margin-bottom: 8px;
}
.news-in-header img {
width: 389px;
height: 248px;
object-fit: cover;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Dec 23, 2019, 3:15:17 PM
Author : mv
*/
.hp-stack {
display: flex;
flex-direction: column;
}
.hp-stack .hp-hero {
order: 1;
}
.hp-stack .hp-range {
order: 3;
}
.hp-stack .hp-slogan {
order: 2;
}
.hp-stack .hp-mosaic {
order: 4;
}
.hp-stack .hp-accessories {
order: 5;
}
.hp-stack .hp-instagram {
order: 6;
}
@media only screen and (min-width: 768px) {
.hp-stack .hp-hero {
order: 1;
}
.hp-stack .hp-range {
order: 2;
}
.hp-stack .hp-slogan {
order: 3;
}
.hp-stack .hp-mosaic {
order: 4;
}
.hp-stack .hp-accessories {
order: 5;
}
.hp-stack .hp-instagram {
order: 6;
}
}
.hp-main-slider.slick-dotted {
margin-bottom: 0;
}
.hp-main-slider.slick-dotted .slick-dots {
bottom: 8px;
}
.hp-main {
/*background-image: url(/images/dummy/hp-comp-01.jpg);*/
font-family: 'Bison';
color: #fff;
height: 408px;
font-size: 16px;
line-height: 20px;
font-weight: 600;
}
@media only screen and (min-width: 960px) {
.hp-main {
height: calc(100vh - 100px);
max-height: 640px;
min-height: 500px;
}
.hp-main .t-m-white {
max-width: 350px;
}
.hp-main img {
position: absolute;
height: 510px;
bottom: -100px;
right: 0;
}
}
@media only screen and (min-width: 960px) {
.hp-main {
max-height: 760px;
min-height: 640px;
}
}
.hp-main-texts {
position: absolute;
top: 16px;
left: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.hp-main-texts.is-right-aligned {
text-align: right;
align-items: end;
}
@media only screen and (min-width: 960px) {
.hp-main-texts {
top: 24px;
}
}
.hp-main-title {
font-size: 64px;
line-height: 1;
font-weight: bold;
margin-bottom: 8px;
max-width: 300px;
width: 100%;
}
@media only screen and (min-width: 960px) {
.hp-main-title {
font-size: 144px;
line-height: 120px;
}
}
@media only screen and (min-width: 960px) and (max-height: 700px) {
.hp-main-title {
font-size: 100px;
line-height: 0.9;
}
}
@media only screen and (min-width: 960px) and (max-height: 500px) {
.hp-main-title {
font-size: 60px;
line-height: 0.9;
}
}
@media only screen and (min-width: 960px) and (max-height: 500px) {
.hp-main-title {
max-width: 800px;
}
}
@media only screen and (min-width: 1024px) {
.hp-main-title {
max-width: 450px;
}
}
.hp-main-text {
margin-bottom: 24px;
max-width: 300px;
}
@media only screen and (min-width: 960px) {
.hp-main-text {
font-size: 20px;
line-height: 24px;
}
}
@media only screen and (min-width: 1024px) {
.hp-main-text {
max-width: 450px;
}
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 19, 2022, 4:31:31 PM
Author : mv
*/
.hp-slogan {
background: #fff;
color: #999999;
padding: 20px 0;
text-align: center;
font-family: 'Bison';
text-transform: uppercase;
font-size: 22px;
line-height: 1;
font-weight: bold;
}
@media only screen and (min-width: 768px) {
.hp-slogan {
padding: 32px 0;
font-family: 'Bison';
text-transform: uppercase;
font-size: 36px;
line-height: 1;
font-weight: bold;
}
}
@media only screen and (min-width: 960px) {
.hp-slogan {
font-family: 'Bison';
text-transform: uppercase;
font-size: 48px;
line-height: 1;
font-weight: bold;
padding: 48px 0;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 19, 2022, 4:50:46 PM
Author : mv
*/
@media only screen and (min-width: 768px) {
.hp-range {
display: block;
background: #000;
padding: 24px 0;
margin-bottom: 32px;
}
}
@media only screen and (max-width: 767px) {
.hp-range {
background: rgba(0, 0, 0, 0.05);
}
}
.hp-range-wrapper {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 960px) {
.hp-range-wrapper {
flex-direction: row;
}
}
.hp-range-title {
display: none;
}
@media only screen and (min-width: 768px) {
.hp-range-title {
display: block;
font-family: 'Bison';
text-transform: uppercase;
font-size: 36px;
line-height: 1;
font-weight: bold;
color: #fff;
margin-bottom: 16px;
}
}
@media only screen and (min-width: 960px) {
.hp-range-title {
min-width: 186px;
font-size: 48px;
display: flex;
align-items: end;
margin: 0;
}
}
@media only screen and (min-width: 1280px) {
.hp-range-title {
font-size: 64px;
}
}
.hp-range-prods {
display: flex;
gap: 40px;
flex-grow: 1;
}
.prod-in-range {
flex-grow: 1;
}
.prod-in-range-img {
object-fit: contain;
}
@media only screen and (min-width: 768px) {
.prod-in-range-img {
height: 62px;
margin-bottom: 8px;
}
}
@media only screen and (min-width: 1280px) {
.prod-in-range-img {
height: 88px;
}
}
@media only screen and (min-width: 768px) {
.prod-in-range-ref {
font-family: 'Bison';
text-transform: uppercase;
font-size: 36px;
line-height: 1;
font-weight: bold;
color: #ec1d24;
}
}
@media only screen and (min-width: 768px) {
.prod-in-range-name {
font-family: 'Bison';
text-transform: uppercase;
font-size: 18px;
line-height: 1;
font-weight: bold;
color: #fff;
}
}
.prod-in-range-text {
display: none;
}
@media only screen and (max-width: 767px) {
.hp-range-prods {
flex-direction: column;
}
.prod-in-range {
padding: 32px;
height: 456px;
text-align: center;
}
.prod-in-range-img {
height: 192px;
width: 100%;
object-fit: contain;
margin-bottom: 16px;
}
.prod-in-range-ref {
font-family: 'Bison';
text-transform: uppercase;
font-size: 64px;
line-height: 72px;
font-weight: bold;
color: #ec1d24;
}
.prod-in-range-name {
font-family: 'Bison';
text-transform: uppercase;
font-size: 28px;
line-height: 36px;
font-weight: bold;
margin-bottom: 8px;
}
.prod-in-range-text {
display: block;
font-weight: 300;
/*.ty-fsw(14px, 18px, light);*/
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 19, 2022, 5:15:53 PM
Author : mv
*/
.hp-mosaic {
position: relative;
}
@media only screen and (max-width: 767px) {
.hp-mosaic .tpl-container {
padding-left: 0;
padding-right: 0;
}
.hp-mosaic .slick-dots {
bottom: 8px;
}
.hp-mosaic .hp-mosaic-grid {
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.hp-mosaic {
margin-bottom: 80px !important;
overflow: hidden;
}
}
.hp-mosaic-item {
height: 312px;
position: relative;
overflow: hidden;
color: #fff;
}
.hp-mosaic-item img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
z-index: 1;
top: 0;
left: 0;
transition: all ease-in-out 300ms;
}
.hp-mosaic-item .wrapper {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
padding: 24px 40px;
}
.hp-mosaic-item .t-m-white {
transition: all ease-in-out 300ms;
}
@media only screen and (min-width: 768px) {
.hp-mosaic-item {
float: left;
margin: 0 0 16px 16px;
width: calc(50% - 16px);
}
.hp-mosaic-item:hover img {
transform: scale(1.05);
}
.hp-mosaic-item:hover .t-m-white {
opacity: 1;
}
.hp-mosaic-item .wrapper {
padding: 16px;
}
.hp-mosaic-item .wrapper div {
max-width: 300px;
}
}
@media only screen and (min-width: 960px) {
.hp-mosaic-item {
width: calc(33.333% - 16px);
height: 390px;
}
.hp-mosaic-item:nth-child(1),
.hp-mosaic-item:nth-child(6) {
width: calc(66.666% - 16px);
}
.hp-mosaic-item:nth-child(7) {
width: calc(100% - 16px);
}
.hp-mosaic-item:nth-child(3) {
height: 796px;
}
}
@media only screen and (max-width: 767px) {
.hp-mosaic-item {
height: 500px;
}
}
.hp-mosaic-item-title {
font-family: 'Bison';
text-transform: uppercase;
font-size: 36px;
line-height: 1;
font-weight: bold;
margin-bottom: 8px;
}
@media only screen and (min-width: 960px) {
.hp-mosaic-item-title {
font-size: 42px;
}
}
@media only screen and (min-width: 1280px) {
.hp-mosaic-item-title {
font-size: 64px;
}
}
@media only screen and (min-width: 768px) {
.hp-mosaic-grid {
margin-left: -16px;
}
}
.hp-mosaic-btn {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
text-align: center;
}
@media only screen and (min-width: 768px) {
.hp-mosaic-btn {
position: static;
padding-top: 40px;
}
.hp-mosaic-btn .btn {
border: solid 4px currentColor;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 19, 2022, 5:34:27 PM
Author : mv
*/
.hp-accessories {
background: #f6f6f6;
margin-bottom: 80px;
}
@media only screen and (max-width: 1023px) {
.hp-accessories {
padding-bottom: 24px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) {
.hp-accessories {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 1280px) {
.hp-accessories {
padding: 40px 0;
}
}
@media only screen and (min-width: 1280px) {
.hp-accessories .list {
margin-left: -16px;
height: 606px;
}
}
.hp-accessories .prod-in-hp {
height: 296px;
}
@media only screen and (max-width: 1023px) {
.hp-accessories .prod-in-hp {
background: #f6f6f6;
}
}
@media only screen and (min-width: 768px) {
.hp-accessories .prod-in-hp {
background: #fff;
}
}
@media only screen and (min-width: 1280px) {
.hp-accessories .prod-in-hp img {
object-fit: cover;
object-position: center;
width: 320px;
}
}
.hp-accessories .hp-accessories-left {
display: none;
}
@media only screen and (min-width: 960px) {
.hp-accessories .hp-accessories-left {
display: block;
}
}
@media only screen and (min-width: 768px) {
.hp-accessories .hp-accessories-mobile {
display: none;
}
}
.hp-accessories .hp-accessories-desktop {
display: none;
}
@media only screen and (min-width: 768px) {
.hp-accessories .hp-accessories-desktop {
display: block;
}
}
.hp-accessories .hp-accessories-main {
display: none !important;
}
@media only screen and (max-width: 767px) {
.hp-accessories .tpl-container {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 768px) {
.hp-accessories .hp-accessories-prods {
display: flex;
gap: 16px;
margin-bottom: 40px;
}
.hp-accessories .prod-in-hp:first-child {
margin-bottom: 16px;
}
.hp-accessories .hp-accessories-main,
.hp-accessories .hp-accessories-left,
.hp-accessories .hp-accessories-right {
flex-basis: 0;
flex-grow: 1;
}
.hp-accessories .hp-accessories-left,
.hp-accessories .hp-accessories-right {
display: flex;
flex-direction: column;
}
}
@media only screen and (min-width: 960px) {
.hp-accessories .hp-accessories-main {
display: block !important;
}
.hp-accessories .hp-accessories-left {
display: flex !important;
}
}
.hp-accessories-main {
position: relative;
background: #f2f2f2;
}
.hp-accessories-main a {
display: block;
}
.hp-accessories-main .texts {
position: absolute;
top: 0;
left: 0;
padding: 24px;
right: 0;
}
.hp-accessories-main .title {
margin-bottom: 8px;
text-transform: uppercase;
font-family: Bison;
font-weight: bold;
color: #fff;
font-size: 36px;
}
@media only screen and (min-width: 1280px) {
.hp-accessories-main .title {
font-size: 24px;
}
}
.hp-accessories-main .text {
color: #fff;
font-size: 16px;
max-width: 250px;
line-height: 18px;
margin-bottom: 12px;
}
.hp-accessories-main .btn {
display: inline-flex;
}
.hp-accessories-main img {
height: 608px;
object-fit: cover;
width: 100%;
display: block;
}
.hp-accessories-title {
display: none;
}
@media only screen and (min-width: 768px) {
.hp-accessories-title {
display: block;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 19, 2022, 5:32:03 PM
Author : mv
*/
.hp-instagram-images {
text-align: center;
column-count: 2;
column-gap: 16px;
}
@media only screen and (min-width: 800px) {
.hp-instagram-images {
column-count: 3;
}
}
@media only screen and (min-width: 960px) {
.hp-instagram-images {
column-count: 3;
}
}
@media only screen and (min-width: 1024px) {
.hp-instagram-images {
column-count: 4;
}
}
.hp-instagram-item img {
object-fit: contain;
height: auto;
}
.hp-instagram-item-username {
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.hp-instagram-item-username {
font-size: 16px;
}
}
@media only screen and (max-width: 399px) {
.hp-instagram-item-username {
max-width: 100px;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Dec 27, 2019, 11:23:37 AM
Author : mv
*/
.acc-subtitle {
margin-bottom: 24px;
}
.acc-subsubtitle {
margin-top: -16px;
margin-bottom: 24px;
}
body.page-account .tabs-content .alert {
margin: -24px 0px 32px;
}
body.page-account .tabs-content .form-field.is-email .form-control,
body.page-account .tabs-content .form-field.is-text .form-control {
max-width: 600px;
}
body.page-account .tabs-content .form-field.is-email .form-control.is-small,
body.page-account .tabs-content .form-field.is-text .form-control.is-small {
max-width: 150px;
}
body.page-account .tabs-content .address-option {
transition: all ease-in-out 300ms;
}
body.page-account .tabs-content .address-option:hover {
border-color: #000;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 15, 2020, 11:29:17 AM
Author : mv
*/
@media only screen and (min-width: 1280px) {
.cart-item {
/* display: flex;
width: 100%;
img{
}
& > *{
}*/
}
}
@media only screen and (max-width: 1023px) {
.cart-item .form-control {
padding: 0 4px;
}
.cart-item .icn {
height: 24px;
width: 24px;
}
.cart-item-img {
float: left;
margin-right: 8px;
}
.cart-item-img img {
width: 110px;
height: 70px;
object-fit: cover;
}
.cart-item-actions {
padding-top: 32px;
}
.cart-item-price {
margin-bottom: 0;
padding: 0 16px;
text-align: center;
font-size: 14px;
}
.cart-item-price .old-price {
font-size: 12px;
}
.cart-btns .btn {
width: 100%;
}
}
@media only screen and (min-width: 1280px) {
.cart-item {
display: flex;
width: 100%;
}
.cart-item:before,
.cart-item:after {
content: " ";
display: table;
}
.cart-item:after {
clear: both;
}
.cart-item:before,
.cart-item:after {
content: " ";
display: table;
}
.cart-item:after {
clear: both;
}
.cart-item .form-number {
height: 32px;
}
.cart-item .delete-btn {
cursor: pointer;
height: 32px;
margin-left: 16px !important;
}
.cart-item .delete-btn:hover {
color: #bb0006;
}
.cart-item-img {
/*float:left;*/
margin-right: 24px;
}
.cart-item-img img {
width: 200px;
height: 126px;
object-fit: contain;
display: block;
}
.cart-item-name {
flex-grow: 1;
/*float:left;*/
}
.cart-item-name .fs-18 {
margin-bottom: 8px;
}
.cart-item-price {
/*float:left;*/
line-height: 32px;
/*padding: 0 16px;*/
}
.cart-item-actions {
/*float:right;*/
width: auto;
}
.cart-btns {
justify-content: flex-end;
}
}
.member-addresses {
padding-top: 16px;
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.member-addresses .address-option {
width: calc(100% - 16px);
padding: 16px;
min-height: 118px;
border: 2px solid rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.member-addresses .address-option.is-active {
padding: 14px;
background-color: #fff;
border: 4px solid #000;
}
.member-addresses .address-option.is-active .edit-btn {
opacity: 1;
}
@media only screen and (min-width: 1280px) {
.member-addresses .address-option {
width: calc(50% - 16px);
}
}
.member-addresses .address-option .edit-address-btn {
transition: all ease-in-out 300ms;
}
.member-addresses .address-option:hover .edit-address-btn {
opacity: 1;
}
@media only screen and (max-width: 1023px) {
.shop-cart .instore-options {
float: none;
}
.shop-cart .instore-options > div {
margin: 0;
}
.shop-cart .js-slpage-popup-btn {
float: none;
margin: 8px 0;
display: block;
padding: 8px 0;
clear: both;
}
}
.coupon-txt {
padding: 5px;
float: left;
border: 2px solid #000;
width: 128px;
line-height: 16px;
border-radius: 0;
}
.coupon-btn {
float: left;
font-size: 20px;
min-width: 71px;
height: 30px;
font-weight: 600;
line-height: 1.2;
vertical-align: top;
padding: 0px;
margin-bottom: 13px;
margin-left: 8px;
}
.coupon-current {
margin-bottom: 8px;
}
.coupon-current a {
background: #ccc;
color: #fff;
display: inline-block;
transition: all ease-in-out 300ms;
}
.coupon-current a svg {
display: block;
}
.coupon-current a:hover {
background-color: #ec1d24;
}
@media only screen and (max-width: 1023px) {
.payment-method-wrapper {
/*display: flex;*/
/*flex-direction: column-reverse;*/
}
}
@media only screen and (max-width: 1023px) {
.payment-method-section {
padding-top: 24px;
}
}
@media only screen and (max-width: 1023px) {
#payment-method-cc {
order: -1;
}
#payment-method-cc > div {
margin-left: 0 !important;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 20, 2020, 11:42:55 AM
Author : mv
*/
#distributors {
position: relative;
}
#distributors-form .select {
width: 100%;
}
@media only screen and (min-width: 1280px) {
#distributors-form .select {
width: 360px;
}
}
.distributors-map {
height: 240px;
}
@media only screen and (min-width: 1280px) {
.distributors-map {
height: 400px;
}
}
.distributors-selected {
top: -40px;
}
.distributors-selected .dist-list-name {
font-size: 20px;
line-height: 26px;
}
@media only screen and (min-width: 1280px) {
.distributors-selected {
position: absolute;
background: #fff;
left: 0;
top: 0;
bottom: 0;
width: 360px;
}
.distributors-selected .btns {
position: absolute;
bottom: 16px;
left: 16px;
}
}
.dist-grid {
display: flex;
flex-wrap: wrap;
}
.dist-list {
display: flex;
flex-direction: column;
padding-right: 16px;
}
.dist-list .btn {
padding-left: 8px;
padding-right: 8px;
}
@media only screen and (min-width: 1024px) {
.dist-list {
padding-right: 32px;
}
}
.dist-list-name {
/*font-family: 'Bison';*/
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
}
@media only screen and (min-width: 768px) {
.dist-list {
width: 50%;
}
}
@media only screen and (min-width: 1280px) {
.dist-list {
width: 25%;
}
}
.events-table {
color: #000;
font-weight: bold;
font-family: 'Bison';
text-transform: uppercase;
font-size: 28px;
line-height: 36px;
}
@media only screen and (max-width: 1023px) {
.events-table {
font-family: 'Bison';
text-transform: uppercase;
font-size: 20px;
line-height: 24px;
font-weight: 600;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 20, 2020, 3:37:56 PM
Author : mv
*/
#partnership-form .separator {
border-width: 4px;
border-color: black;
padding-top: 40px;
}
#partnership-form .form-rows {
border: 4px solid black;
padding-bottom: 40px;
}
#partnership-form .form-field {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px;
}
#partnership-form .form-subtitle {
padding-top: 8px;
margin-left: 16px;
}
#partnership-form .form-btns {
padding-top: 32px;
text-align: right;
}
#partnership-form .form-btns .btn {
margin-left: 8px;
margin-right: 0;
}
#partnership-form .has-8-field,
#partnership-form .has-4-field,
#partnership-form .has-3-field {
display: inline-flex;
/* .form-field{
margin: 0;
}
.select{
margin-left: 16px;
margin-right: 16px;
}*/
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 21, 2020, 11:21:23 AM
Author : mv
*/
.contact-form .select {
width: 100%;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 27, 2020, 5:24:12 PM
Author : mv
*/
@media only screen and (min-width: 1280px) {
body.is-why-beeq .editorial-header-title {
position: relative;
z-index: 11;
}
body.is-why-beeq .editorial-header-title > div {
position: absolute;
left: 24px;
top: 8px;
}
body.is-why-beeq .editorial-header-text {
width: 35%;
height: 551px;
float: right;
z-index: 9;
position: relative;
}
body.is-why-beeq .editorial-header-text > div {
background-blend-mode: multiply;
background: #ec1d24 no-repeat center;
position: absolute;
top: 0;
right: 0;
padding: 16px 24px;
height: 100%;
}
}
@media only screen and (max-width: 1023px) {
body.is-why-beeq .editorial-header-title {
position: relative;
height: 400px;
background: #ec1d24 no-repeat center;
background-size: cover;
background-blend-mode: multiply;
}
body.is-why-beeq .editorial-header-title > div {
position: absolute;
left: 16px;
bottom: 24px;
line-height: 1;
/*padding: 16px 24px;*/
}
body.is-why-beeq .editorial-header-text > div {
padding: 16px 16px 40px;
}
}
body.is-why-beeq .editorial-item {
margin-bottom: 16px;
}
body.is-why-beeq .editorial-item-header {
position: relative;
background: no-repeat center;
background-size: cover;
height: 400px;
}
body.is-why-beeq .editorial-item-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
content: "";
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
body.is-why-beeq .editorial-item-title {
font-size: 76px;
line-height: 1;
font-weight: bold;
position: absolute;
bottom: 16px;
left: 16px;
color: #fff;
z-index: 2;
font-family: 'Bison';
}
@media only screen and (max-width: 374px) {
body.is-why-beeq .editorial-item-title {
font-size: 60px;
}
}
@media only screen and (max-width: 319px) {
body.is-why-beeq .editorial-item-title {
font-size: 50px;
}
}
body.is-why-beeq .editorial-item-text {
font-size: 14px;
font-weight: 300;
line-height: 24px;
padding: 16px 24px;
}
@media only screen and (min-width: 960px) {
body.is-why-beeq .editorial {
position: relative;
margin-bottom: 476px;
}
body.is-why-beeq .editorial.n-items-1 {
height: 476px;
}
body.is-why-beeq .editorial.n-items-2 {
height: 952px;
}
body.is-why-beeq .editorial.n-items-3 {
height: 1428px;
}
body.is-why-beeq .editorial.n-items-4 {
height: 1904px;
}
body.is-why-beeq .editorial.n-items-5 {
height: 2380px;
}
body.is-why-beeq .editorial.n-items-6 {
height: 2856px;
}
body.is-why-beeq .editorial.n-items-7 {
height: 3332px;
}
body.is-why-beeq .editorial.n-items-8 {
height: 3808px;
}
body.is-why-beeq .editorial.n-items-9 {
height: 4284px;
}
body.is-why-beeq .editorial-item {
position: relative;
position: absolute;
margin: 0;
width: 65%;
height: 956px;
}
body.is-why-beeq .editorial-item.is-even {
right: 0;
}
body.is-why-beeq .editorial-item.is-even .editorial-item-title {
/*left: -400px;*/
text-align: left;
/*right: -(1280px - 840px - 40px);*/
}
body.is-why-beeq .editorial-item.is-even .editorial-item-text {
/* float: right;
text-align: right;*/
}
body.is-why-beeq .editorial-item.is-odd {
left: 0;
}
body.is-why-beeq .editorial-item.is-odd .editorial-item-title {
/*right: -(1280px - 840px - 40px);*/
text-align: right;
}
body.is-why-beeq .editorial-item.is-odd .editorial-item-text {
float: right;
text-align: right;
}
body.is-why-beeq .editorial-item:nth-child(1) {
top: 0;
}
body.is-why-beeq .editorial-item:nth-child(2) {
top: 476px;
}
body.is-why-beeq .editorial-item:nth-child(3) {
top: 952px;
}
body.is-why-beeq .editorial-item:nth-child(4) {
top: 1428px;
}
body.is-why-beeq .editorial-item:nth-child(5) {
top: 1904px;
}
body.is-why-beeq .editorial-item:nth-child(6) {
top: 2380px;
}
body.is-why-beeq .editorial-item:nth-child(7) {
top: 2856px;
}
body.is-why-beeq .editorial-item:nth-child(8) {
top: 3332px;
}
body.is-why-beeq .editorial-item:nth-child(9) {
top: 3808px;
}
body.is-why-beeq .editorial-item:nth-child(10) {
top: 4284px;
}
body.is-why-beeq .editorial-item:nth-child(11) {
top: 4760px;
}
body.is-why-beeq .editorial-item-header {
height: 680px;
}
body.is-why-beeq .editorial-item-title {
margin-top: 72px;
/*width: ~"calc(1280px - 840px - 40px)";*/
text-align: left;
left: 0;
right: 0;
padding: 0 24px;
}
body.is-why-beeq .editorial-item-wrapper {
background-color: #ffffff;
height: 276px;
padding: 16px 24px;
}
body.is-why-beeq .editorial-item-text {
max-width: 512px;
font-size: 16px;
line-height: 1.75;
font-weight: 300;
padding: 0;
}
}
@media only screen and (max-width: 1023px) {
body.is-why-ebikes .editorial-header {
margin-left: -16px;
margin-right: -16px;
position: relative;
height: 400px;
background: #ec1d24 no-repeat center;
background-size: cover;
background-blend-mode: multiply;
}
body.is-why-ebikes .editorial-header-texts {
position: absolute;
left: 16px;
right: 16px;
bottom: 16px;
}
}
@media only screen and (min-width: 1280px) {
body.is-why-ebikes .editorial-header {
position: relative;
height: 632px;
background: no-repeat center;
background-size: cover;
}
body.is-why-ebikes .editorial-header-texts {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
top: 0;
width: 50%;
background: rgba(236, 29, 36, 0.5);
background-image: linear-gradient(to bottom, rgba(236, 29, 36, 0.5), rgba(236, 29, 36, 0.5));
background-blend-mode: multiply;
padding: 40px 32px;
display: flex;
flex-direction: column;
justify-content: end;
}
}
@media only screen and (max-width: 1023px) {
body.is-why-ebikes .editorial-item {
width: 90%;
float: left;
clear: both;
margin-left: -16px;
margin-right: -16px;
}
body.is-why-ebikes .editorial-item-title {
padding: 24px 16px 16px;
font-family: 'Bison';
text-transform: uppercase;
font-size: 28px;
line-height: 36px;
color: #ec1d24;
font-weight: bold;
}
body.is-why-ebikes .editorial-item-img {
margin-bottom: 16px;
height: 256px;
width: 100%;
object-fit: cover;
}
body.is-why-ebikes .editorial-item-text {
font-size: 14px;
line-height: 1.75;
font-weight: 300;
padding: 0;
padding: 0 16px;
}
body.is-why-ebikes .editorial-item.is-even {
float: right;
}
body.is-why-ebikes .editorial-item.is-even .editorial-item-title {
padding-left: 0;
}
body.is-why-ebikes .editorial-item.is-even .editorial-item-text {
padding-left: 0;
}
}
@media only screen and (min-width: 1280px) {
body.is-why-ebikes .editorial-item {
height: 400px;
}
body.is-why-ebikes .editorial-item:before,
body.is-why-ebikes .editorial-item:after {
content: " ";
display: table;
}
body.is-why-ebikes .editorial-item:after {
clear: both;
}
body.is-why-ebikes .editorial-item:before,
body.is-why-ebikes .editorial-item:after {
content: " ";
display: table;
}
body.is-why-ebikes .editorial-item:after {
clear: both;
}
body.is-why-ebikes .editorial-item-title,
body.is-why-ebikes .editorial-item-text,
body.is-why-ebikes .editorial-item-img {
width: 50%;
}
body.is-why-ebikes .editorial-item-title,
body.is-why-ebikes .editorial-item-text {
float: right;
}
body.is-why-ebikes .editorial-item-title {
padding: 32px 32px 8px 32px;
font-family: 'Bison';
text-transform: uppercase;
font-size: 48px;
line-height: 48px;
color: #ec1d24;
font-weight: bold;
}
body.is-why-ebikes .editorial-item-img {
float: left;
width: 50%;
height: 100%;
object-fit: cover;
}
body.is-why-ebikes .editorial-item-text {
font-size: 16px;
line-height: 1.75;
font-weight: 300;
padding: 8px 32px 32px 32px;
}
body.is-why-ebikes .editorial-item.is-even .editorial-item-title,
body.is-why-ebikes .editorial-item.is-even .editorial-item-text {
float: left;
}
body.is-why-ebikes .editorial-item.is-even .editorial-item-img {
float: right;
}
}
@media only screen and (min-width: 1280px) {
.editorial-prods .prod-hp {
padding-left: 16px;
padding-right: 16px;
margin: 0 16px;
}
.editorial-prods .prod-hp:first-child {
margin-left: 0;
}
.editorial-prods .prod-hp:last-child {
margin-right: 0;
}
.editorial-prods .prod-hp .t-xl-primary {
font-size: 48px;
line-height: 1;
margin-top: 8px !important;
}
.editorial-prods .prod-hp .t-l-black {
font-size: 28px;
line-height: 1;
}
.editorial-prods .prod-hp .d-flex {
flex-direction: column;
}
.editorial-prods .prod-hp .d-flex .pl-16 {
padding-left: 0;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Mar 3, 2020, 3:01:34 PM
Author : mv
*/
.faq-filter-form {
/*height: 48px;*/
border: 4px solid #000;
position: relative;
}
.faq-filter-form .icn {
position: absolute;
top: 8px;
left: 4px;
pointer-events: none;
}
.faq-filter-input {
border: 0;
line-height: 48px;
display: block;
width: 100%;
padding: 0 8px 0 40px;
font-size: 18px;
height: 48px;
}
.faq-tags {
padding: 24px 0 48px;
}
@media only screen and (min-width: 1280px) {
.faq-tags {
padding: 32px 0 64px;
}
}
.faq-tag {
cursor: pointer;
background: #e0e0e0;
display: inline-block;
padding: 4px 16px;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.5);
font-weight: bold;
margin: 0 6px 6px 0;
font-size: 12px;
}
@media only screen and (min-width: 1280px) {
.faq-tag {
margin: 0 8px 8px 0;
font-size: 14px;
}
}
.faq-tag:hover,
.faq-tag.is-active {
color: #fff;
background-color: #000;
}
.faq-accordion {
margin-bottom: 60px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : May 20, 2020, 4:10:50 PM
Author : fpereira
*/
.events-header {
background: no-repeat center;
background-size: cover;
margin-bottom: 30px;
height: 272px;
}
@media only screen and (min-width: 1280px) {
.events-header {
height: 480px;
}
}
.events-header-left {
background: rgba(0, 0, 0, 0.5);
display: flex;
height: 100%;
flex-direction: column;
}
.events-header-left h1 {
margin-top: auto;
}
@media only screen and (min-width: 1280px) {
.events-header-left h1 {
font-size: 64px;
}
}
@media only screen and (min-width: 1280px) {
.events-header-left {
width: 50%;
}
}
.events-list {
margin-left: -8px;
margin-right: -8px;
margin-bottom: 16px;
display: flex;
flex-wrap: wrap;
}
.events-list:before,
.events-list:after {
content: " ";
display: table;
}
.events-list:after {
clear: both;
}
.events-list:before,
.events-list:after {
content: " ";
display: table;
}
.events-list:after {
clear: both;
}
.events-list .event-list {
float: left;
/*margin-left: 16px;*/
margin-bottom: 24px;
width: calc(100% - 0px);
}
@media only screen and (min-width: 1280px) {
.events-list .event-list {
width: calc(33.33% - 0px);
}
}
.event-list {
padding: 8px;
transition: all ease-in-out 300ms;
}
.event-list .img {
width: 100%;
height: 256px;
display: block;
object-fit: cover;
margin-bottom: 8px;
}
.event-list .date {
text-transform: uppercase;
opacity: 0.6;
font-size: 20px;
font-weight: 600;
line-height: 24px;
color: #000000;
margin-bottom: 8px;
font-family: 'Bison';
}
.event-list .title {
font-size: 28px;
font-weight: bold;
line-height: 36px;
/*height: 72px;*/
overflow: hidden;
margin-bottom: 20px;
font-family: 'Bison';
padding-right: 24px;
transition: all ease-in-out 300ms;
}
.event-list .text {
font-size: 12px;
font-weight: 300;
line-height: 20px;
height: 80px;
overflow: hidden;
padding-right: 24px;
}
.event-list:hover {
background-color: #f6f6f6;
}
.event-list:hover .title {
color: #ec1d24;
}
.event-detail .img {
width: 100%;
height: 320px;
display: block;
object-fit: cover;
background-blend-mode: multiply;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
@media only screen and (min-width: 1280px) {
.event-detail .img {
height: 480px;
}
}
.event-detail .header {
position: relative;
z-index: 1;
max-width: 800px;
background: #fff;
margin-top: -50px;
padding-top: 10px;
margin-right: 56px;
}
@media only screen and (min-width: 1280px) {
.event-detail .header {
margin-top: -80px;
}
}
.event-detail .date {
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
line-height: 24px;
color: #000000;
margin-bottom: 8px;
font-family: 'Bison';
}
.event-detail .title {
font-weight: bold;
font-size: 28px;
line-height: 36px;
overflow: hidden;
margin-bottom: 10px;
font-family: 'Bison';
padding-right: 24px;
color: #ec1d24;
transition: all ease-in-out 300ms;
}
@media only screen and (min-width: 1280px) {
.event-detail .title {
font-size: 64px;
line-height: 72px;
margin-bottom: 20px;
}
}
.event-detail .tagline {
font-family: 'Bison';
font-size: 20px;
line-height: 24px;
opacity: 0.5;
font-weight: 600;
color: #000000;
}
@media only screen and (min-width: 1280px) {
.event-detail .tagline {
font-size: 28px;
line-height: 36px;
font-weight: bold;
}
}
.event-detail .text {
font-size: 14px;
line-height: 24px;
}
@media only screen and (min-width: 1280px) {
.event-detail .text {
max-width: 800px;
font-size: 16px;
line-height: 28px;
padding-right: 56px;
}
}
.event-detail .share-bar {
max-width: 800px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : May 20, 2020, 4:10:50 PM
Author : fpereira
*/
.news-lists {
margin-left: -16px;
margin-right: -16px;
}
.news-lists .news-highlight,
.news-lists .news-list {
margin-bottom: 24px;
}
@media only screen and (min-width: 1280px) {
.news-lists {
margin: 0;
}
}
.news-more-list {
margin-left: -8px;
margin-right: -8px;
margin-bottom: 16px;
display: flex;
flex-wrap: wrap;
}
.news-more-list:before,
.news-more-list:after {
content: " ";
display: table;
}
.news-more-list:after {
clear: both;
}
.news-more-list:before,
.news-more-list:after {
content: " ";
display: table;
}
.news-more-list:after {
clear: both;
}
.news-more-list .news-more {
float: left;
/*margin-left: 16px;*/
margin-bottom: 24px;
width: calc(100% - 0px);
}
@media only screen and (min-width: 1280px) {
.news-more-list .news-more {
width: calc(33.33% - 0px);
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jun 1, 2020, 12:10:07 PM
Author : fpereira
*/
body.is-test-drive .page-title {
text-align: center;
}
.testdrive-form .select {
display: block;
}
.testdrive-form .form-field.is-checkboxes .form-input-w,
.testdrive-form .form-field.is-radios .form-input-w {
background: #eee;
padding: 16px;
font-size: 12px;
font-weight: 300;
}
.testdrive-form .form-field.is-checkboxes .form-input-w .radio,
.testdrive-form .form-field.is-radios .form-input-w .radio,
.testdrive-form .form-field.is-checkboxes .form-input-w .checkbox,
.testdrive-form .form-field.is-radios .form-input-w .checkbox {
margin-bottom: 16px;
}
.testdrive-form .form-field.is-checkboxes .form-input-w .form-control,
.testdrive-form .form-field.is-radios .form-input-w .form-control {
background: #fff;
}
.testdrive-form .form-row.is-terms {
flex-direction: column;
background: #eee;
padding: 16px;
font-size: 12px;
font-weight: 300;
}
.testdrive-form .form-row.is-terms .is-display {
margin-bottom: 16px;
}
.testdrive-form .form-field.is-checkboxes.is-invalid .form-input-w,
.testdrive-form .form-field.is-radios.is-invalid .form-input-w {
background-color: #f9cdd0;
}
.testdrive-illustration {
display: flex;
justify-content: center;
gap: 4px;
}
.testdrive-ill-col {
position: relative;
width: 94px;
height: 94px;
text-align: center;
background-color: rgba(236, 29, 36, 0.1);
border-radius: 150px;
}
@media only screen and (min-width: 1280px) {
.testdrive-ill-col {
width: 156px;
height: 156px;
}
}
.testdrive-ill-emoji {
/*padding-top: 8px;*/
font-size: 42px;
}
@media only screen and (min-width: 1280px) {
.testdrive-ill-emoji {
padding-top: 8px;
font-size: 72px;
}
}
.testdrive-ill-img img {
margin-top: 8px;
width: 55px;
}
@media only screen and (min-width: 1280px) {
.testdrive-ill-img img {
width: 92px;
margin-top: 12px;
}
}
.testdrive-ill-txt {
text-transform: uppercase;
font-size: 10px;
font-weight: 300;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
max-width: 55px;
margin: 0 auto 8px;
}
@media only screen and (min-width: 1280px) {
.testdrive-ill-txt {
font-size: 14px;
max-width: 96px;
}
}
.testdrive-ill-dots {
display: flex;
gap: 4px;
align-items: center;
height: 92px;
}
.testdrive-ill-dots span {
background-color: rgba(236, 29, 36, 0.1);
border-radius: 20px;
width: 4px;
height: 4px;
}
@media only screen and (min-width: 1280px) {
.testdrive-ill-dots {
padding: 0 16px;
gap: 8px;
height: 156px;
}
.testdrive-ill-dots span {
width: 8px;
height: 8px;
}
}
.testdrive-text {
margin-bottom: 80px;
background-color: #f6f6f6;
padding: 16px;
margin-left: -16px;
margin-right: -16px;
}
.testdrive-text h3 {
margin-bottom: 40px;
font-size: 28px;
font-family: 'Bison';
}
.testdrive-text .text {
line-height: 26px;
}
@media only screen and (min-width: 1280px) {
.testdrive-text {
padding: 32px;
margin-left: 0;
margin-right: 0;
}
}
.testdrive-contacts-title {
color: #ec1d24;
font-weight: bold;
font-family: 'Bison';
text-transform: uppercase;
font-size: 28px;
line-height: 36px;
}
@media only screen and (min-width: 1280px) {
.testdrive-contacts-title {
font-family: 'Bison';
text-transform: uppercase;
font-size: 36px;
font-weight: bold;
line-height: 48px;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jul 9, 2020, 4:28:03 PM
Author : mv
*/
.presskit-header {
position: relative;
}
@media only screen and (min-width: 1280px) {
.presskit-header {
margin-bottom: 76px;
}
}
@media only screen and (max-width: 1023px) {
.presskit-header {
margin-bottom: 16px;
}
}
.presskit-goeletric {
position: absolute;
top: 0;
right: 0;
font-weight: bold;
z-index: 1;
background: #1eb80e;
color: #fff;
text-transform: uppercase;
text-align: center;
font-family: 'Bison';
}
@media only screen and (min-width: 1280px) {
.presskit-goeletric {
transform: rotate(90deg) translateX(46px) translateY(-98px);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
font-size: 30px;
line-height: 52px;
min-width: 144px;
}
}
@media only screen and (max-width: 1023px) {
.presskit-goeletric {
top: 24px;
transform: rotate(90deg) translateX(46px) translateY(-38px);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
font-size: 24px;
line-height: 40px;
min-width: 115px;
}
}
.presskit-header-wrapper:after {
content: "";
position: absolute;
width: 100%;
left: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 0;
}
@media only screen and (min-width: 1280px) {
.presskit-header-wrapper:after {
width: 50%;
}
}
.presskit-header-img {
display: block;
}
@media only screen and (max-width: 1023px) {
.presskit-header-img {
height: 400px;
}
}
.presskit-header-top {
color: #fff;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 1;
}
@media only screen and (max-width: 1023px) {
.presskit-header-top {
padding: 16px;
}
}
@media only screen and (min-width: 1280px) {
.presskit-header-top {
padding: 32px;
}
}
.presskit-header-tagline {
font-weight: bold;
}
@media only screen and (max-width: 1023px) {
.presskit-header-tagline {
font-family: 'Bison';
text-transform: uppercase;
font-size: 48px;
line-height: 48px;
}
}
@media only screen and (min-width: 1280px) {
.presskit-header-tagline {
font-family: 'Bison';
text-transform: uppercase;
font-size: 144px;
line-height: 120px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1023px) {
.presskit-header-title {
font-family: 'Bison';
text-transform: uppercase;
font-size: 28px;
line-height: 36px;
}
}
@media only screen and (min-width: 1280px) {
.presskit-header-title {
font-family: 'Bison';
text-transform: uppercase;
font-size: 64px;
line-height: 72px;
}
}
.presskit-header-texts {
/*display: flex;*/
}
.presskit-header-texts:before,
.presskit-header-texts:after {
content: " ";
display: table;
}
.presskit-header-texts:after {
clear: both;
}
.presskit-header-texts:before,
.presskit-header-texts:after {
content: " ";
display: table;
}
.presskit-header-texts:after {
clear: both;
}
.presskit-header-text {
float: left;
color: #fff;
font-size: 14px;
line-height: 28px;
}
@media only screen and (min-width: 1280px) {
.presskit-header-text {
padding: 32px 40px;
height: 352px;
width: 25%;
}
}
@media only screen and (max-width: 1023px) {
.presskit-header-text {
width: 50%;
padding: 24px;
}
.presskit-header-text:nth-child(2),
.presskit-header-text:nth-child(3) {
font-size: 10px;
line-height: 16px;
height: 230px;
}
.presskit-header-text:nth-child(2) .presskit-header-text-title,
.presskit-header-text:nth-child(3) .presskit-header-text-title {
font-size: 30px;
line-height: 1;
margin-bottom: 10px;
}
}
.presskit-header-text:nth-child(1) {
width: 100%;
background-color: #ec1d24;
font-weight: bold;
font-size: 16px;
}
@media only screen and (min-width: 1280px) {
.presskit-header-text:nth-child(1) {
width: 50%;
}
}
.presskit-header-text:nth-child(2) {
background: #000000;
}
.presskit-header-text:nth-child(3) {
background: rgba(0, 0, 0, 0.8);
}
.presskit-header-text .btn {
color: #ec1d24;
background: #ebebeb;
}
.presskit-header-text .btn:hover {
background-color: #fff;
}
.presskit-header-text-title {
margin-bottom: 10px;
}
.presskit-downloads:before,
.presskit-downloads:after {
content: " ";
display: table;
}
.presskit-downloads:after {
clear: both;
}
.presskit-downloads:before,
.presskit-downloads:after {
content: " ";
display: table;
}
.presskit-downloads:after {
clear: both;
}
@media only screen and (min-width: 1280px) {
.presskit-downloads {
margin-left: -56px;
}
}
.presskit-download-cat {
margin-bottom: 40px;
}
@media only screen and (min-width: 1280px) {
.presskit-download-cat {
float: left;
width: calc(50% - 56px);
margin-left: 56px;
}
}
.presskit-download-title {
color: #ec1d24;
}
@media only screen and (min-width: 1280px) {
.presskit-download-title {
font-family: 'Bison';
text-transform: uppercase;
font-size: 48px;
line-height: 48px;
margin-bottom: 24px;
}
}
@media only screen and (max-width: 1023px) {
.presskit-download-title {
font-family: 'Bison';
text-transform: uppercase;
font-size: 28px;
line-height: 36px;
font-weight: bold;
font-size: 32px;
line-height: 48px;
}
}
.presskit-download-files {
border-top: 1px solid #979797;
}
.presskit-download-file {
border-bottom: 1px solid #979797;
font-size: 16px;
line-height: 32px;
text-transform: uppercase;
padding: 16px;
display: flex;
}
.presskit-download-file:before,
.presskit-download-file:after {
content: " ";
display: table;
}
.presskit-download-file:after {
clear: both;
}
.presskit-download-file:before,
.presskit-download-file:after {
content: " ";
display: table;
}
.presskit-download-file:after {
clear: both;
}
@media only screen and (max-width: 1023px) {
.presskit-download-file {
font-size: 12px;
}
.presskit-download-file .icn {
width: 24px;
height: 24px;
}
}
.presskit-download-file:hover {
background: rgba(151, 151, 151, 0.1);
}
.presskit-download-file:hover .presskit-download-btn {
color: #ec1d24;
}
.presskit-download-filename {
font-weight: bold;
display: inline-block;
flex-grow: 1;
}
.presskit-download-filesize {
opacity: 0.5;
margin-right: 32px;
}
.presskit-download-btn {
height: 32px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Sep 18, 2020, 12:34:47 PM
Author : fpereira
*/
.fake-select {
text-transform: uppercase;
background: #eeeeee;
position: relative;
padding: 8px 40px 8px 16px;
line-height: 24px;
}
.fake-select-text {
font-size: 14px;
font-weight: bold;
white-space: nowrap;
}
.fake-select-arrow {
position: absolute;
top: 8px;
right: 0px;
bottom: 8px;
opacity: 0.5;
width: 40px;
background: url(/images/icn-drop-xl.svg) no-repeat center;
}
.fake-select-popup {
position: absolute;
text-transform: uppercase;
font-weight: bold;
background-color: #fff;
display: none;
z-index: 1;
min-width: 288px;
}
.fake-select-popup .checkbox-fake,
.fake-select-popup .checkbox-txt {
opacity: 0.5;
transition: all ease-in-out 300ms;
}
.fake-select-popup .checkbox-input:checked + .checkbox-fake,
.fake-select-popup .checkbox-input:checked + .checkbox-fake + .checkbox-txt {
opacity: 1;
}
@media only screen and (min-width: 1280px) {
.products-filter input[type=search] {
width: 280px;
}
}
.products-filter .btn {
color: black;
}
@media only screen and (max-width: 1023px) {
.products-filter {
flex-direction: column;
}
}
@media only screen and (max-width: 1023px) {
.products-filter-field {
margin-bottom: 8px;
}
.products-filter-field.form-control.is-bg-search {
background-position: 98% center;
}
}
.products-list {
margin-left: -54px;
/*margin-right: -8px;*/
margin-bottom: 44px;
display: flex;
flex-wrap: wrap;
}
.products-list:before,
.products-list:after {
content: " ";
display: table;
}
.products-list:after {
clear: both;
}
.products-list:before,
.products-list:after {
content: " ";
display: table;
}
.products-list:after {
clear: both;
}
.products-list .prod-in-grid {
float: left;
margin-left: 54px;
margin-bottom: 44px;
width: calc(100% - 54px);
/* .responsive-narrow-than(540px, {
max-width: 260px;
.mx-auto;
float:none;
});*/
}
@media only screen and (min-width: 540px) {
.products-list .prod-in-grid {
width: calc(50% - 54px);
}
}
@media only screen and (min-width: 768px) {
.products-list .prod-in-grid {
width: calc(33.33% - 54px);
}
}
@media only screen and (min-width: 1280px) {
.products-list .prod-in-grid {
width: calc(25% - 54px);
}
}
/*
Created on : 27/01/2022, 15:37:26
Author : ferna
*/
.prod-detail-reviews {
height: 568px;
overflow: hidden;
}
.prod-detail-reviews .slick-dots {
bottom: 8px;
}
.prod-detail-reviews .slick-dots li button::before {
color: #fff;
}
.review-item {
position: relative;
background: #ec1d24 no-repeat center;
background-size: cover;
}
.review-item-overlay {
height: 100%;
background: rgba(0, 0, 0, 0.4);
}
.review-item-texts {
height: 568px;
padding: 48px 24px;
}
@media only screen and (min-width: 1024px) {
.review-item-texts {
display: flex;
flex-direction: column;
justify-content: center;
}
}
.review-item-classification {
display: flex;
gap: 4px;
margin-bottom: 4px;
}
@media only screen and (min-width: 1024px) {
.review-item-classification {
gap: 8px;
margin-bottom: 8px;
}
.review-item-classification img {
width: 59px;
height: 59px;
}
}
.review-item-text {
margin-bottom: 8px;
}
@media only screen and (min-width: 1024px) {
.review-item-text {
font-size: 48px;
line-height: 1;
max-width: 80%;
margin-bottom: 16px;
}
}
.review-item-name {
font-weight: bold;
display: flex;
color: #fff;
align-items: center;
font-size: 14px;
}
@media only screen and (min-width: 1024px) {
.review-item-name {
font-size: 18px;
}
.review-item-name img {
width: 28px;
height: 28px;
}
}
a.review-item-name {
transition: all ease-in-out 300ms;
}
a.review-item-name:hover {
opacity: 0.8;
}
.prod-detail-certification {
background: #fff;
padding: 32px 0;
}
.prod-detail-certification .txt {
display: none;
opacity: 0;
transition: all ease-in-out 300ms;
}
@media only screen and (min-width: 960px) {
.prod-detail-certification .txt {
column-count: 2;
}
}
.prod-detail-certification .btn-show-more {
transition: all ease-in-out 300ms;
transform: scaleY(-1);
width: 24px;
height: 24px;
}
@media only screen and (min-width: 960px) {
.prod-detail-certification .btn-show-more {
width: 32px;
height: 32px;
}
}
.prod-detail-certification.is-active .txt {
opacity: 1;
display: block;
}
.prod-detail-certification.is-active .btn-show-more {
transform: none;
}
.prod-detail-certification-head {
display: flex;
align-items: center;
gap: 8px;
}
@media only screen and (min-width: 960px) {
.prod-detail-certification-head {
gap: 24px;
}
}
/*
Created on : 05/05/2022, 14:50:57
Author : ferna
*/
@media only screen and (max-width: 1023px) {
.checkout-template {
flex-direction: column-reverse;
}
}
.checkout-steps {
display: flex;
flex-direction: column;
gap: 10px;
}
.checkout-step {
background-color: #f6f6f6;
}
.checkout-step .icn-drop-xl {
cursor: pointer;
margin-left: -8px;
transform: rotate(-90deg);
}
.checkout-step.is-active {
background: #fff;
border: 4px solid #000;
}
.checkout-step.is-active .checkout-step-head {
padding: 6px 18px;
}
.checkout-step.is-active .checkout-step-head strong {
color: #333;
}
.checkout-step.is-open .checkout-step-content {
display: block;
}
.checkout-step.is-open .icn-drop-xl {
transform: rotate(0deg);
}
.checkout-step.is-valid .checkout-step-content,
.checkout-step.is-valid .checkout-step-head {
background: rgba(187, 240, 197, 0.5);
}
.checkout-step.is-valid .checkout-step-content .icn-check,
.checkout-step.is-valid .checkout-step-head .icn-check {
color: #3C914B;
}
.checkout-step-head {
padding: 10px 22px;
height: 56px;
display: flex;
gap: 8px;
align-items: center;
}
.checkout-step-head strong {
color: rgba(51, 51, 51, 0.5);
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
flex-grow: 1;
}
@media only screen and (max-width: 1023px) {
.checkout-step-head-current {
display: none;
}
}
.checkout-step-content {
display: none;
}
.checkout-resume {
display: flex;
flex-direction: column;
gap: 8px;
}
@media only screen and (max-width: 1023px) {
.checkout-resume {
flex-direction: column-reverse;
margin-bottom: 16px;
}
.checkout-resume .checkout-resume-wrapper {
display: none;
}
.checkout-resume .icn-drop-xl {
transition: all ease-in-out 100ms;
transform: rotate(-90deg);
}
.checkout-resume.is-open .icn-drop-xl {
transform: rotate(0deg);
}
.checkout-resume.is-open .checkout-resume-wrapper {
display: block;
}
}
.checkout-resume-items {
display: flex;
flex-direction: column;
gap: 8px;
}
.checkout-resume-item {
background-color: #f6f6f6;
padding: 8px 16px;
}
.checkout-resume-item .old-price {
font-size: 12px;
}
.checkout-resume-total {
background-color: #f6f6f6;
padding: 8px 16px;
text-align: right;
font-size: 16px;
line-height: 28px;
text-transform: uppercase;
font-weight: 300;
display: flex;
}
.checkout-resume-total strong {
font-size: 20px;
font-weight: bold;
margin-left: 16px;
}
.checkout-form.is-valid .checkout-shipping-footer {
display: block;
}
.checkout-shipping-block.is-active {
background: #f6f6f6;
}
.checkout-shipping-items {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 16px;
}
.checkout-shipping-block {
padding: 10px 22px;
position: relative;
}
.checkout-shipping-block.is-active {
background: #f6f6f6;
}
@media only screen and (max-width: 1023px) {
.checkout-shipping-block.is-active {
padding-bottom: 60px;
}
}
.checkout-shipping-block.is-active .checkout-shipping-extra-link {
display: block;
}
.checkout-shipping-block.is-active .checkout-shipping-options {
display: block;
padding-top: 24px;
}
.checkout-shipping-extra-link {
display: none;
}
@media only screen and (max-width: 1023px) {
.checkout-shipping-extra-link {
position: absolute;
left: 52px;
bottom: 16px;
}
}
.checkout-shipping-options {
display: none;
}
.checkout-shipping-footer {
/*display: none;*/
padding: 10px 22px 22px;
}
@media only screen and (max-width: 1023px) {
.checkout-shipping-footer .btn {
width: 100%;
}
}
.instore-options .select {
width: 100%;
}
@media only screen and (min-width: 1280px) {
.instore-options .select {
width: 360px;
}
}
.checkout-form .iti {
width: 300px;
}
.payment-method .radio-txt {
flex-grow: 1;
}
.payment-method-section {
padding-top: 32px;
}
body.has-header-advice .header-advice {
color: #fff;
background-color: green;
text-align: center;
padding: 8px;
}
body.has-header-advice .header-advice button {
cursor: pointer;
transition: all ease-in-out 300ms;
}
body.has-header-advice .header-advice button:hover {
opacity: 0.6;
}
body.has-header-advice .header-advice .icn {
color: #fff;
width: 20px;
height: 20px;
}
@media only screen and (max-width: 1023px) {
body.has-header-advice {
padding-top: 148px;
}
body.has-header-advice .main-header {
height: auto;
}
body.has-header-advice .mobile-menu {
top: 148px;
}
}