/*
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 11, 2020, 7:06:29 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 : 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,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
p {
margin: 8px 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;
}
button {
cursor: pointer;
}
hr {
margin: 0;
padding: 0;
border: 0;
width: 100%;
clear: both;
margin: 8px 0;
border-bottom: 1px solid #cccccc;
}
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: 'Infra', Arial, sans-serif;
color: #333333;
}
main {
display: block;
min-height: calc(100vh - 480px);
overflow: hidden;
}
@media only screen and (min-width: 768px) {
main {
min-height: calc(100vh - 164px - 97px);
}
}
@media only screen and (min-width: 992px) {
main {
min-height: calc(100vh - 164px);
}
}
img {
max-width: 100%;
}
strong {
font-weight: bold;
}
* {
box-sizing: inherit;
}
/*
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 13, 2020, 12:48:52 PM
Author : mv
*/
/*ICOMOON*/
.icon {
display: inline-block;
width: 1em;
height: 1em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
/*SLICK*/
.slick-notinitialized {
opacity: 0;
overflow: hidden;
}
.slick-arrow {
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
background: #ffffff no-repeat center;
background-size: 32px 32px;
border-radius: 48px;
width: 48px;
height: 48px;
position: absolute;
top: 80px;
color: #d8931c;
display: block;
cursor: pointer;
z-index: 1;
transition: color linear 1000ms;
}
.slick-arrow-prev {
left: -16px;
background-image: url(/images/icn-arrow-left.svg);
}
.slick-arrow-next {
right: -16px;
background-image: url(/images/icn-arrow-right.svg);
}
.slick-dots {
bottom: -32px;
}
.slick-dots li {
width: auto;
height: auto;
margin: 0 4px;
}
.slick-dots li button {
width: 12px;
height: 12px;
background: #666666;
opacity: 0.3;
border-radius: 6px;
transition: background-color linear 1000ms;
}
.slick-dots li button:before {
display: none;
}
.slick-dots .slick-active button {
opacity: 1;
}
.slick-initialized {
opacity: 1;
overflow: visible;
}
.swiper-pagination-bullet {
background: #666666;
opacity: 0.2;
}
.swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 0;
}
.swiper-button-prev,
.swiper-button-next {
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
background: #ffffff no-repeat center;
background-size: 32px 32px;
border-radius: 48px;
width: 48px;
height: 48px;
position: absolute;
top: 124px;
color: #d8931c;
display: block;
z-index: 1;
}
.swiper-button-prev:after,
.swiper-button-next:after {
content: "";
}
.swiper-button-prev {
left: 0;
background-image: url(/images/icn-arrow-left.svg);
}
.swiper-button-next {
right: 0;
background-image: url(/images/icn-arrow-right.svg);
}
/*DATEPICKER*/
/*
.ui-datepicker {
display: none;
background: #fff;
border: 1px solid #c4c4c4;
padding: 16px;
font-size: 11px;
font-weight: bold;
}
.ui-datepicker .ui-datepicker-header {
padding-bottom: 30px;
position: relative;
}
.ui-datepicker .ui-datepicker-title {
text-align: left;
color: @color-navy-fine-white-secondary;
}
.ui-datepicker .ui-datepicker-prev {
position: absolute;
top: 0;
right: 40px;
color: @color-navy-fine-white-secondary;
}
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 0;
right: 0;
color: @color-navy-fine-white-secondary;
}
.ui-datepicker .ui-datepicker-calendar {
width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th {
font-size: 12px;
font-weight: bold;
line-height: 1.21;
text-align: center;
color: @color-black;
line-height: 28px;
}
.ui-datepicker .ui-datepicker-calendar td {
width: 14.28%;
font-size: 11px;
font-weight: bold;
text-align: center;
color: @color-black;
line-height: 28px;
width: 28px;
}
.ui-datepicker .ui-datepicker-calendar td a {
display: block;
height: 28px;
width: 28px;
border-radius: 14px;
margin: 0 auto;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable {
color: @color-dark-grey-2;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-active {
background: @color-navy-fine-white-secondary;
color: #fff;
font-weight: bold;
}
*/
.pa-0 {
padding: 0px !important;
}
.pa-4 {
padding: 4px !important;
}
.pa-8 {
padding: 8px !important;
}
.pa-16 {
padding: 16px !important;
}
.pa-24 {
padding: 24px !important;
}
.pa-32 {
padding: 32px !important;
}
.pa-40 {
padding: 40px !important;
}
.pa-48 {
padding: 48px !important;
}
.pa-56 {
padding: 56px !important;
}
.pa-80 {
padding: 80px !important;
}
.pt-0 {
padding-top: 0px !important;
}
.pt-4 {
padding-top: 4px !important;
}
.pt-8 {
padding-top: 8px !important;
}
.pt-16 {
padding-top: 16px !important;
}
.pt-24 {
padding-top: 24px !important;
}
.pt-32 {
padding-top: 32px !important;
}
.pt-40 {
padding-top: 40px !important;
}
.pt-48 {
padding-top: 48px !important;
}
.pt-56 {
padding-top: 56px !important;
}
.pt-80 {
padding-top: 80px !important;
}
.pb-0 {
padding-bottom: 0px !important;
}
.pb-4 {
padding-bottom: 4px !important;
}
.pb-8 {
padding-bottom: 8px !important;
}
.pb-16 {
padding-bottom: 16px !important;
}
.pb-24 {
padding-bottom: 24px !important;
}
.pb-32 {
padding-bottom: 32px !important;
}
.pb-40 {
padding-bottom: 40px !important;
}
.pb-48 {
padding-bottom: 48px !important;
}
.pb-56 {
padding-bottom: 56px !important;
}
.pb-80 {
padding-bottom: 80px !important;
}
.pl-0 {
padding-left: 0px !important;
}
.pl-4 {
padding-left: 4px !important;
}
.pl-8 {
padding-left: 8px !important;
}
.pl-16 {
padding-left: 16px !important;
}
.pl-24 {
padding-left: 24px !important;
}
.pl-32 {
padding-left: 32px !important;
}
.pl-40 {
padding-left: 40px !important;
}
.pl-48 {
padding-left: 48px !important;
}
.pl-56 {
padding-left: 56px !important;
}
.pl-80 {
padding-left: 80px !important;
}
.pr-0 {
padding-right: 0px !important;
}
.pr-4 {
padding-right: 4px !important;
}
.pr-8 {
padding-right: 8px !important;
}
.pr-16 {
padding-right: 16px !important;
}
.pr-24 {
padding-right: 24px !important;
}
.pr-32 {
padding-right: 32px !important;
}
.pr-40 {
padding-right: 40px !important;
}
.pr-48 {
padding-right: 48px !important;
}
.pr-56 {
padding-right: 56px !important;
}
.pr-80 {
padding-right: 80px !important;
}
.py-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.py-4 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.py-8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.py-16 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.py-24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.py-32 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.py-40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.py-48 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.py-56 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.py-80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.px-4 {
padding-left: 4px !important;
padding-right: 4px !important;
}
.px-8 {
padding-left: 8px !important;
padding-right: 8px !important;
}
.px-16 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.px-24 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.px-32 {
padding-left: 32px !important;
padding-right: 32px !important;
}
.px-40 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.px-48 {
padding-left: 48px !important;
padding-right: 48px !important;
}
.px-56 {
padding-left: 56px !important;
padding-right: 56px !important;
}
.px-80 {
padding-left: 80px !important;
padding-right: 80px !important;
}
.my-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.my-4 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.my-8 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.my-16 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.my-24 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.my-32 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.my-40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.my-48 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.my-56 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.my-80 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mx-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.mx-4 {
margin-left: 4px !important;
margin-right: 4px !important;
}
.mx-8 {
margin-left: 8px !important;
margin-right: 8px !important;
}
.mx-16 {
margin-left: 16px !important;
margin-right: 16px !important;
}
.mx-24 {
margin-left: 24px !important;
margin-right: 24px !important;
}
.mx-32 {
margin-left: 32px !important;
margin-right: 32px !important;
}
.mx-40 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.mx-48 {
margin-left: 48px !important;
margin-right: 48px !important;
}
.mx-56 {
margin-left: 56px !important;
margin-right: 56px !important;
}
.mx-80 {
margin-left: 80px !important;
margin-right: 80px !important;
}
.mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.ma-0 {
margin: 0px !important;
}
.ma-1 {
margin: 1px !important;
}
.ma-2 {
margin: 2px !important;
}
.ma-4 {
margin: 4px !important;
}
.ma-8 {
margin: 8px !important;
}
.ma-16 {
margin: 16px !important;
}
.ma-24 {
margin: 24px !important;
}
.ma-32 {
margin: 32px !important;
}
.ma-40 {
margin: 40px !important;
}
.ma-48 {
margin: 48px !important;
}
.ma-56 {
margin: 56px !important;
}
.ma-64 {
margin: 64px !important;
}
.ma-72 {
margin: 72px !important;
}
.ma-80 {
margin: 80px !important;
}
.mt-0 {
margin-top: 0px !important;
}
.mt-1 {
margin-top: 1px !important;
}
.mt-2 {
margin-top: 2px !important;
}
.mt-4 {
margin-top: 4px !important;
}
.mt-8 {
margin-top: 8px !important;
}
.mt-16 {
margin-top: 16px !important;
}
.mt-24 {
margin-top: 24px !important;
}
.mt-32 {
margin-top: 32px !important;
}
.mt-40 {
margin-top: 40px !important;
}
.mt-48 {
margin-top: 48px !important;
}
.mt-56 {
margin-top: 56px !important;
}
.mt-64 {
margin-top: 64px !important;
}
.mt-72 {
margin-top: 72px !important;
}
.mt-80 {
margin-top: 80px !important;
}
.mb-0 {
margin-bottom: 0px !important;
}
.mb-1 {
margin-bottom: 1px !important;
}
.mb-2 {
margin-bottom: 2px !important;
}
.mb-4 {
margin-bottom: 4px !important;
}
.mb-8 {
margin-bottom: 8px !important;
}
.mb-16 {
margin-bottom: 16px !important;
}
.mb-24 {
margin-bottom: 24px !important;
}
.mb-32 {
margin-bottom: 32px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.mb-48 {
margin-bottom: 48px !important;
}
.mb-56 {
margin-bottom: 56px !important;
}
.mb-64 {
margin-bottom: 64px !important;
}
.mb-72 {
margin-bottom: 72px !important;
}
.mb-80 {
margin-bottom: 80px !important;
}
.ml-0 {
margin-left: 0px !important;
}
.ml-1 {
margin-left: 1px !important;
}
.ml-2 {
margin-left: 2px !important;
}
.ml-4 {
margin-left: 4px !important;
}
.ml-8 {
margin-left: 8px !important;
}
.ml-16 {
margin-left: 16px !important;
}
.ml-24 {
margin-left: 24px !important;
}
.ml-32 {
margin-left: 32px !important;
}
.ml-40 {
margin-left: 40px !important;
}
.ml-48 {
margin-left: 48px !important;
}
.ml-56 {
margin-left: 56px !important;
}
.ml-64 {
margin-left: 64px !important;
}
.ml-72 {
margin-left: 72px !important;
}
.ml-80 {
margin-left: 80px !important;
}
.mr-0 {
margin-right: 0px !important;
}
.mr-1 {
margin-right: 1px !important;
}
.mr-2 {
margin-right: 2px !important;
}
.mr-4 {
margin-right: 4px !important;
}
.mr-8 {
margin-right: 8px !important;
}
.mr-16 {
margin-right: 16px !important;
}
.mr-24 {
margin-right: 24px !important;
}
.mr-32 {
margin-right: 32px !important;
}
.mr-40 {
margin-right: 40px !important;
}
.mr-48 {
margin-right: 48px !important;
}
.mr-56 {
margin-right: 56px !important;
}
.mr-64 {
margin-right: 64px !important;
}
.mr-72 {
margin-right: 72px !important;
}
.mr-80 {
margin-right: 80px !important;
}
.bg-none {
background: none !important;
}
.bgr-no-repeat {
background-repeat: no-repeat !important;
}
.bgi-none {
background-image: none !important;
}
.bgp-center {
background-position: center !important;
}
.bgp-top {
background-position: top !important;
}
.bgp-left {
background-position: left !important;
}
.bgp-right {
background-position: right !important;
}
.bgp-bottom {
background-position: bottom !important;
}
.bgs-cover {
background-size: cover !important;
}
.bgs-contain {
background-size: contain !important;
}
.bd-0 {
border: 0 !important;
}
.bd-1 {
border: 1px solid #eee !important;
}
.bd-2 {
border: 2px solid #eee !important;
}
.bd-4 {
border: 4px solid #eee !important;
}
.bt-0 {
border-top: 0 !important;
}
.bt-1 {
border-top: 1px solid #eee !important;
}
.bt-2 {
border-top: 2px solid #eee !important;
}
.bt-4 {
border-top: 4px solid #eee !important;
}
.bb-0 {
border-bottom: 0 !important;
}
.bb-1 {
border-bottom: 1px solid #eee !important;
}
.bb-2 {
border-bottom: 2px solid #eee !important;
}
.bb-4 {
border-bottom: 4px solid #eee !important;
}
.bl-0 {
border-left: 0 !important;
}
.bl-1 {
border-left: 1px solid #eee !important;
}
.bl-2 {
border-left: 2px solid #eee !important;
}
.bl-4 {
border-left: 4px solid #eee !important;
}
.br-0 {
border-right: 0 !important;
}
.br-1 {
border-right: 1px solid #eee !important;
}
.br-2 {
border-right: 2px solid #eee !important;
}
.br-4 {
border-right: 4px solid #eee !important;
}
.bw-0 {
border-width: 0 !important;
}
.bw-1 {
border-width: 1 !important;
}
.bw-2 {
border-width: 2 !important;
}
.bw-4 {
border-width: 4 !important;
}
.bs-solid {
border-style: solid !important;
}
.rd-0 {
border-radius: 0px !important;
}
.rd-2 {
border-radius: 2px !important;
}
.rd-4 {
border-radius: 4px !important;
}
.rd-8 {
border-radius: 8px !important;
}
.rd-16 {
border-radius: 16px !important;
}
.rd-32 {
border-radius: 32px !important;
}
.rd-half {
border-radius: 50% !important;
}
.fs-10 {
font-size: 10px !important;
}
.fs-12 {
font-size: 12px !important;
}
.fs-14 {
font-size: 14px !important;
}
.fs-16 {
font-size: 16px !important;
}
.fs-18 {
font-size: 18px !important;
}
.fs-20 {
font-size: 20px !important;
}
.fs-24 {
font-size: 24px !important;
}
.fs-32 {
font-size: 32px !important;
}
.fs-48 {
font-size: 48px !important;
}
.fs-64 {
font-size: 64px !important;
}
.fs-small {
font-size: smaller !important;
}
.fw-300 {
font-weight: 300 !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-600 {
font-weight: 600 !important;
}
.fw-700 {
font-weight: 700 !important;
}
.fw-900 {
font-weight: 900 !important;
}
.fw-bold {
font-weight: bold !important;
}
.fl-italic {
font-style: italic !important;
}
.lh-1 {
line-height: 1 !important;
}
.lh-10 {
line-height: 10px !important;
}
.lh-12 {
line-height: 12px !important;
}
.lh-14 {
line-height: 14px !important;
}
.lh-16 {
line-height: 16px !important;
}
.lh-18 {
line-height: 18px !important;
}
.lh-20 {
line-height: 20px !important;
}
.lh-24 {
line-height: 24px !important;
}
.lh-26 {
line-height: 26px !important;
}
.lh-28 {
line-height: 28px !important;
}
.lh-32 {
line-height: 32px !important;
}
.lh-40 {
line-height: 40px !important;
}
.lh-48 {
line-height: 48px !important;
}
.lh-64 {
line-height: 64px !important;
}
.ta-left {
text-align: left !important;
}
.ta-right {
text-align: right !important;
}
.ta-center {
text-align: center !important;
}
.ta-justify {
text-align: justify !important;
}
.tt-lowercase {
text-transform: lowercase !important;
}
.tt-uppercase {
text-transform: uppercase !important;
}
.td-none {
text-decoration: none !important;
}
.td-underline {
text-decoration: underline !important;
}
.f-left {
float: left !important;
}
.f-right {
float: right !important;
}
.cl-none {
clear: none !important;
}
.cl-both {
clear: both !important;
}
.cl-left {
clear: left !important;
}
.cl-right {
clear: right !important;
}
.d-none {
display: none !important;
}
.d-block {
display: block !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-table {
display: table !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-grid {
display: grid !important;
}
.p-absolute {
position: absolute !important;
}
.p-relative {
position: relative !important;
}
.p-static {
position: static !important;
}
.p-fixed {
position: fixed !important;
}
.of-cover {
object-fit: cover !important;
}
.of-contain {
object-fit: contain !important;
}
.t-0 {
top: 0px !important;
}
.t-4 {
top: 4px !important;
}
.t-8 {
top: 8px !important;
}
.t-16 {
top: 16px !important;
}
.t-24 {
top: 24px !important;
}
.t-32 {
top: 32px !important;
}
.t-40 {
top: 40px !important;
}
.t-80 {
top: 80px !important;
}
.l-0 {
left: 0px !important;
}
.l-4 {
left: 4px !important;
}
.l-8 {
left: 8px !important;
}
.l-16 {
left: 16px !important;
}
.l-24 {
left: 24px !important;
}
.l-32 {
left: 32px !important;
}
.l-40 {
left: 40px !important;
}
.l-80 {
left: 80px !important;
}
.r-0 {
right: 0px !important;
}
.r-4 {
right: 4px !important;
}
.r-8 {
right: 8px !important;
}
.r-16 {
right: 16px !important;
}
.r-24 {
right: 24px !important;
}
.r-32 {
right: 32px !important;
}
.r-40 {
right: 40px !important;
}
.r-80 {
right: 80px !important;
}
.b-0 {
bottom: 0px !important;
}
.b-4 {
bottom: 4px !important;
}
.b-8 {
bottom: 8px !important;
}
.b-16 {
bottom: 16px !important;
}
.b-24 {
bottom: 24px !important;
}
.b-32 {
bottom: 32px !important;
}
.b-40 {
bottom: 40px !important;
}
.b-80 {
bottom: 80px !important;
}
.cls-1 {
columns: 1 !important;
}
.cls-2 {
columns: 2 !important;
}
.cls-3 {
columns: 3 !important;
}
.cls-4 {
columns: 4 !important;
}
.cls-5 {
columns: 5 !important;
}
.cls-6 {
columns: 6 !important;
}
.clc-1 {
column-count: 1 !important;
}
.clc-2 {
column-count: 2 !important;
}
.clc-3 {
column-count: 3 !important;
}
.clc-4 {
column-count: 4 !important;
}
.clc-5 {
column-count: 5 !important;
}
.clc-6 {
column-count: 6 !important;
}
.clg-0 {
column-gap: 0px !important;
}
.clg-4 {
column-gap: 4px !important;
}
.clg-8 {
column-gap: 8px !important;
}
.clg-16 {
column-gap: 16px !important;
}
.clg-24 {
column-gap: 24px !important;
}
.clg-32 {
column-gap: 32px !important;
}
.clg-40 {
column-gap: 40px !important;
}
.clg-80 {
column-gap: 80px !important;
}
.o-0 {
opacity: 0 !important;
}
.o-10 {
opacity: 0.1 !important;
}
.o-20 {
opacity: 0.2 !important;
}
.o-30 {
opacity: 0.3 !important;
}
.o-40 {
opacity: 0.4 !important;
}
.o-50 {
opacity: 0.5 !important;
}
.o-60 {
opacity: 0.6 !important;
}
.o-70 {
opacity: 0.7 !important;
}
.o-80 {
opacity: 0.9 !important;
}
.o-100 {
opacity: 1 !important;
}
.w-0 {
width: 0 !important;
}
.w-half {
width: 50% !important;
}
.w-full {
width: 100% !important;
}
.w-window {
width: 100vw !important;
}
.w-8 {
width: 8px !important;
}
.w-16 {
width: 16px !important;
}
.w-32 {
width: 32px !important;
}
.w-56 {
width: 56px !important;
}
.w-64 {
width: 64px !important;
}
.w-96 {
width: 96px !important;
}
.w-128 {
width: 128px !important;
}
.w-256 {
width: 256px !important;
}
.w-512 {
width: 512px !important;
}
.w-100 {
width: 100px !important;
}
.w-200 {
width: 200px !important;
}
.w-300 {
width: 300px !important;
}
.w-400 {
width: 400px !important;
}
.w-500 {
width: 500px !important;
}
.w-600 {
width: 600px !important;
}
.h-0 {
height: 0 !important;
}
.h-half {
height: 50% !important;
}
.h-full {
height: 100% !important;
}
.h-window {
height: 100vh !important;
}
.h-8 {
height: 8px !important;
}
.h-16 {
height: 16px !important;
}
.h-32 {
height: 32px !important;
}
.h-56 {
height: 56px !important;
}
.h-64 {
height: 64px !important;
}
.h-96 {
height: 96px !important;
}
.h-128 {
height: 128px !important;
}
.h-256 {
height: 256px !important;
}
.h-512 {
height: 512px !important;
}
.h-100 {
height: 100px !important;
}
.h-200 {
height: 200px !important;
}
.h-300 {
height: 300px !important;
}
.h-400 {
height: 400px !important;
}
.h-500 {
height: 500px !important;
}
.h-600 {
height: 600px !important;
}
.maxw-0 {
max-width: 0px !important;
}
.maxw-1 {
max-width: 1px !important;
}
.maxw-128 {
max-width: 128px !important;
}
.maxw-256 {
max-width: 256px !important;
}
.maxw-512 {
max-width: 512px !important;
}
.maxw-640 {
max-width: 640px !important;
}
.maxw-half {
max-width: 50% !important;
}
.maxw-full {
max-width: 100% !important;
}
.maxh-0 {
max-height: 0px !important;
}
.maxh-1 {
max-height: 1px !important;
}
.maxh-128 {
max-height: 128px !important;
}
.maxh-256 {
max-height: 256px !important;
}
.maxh-512 {
max-height: 512px !important;
}
.maxh-640 {
max-height: 640px !important;
}
.maxh-half {
max-height: 50% !important;
}
.maxh-full {
max-height: 100% !important;
}
.ws-nowrap {
white-space: nowrap !important;
}
.ls-none {
list-style: none !important;
}
.ls-default {
list-style: disc inside !important;
}
.lsp-inside {
list-style-position: inside !important;
}
.lst-disc {
list-style-type: disc !important;
}
.bxsz-border-box {
box-sizing: border-box !important;
}
.bxsz-content-box {
box-sizing: content-box !important;
}
.bxsh-none {
box-shadow: none !important;
}
.bxsh-default {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
}
.jc-center {
justify-content: center !important;
}
.ov-auto {
overflow: auto !important;
}
.ov-hidden {
overflow: hidden !important;
}
.ov-visible {
overflow: visible !important;
}
.c-white {
color: #ffffff !important;
}
.bgc-white {
background-color: #ffffff !important;
}
.bc-white {
border-color: #ffffff !important;
}
.c-gray-light-01 {
color: #f2f2f2 !important;
}
.bgc-gray-light-01 {
background-color: #f2f2f2 !important;
}
.bc-gray-light-01 {
border-color: #f2f2f2 !important;
}
.c-gray-light-02 {
color: #e9e9e9 !important;
}
.bgc-gray-light-02 {
background-color: #e9e9e9 !important;
}
.bc-gray-light-02 {
border-color: #e9e9e9 !important;
}
.c-gray-light-03 {
color: #dddddd !important;
}
.bgc-gray-light-03 {
background-color: #dddddd !important;
}
.bc-gray-light-03 {
border-color: #dddddd !important;
}
.c-gray-light-04 {
color: #cccccc !important;
}
.bgc-gray-light-04 {
background-color: #cccccc !important;
}
.bc-gray-light-04 {
border-color: #cccccc !important;
}
.c-black {
color: #000000 !important;
}
.bgc-black {
background-color: #000000 !important;
}
.bc-black {
border-color: #000000 !important;
}
.c-gray-dark-01 {
color: #333333 !important;
}
.bgc-gray-dark-01 {
background-color: #333333 !important;
}
.bc-gray-dark-01 {
border-color: #333333 !important;
}
.c-gray-dark-02 {
color: #666666 !important;
}
.bgc-gray-dark-02 {
background-color: #666666 !important;
}
.bc-gray-dark-02 {
border-color: #666666 !important;
}
.c-gray-dark-03 {
color: #888888 !important;
}
.bgc-gray-dark-03 {
background-color: #888888 !important;
}
.bc-gray-dark-03 {
border-color: #888888 !important;
}
.c-border {
color: #cccccc !important;
}
.bgc-border {
background-color: #cccccc !important;
}
.bc-border {
border-color: #cccccc !important;
}
.c-text {
color: #333333 !important;
}
.bgc-text {
background-color: #333333 !important;
}
.bc-text {
border-color: #333333 !important;
}
.c-primary {
color: #d8931c !important;
}
.bgc-primary {
background-color: #d8931c !important;
}
.bc-primary {
border-color: #d8931c !important;
}
.c-primary-2 {
color: #b1740b !important;
}
.bgc-primary-2 {
background-color: #b1740b !important;
}
.bc-primary-2 {
border-color: #b1740b !important;
}
.c-primary-3 {
color: #734607 !important;
}
.bgc-primary-3 {
background-color: #734607 !important;
}
.bc-primary-3 {
border-color: #734607 !important;
}
.c-secondary {
color: #e33310 !important;
}
.bgc-secondary {
background-color: #e33310 !important;
}
.bc-secondary {
border-color: #e33310 !important;
}
.c-notification {
color: #fb6002 !important;
}
.bgc-notification {
background-color: #fb6002 !important;
}
.bc-notification {
border-color: #fb6002 !important;
}
.c-error {
color: #cd323f !important;
}
.bgc-error {
background-color: #cd323f !important;
}
.bc-error {
border-color: #cd323f !important;
}
.c-error-message {
color: #fbcaca !important;
}
.bgc-error-message {
background-color: #fbcaca !important;
}
.bc-error-message {
border-color: #fbcaca !important;
}
.c-success {
color: #7fc97d !important;
}
.bgc-success {
background-color: #7fc97d !important;
}
.bc-success {
border-color: #7fc97d !important;
}
.c-warning {
color: #decf20 !important;
}
.bgc-warning {
background-color: #decf20 !important;
}
.bc-warning {
border-color: #decf20 !important;
}
.c-warning-2 {
color: #d5b408 !important;
}
.bgc-warning-2 {
background-color: #d5b408 !important;
}
.bc-warning-2 {
border-color: #d5b408 !important;
}
.c-irreversible {
color: #e95a4f !important;
}
.bgc-irreversible {
background-color: #e95a4f !important;
}
.bc-irreversible {
border-color: #e95a4f !important;
}
.a-primary {
color: #d8931c !important;
transition: all ease-in-out 300ms;
}
.a-primary:hover {
color: #7e5610 !important;
}
.a-default {
transition: all ease-in-out 300ms !important;
}
.a-default:hover {
color: #d8931c !important;
}
.vm {
display: flex;
align-items: center;
height: 100%;
}
.invisible {
display: none !important;
}
.tpl-no-spacer {
padding-left: 0 !important;
}
@media all and (min-width: 576px) {
.sm_pa-0 {
padding: 0px !important;
}
.sm_pa-4 {
padding: 4px !important;
}
.sm_pa-8 {
padding: 8px !important;
}
.sm_pa-16 {
padding: 16px !important;
}
.sm_pa-24 {
padding: 24px !important;
}
.sm_pa-32 {
padding: 32px !important;
}
.sm_pa-40 {
padding: 40px !important;
}
.sm_pa-48 {
padding: 48px !important;
}
.sm_pa-56 {
padding: 56px !important;
}
.sm_pa-80 {
padding: 80px !important;
}
.sm_pt-0 {
padding-top: 0px !important;
}
.sm_pt-4 {
padding-top: 4px !important;
}
.sm_pt-8 {
padding-top: 8px !important;
}
.sm_pt-16 {
padding-top: 16px !important;
}
.sm_pt-24 {
padding-top: 24px !important;
}
.sm_pt-32 {
padding-top: 32px !important;
}
.sm_pt-40 {
padding-top: 40px !important;
}
.sm_pt-48 {
padding-top: 48px !important;
}
.sm_pt-56 {
padding-top: 56px !important;
}
.sm_pt-80 {
padding-top: 80px !important;
}
.sm_pb-0 {
padding-bottom: 0px !important;
}
.sm_pb-4 {
padding-bottom: 4px !important;
}
.sm_pb-8 {
padding-bottom: 8px !important;
}
.sm_pb-16 {
padding-bottom: 16px !important;
}
.sm_pb-24 {
padding-bottom: 24px !important;
}
.sm_pb-32 {
padding-bottom: 32px !important;
}
.sm_pb-40 {
padding-bottom: 40px !important;
}
.sm_pb-48 {
padding-bottom: 48px !important;
}
.sm_pb-56 {
padding-bottom: 56px !important;
}
.sm_pb-80 {
padding-bottom: 80px !important;
}
.sm_pl-0 {
padding-left: 0px !important;
}
.sm_pl-4 {
padding-left: 4px !important;
}
.sm_pl-8 {
padding-left: 8px !important;
}
.sm_pl-16 {
padding-left: 16px !important;
}
.sm_pl-24 {
padding-left: 24px !important;
}
.sm_pl-32 {
padding-left: 32px !important;
}
.sm_pl-40 {
padding-left: 40px !important;
}
.sm_pl-48 {
padding-left: 48px !important;
}
.sm_pl-56 {
padding-left: 56px !important;
}
.sm_pl-80 {
padding-left: 80px !important;
}
.sm_pr-0 {
padding-right: 0px !important;
}
.sm_pr-4 {
padding-right: 4px !important;
}
.sm_pr-8 {
padding-right: 8px !important;
}
.sm_pr-16 {
padding-right: 16px !important;
}
.sm_pr-24 {
padding-right: 24px !important;
}
.sm_pr-32 {
padding-right: 32px !important;
}
.sm_pr-40 {
padding-right: 40px !important;
}
.sm_pr-48 {
padding-right: 48px !important;
}
.sm_pr-56 {
padding-right: 56px !important;
}
.sm_pr-80 {
padding-right: 80px !important;
}
.sm_py-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.sm_py-4 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.sm_py-8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.sm_py-16 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.sm_py-24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.sm_py-32 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.sm_py-40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.sm_py-48 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.sm_py-56 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.sm_py-80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.sm_px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.sm_px-4 {
padding-left: 4px !important;
padding-right: 4px !important;
}
.sm_px-8 {
padding-left: 8px !important;
padding-right: 8px !important;
}
.sm_px-16 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.sm_px-24 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.sm_px-32 {
padding-left: 32px !important;
padding-right: 32px !important;
}
.sm_px-40 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.sm_px-48 {
padding-left: 48px !important;
padding-right: 48px !important;
}
.sm_px-56 {
padding-left: 56px !important;
padding-right: 56px !important;
}
.sm_px-80 {
padding-left: 80px !important;
padding-right: 80px !important;
}
.sm_my-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.sm_my-4 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.sm_my-8 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.sm_my-16 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.sm_my-24 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.sm_my-32 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.sm_my-40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.sm_my-48 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.sm_my-56 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.sm_my-80 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.sm_my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.sm_mx-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.sm_mx-4 {
margin-left: 4px !important;
margin-right: 4px !important;
}
.sm_mx-8 {
margin-left: 8px !important;
margin-right: 8px !important;
}
.sm_mx-16 {
margin-left: 16px !important;
margin-right: 16px !important;
}
.sm_mx-24 {
margin-left: 24px !important;
margin-right: 24px !important;
}
.sm_mx-32 {
margin-left: 32px !important;
margin-right: 32px !important;
}
.sm_mx-40 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.sm_mx-48 {
margin-left: 48px !important;
margin-right: 48px !important;
}
.sm_mx-56 {
margin-left: 56px !important;
margin-right: 56px !important;
}
.sm_mx-80 {
margin-left: 80px !important;
margin-right: 80px !important;
}
.sm_mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.sm_ma-0 {
margin: 0px !important;
}
.sm_ma-1 {
margin: 1px !important;
}
.sm_ma-2 {
margin: 2px !important;
}
.sm_ma-4 {
margin: 4px !important;
}
.sm_ma-8 {
margin: 8px !important;
}
.sm_ma-16 {
margin: 16px !important;
}
.sm_ma-24 {
margin: 24px !important;
}
.sm_ma-32 {
margin: 32px !important;
}
.sm_ma-40 {
margin: 40px !important;
}
.sm_ma-48 {
margin: 48px !important;
}
.sm_ma-56 {
margin: 56px !important;
}
.sm_ma-64 {
margin: 64px !important;
}
.sm_ma-72 {
margin: 72px !important;
}
.sm_ma-80 {
margin: 80px !important;
}
.sm_mt-0 {
margin-top: 0px !important;
}
.sm_mt-1 {
margin-top: 1px !important;
}
.sm_mt-2 {
margin-top: 2px !important;
}
.sm_mt-4 {
margin-top: 4px !important;
}
.sm_mt-8 {
margin-top: 8px !important;
}
.sm_mt-16 {
margin-top: 16px !important;
}
.sm_mt-24 {
margin-top: 24px !important;
}
.sm_mt-32 {
margin-top: 32px !important;
}
.sm_mt-40 {
margin-top: 40px !important;
}
.sm_mt-48 {
margin-top: 48px !important;
}
.sm_mt-56 {
margin-top: 56px !important;
}
.sm_mt-64 {
margin-top: 64px !important;
}
.sm_mt-72 {
margin-top: 72px !important;
}
.sm_mt-80 {
margin-top: 80px !important;
}
.sm_mb-0 {
margin-bottom: 0px !important;
}
.sm_mb-1 {
margin-bottom: 1px !important;
}
.sm_mb-2 {
margin-bottom: 2px !important;
}
.sm_mb-4 {
margin-bottom: 4px !important;
}
.sm_mb-8 {
margin-bottom: 8px !important;
}
.sm_mb-16 {
margin-bottom: 16px !important;
}
.sm_mb-24 {
margin-bottom: 24px !important;
}
.sm_mb-32 {
margin-bottom: 32px !important;
}
.sm_mb-40 {
margin-bottom: 40px !important;
}
.sm_mb-48 {
margin-bottom: 48px !important;
}
.sm_mb-56 {
margin-bottom: 56px !important;
}
.sm_mb-64 {
margin-bottom: 64px !important;
}
.sm_mb-72 {
margin-bottom: 72px !important;
}
.sm_mb-80 {
margin-bottom: 80px !important;
}
.sm_ml-0 {
margin-left: 0px !important;
}
.sm_ml-1 {
margin-left: 1px !important;
}
.sm_ml-2 {
margin-left: 2px !important;
}
.sm_ml-4 {
margin-left: 4px !important;
}
.sm_ml-8 {
margin-left: 8px !important;
}
.sm_ml-16 {
margin-left: 16px !important;
}
.sm_ml-24 {
margin-left: 24px !important;
}
.sm_ml-32 {
margin-left: 32px !important;
}
.sm_ml-40 {
margin-left: 40px !important;
}
.sm_ml-48 {
margin-left: 48px !important;
}
.sm_ml-56 {
margin-left: 56px !important;
}
.sm_ml-64 {
margin-left: 64px !important;
}
.sm_ml-72 {
margin-left: 72px !important;
}
.sm_ml-80 {
margin-left: 80px !important;
}
.sm_mr-0 {
margin-right: 0px !important;
}
.sm_mr-1 {
margin-right: 1px !important;
}
.sm_mr-2 {
margin-right: 2px !important;
}
.sm_mr-4 {
margin-right: 4px !important;
}
.sm_mr-8 {
margin-right: 8px !important;
}
.sm_mr-16 {
margin-right: 16px !important;
}
.sm_mr-24 {
margin-right: 24px !important;
}
.sm_mr-32 {
margin-right: 32px !important;
}
.sm_mr-40 {
margin-right: 40px !important;
}
.sm_mr-48 {
margin-right: 48px !important;
}
.sm_mr-56 {
margin-right: 56px !important;
}
.sm_mr-64 {
margin-right: 64px !important;
}
.sm_mr-72 {
margin-right: 72px !important;
}
.sm_mr-80 {
margin-right: 80px !important;
}
.sm_bg-none {
background: none !important;
}
.sm_bgr-no-repeat {
background-repeat: no-repeat !important;
}
.sm_bgi-none {
background-image: none !important;
}
.sm_bgp-center {
background-position: center !important;
}
.sm_bgp-top {
background-position: top !important;
}
.sm_bgp-left {
background-position: left !important;
}
.sm_bgp-right {
background-position: right !important;
}
.sm_bgp-bottom {
background-position: bottom !important;
}
.sm_bgs-cover {
background-size: cover !important;
}
.sm_bgs-contain {
background-size: contain !important;
}
.sm_bd-0 {
border: 0 !important;
}
.sm_bd-1 {
border: 1px solid #eee !important;
}
.sm_bd-2 {
border: 2px solid #eee !important;
}
.sm_bd-4 {
border: 4px solid #eee !important;
}
.sm_bt-0 {
border-top: 0 !important;
}
.sm_bt-1 {
border-top: 1px solid #eee !important;
}
.sm_bt-2 {
border-top: 2px solid #eee !important;
}
.sm_bt-4 {
border-top: 4px solid #eee !important;
}
.sm_bb-0 {
border-bottom: 0 !important;
}
.sm_bb-1 {
border-bottom: 1px solid #eee !important;
}
.sm_bb-2 {
border-bottom: 2px solid #eee !important;
}
.sm_bb-4 {
border-bottom: 4px solid #eee !important;
}
.sm_bl-0 {
border-left: 0 !important;
}
.sm_bl-1 {
border-left: 1px solid #eee !important;
}
.sm_bl-2 {
border-left: 2px solid #eee !important;
}
.sm_bl-4 {
border-left: 4px solid #eee !important;
}
.sm_br-0 {
border-right: 0 !important;
}
.sm_br-1 {
border-right: 1px solid #eee !important;
}
.sm_br-2 {
border-right: 2px solid #eee !important;
}
.sm_br-4 {
border-right: 4px solid #eee !important;
}
.sm_bw-0 {
border-width: 0 !important;
}
.sm_bw-1 {
border-width: 1 !important;
}
.sm_bw-2 {
border-width: 2 !important;
}
.sm_bw-4 {
border-width: 4 !important;
}
.sm_bs-solid {
border-style: solid !important;
}
.sm_rd-0 {
border-radius: 0px !important;
}
.sm_rd-2 {
border-radius: 2px !important;
}
.sm_rd-4 {
border-radius: 4px !important;
}
.sm_rd-8 {
border-radius: 8px !important;
}
.sm_rd-16 {
border-radius: 16px !important;
}
.sm_rd-32 {
border-radius: 32px !important;
}
.sm_rd-half {
border-radius: 50% !important;
}
.sm_fs-10 {
font-size: 10px !important;
}
.sm_fs-12 {
font-size: 12px !important;
}
.sm_fs-14 {
font-size: 14px !important;
}
.sm_fs-16 {
font-size: 16px !important;
}
.sm_fs-18 {
font-size: 18px !important;
}
.sm_fs-20 {
font-size: 20px !important;
}
.sm_fs-24 {
font-size: 24px !important;
}
.sm_fs-32 {
font-size: 32px !important;
}
.sm_fs-48 {
font-size: 48px !important;
}
.sm_fs-64 {
font-size: 64px !important;
}
.sm_fs-small {
font-size: smaller !important;
}
.sm_fw-300 {
font-weight: 300 !important;
}
.sm_fw-500 {
font-weight: 500 !important;
}
.sm_fw-600 {
font-weight: 600 !important;
}
.sm_fw-700 {
font-weight: 700 !important;
}
.sm_fw-900 {
font-weight: 900 !important;
}
.sm_fw-bold {
font-weight: bold !important;
}
.sm_fl-italic {
font-style: italic !important;
}
.sm_lh-1 {
line-height: 1 !important;
}
.sm_lh-10 {
line-height: 10px !important;
}
.sm_lh-12 {
line-height: 12px !important;
}
.sm_lh-14 {
line-height: 14px !important;
}
.sm_lh-16 {
line-height: 16px !important;
}
.sm_lh-18 {
line-height: 18px !important;
}
.sm_lh-20 {
line-height: 20px !important;
}
.sm_lh-24 {
line-height: 24px !important;
}
.sm_lh-26 {
line-height: 26px !important;
}
.sm_lh-28 {
line-height: 28px !important;
}
.sm_lh-32 {
line-height: 32px !important;
}
.sm_lh-40 {
line-height: 40px !important;
}
.sm_lh-48 {
line-height: 48px !important;
}
.sm_lh-64 {
line-height: 64px !important;
}
.sm_ta-left {
text-align: left !important;
}
.sm_ta-right {
text-align: right !important;
}
.sm_ta-center {
text-align: center !important;
}
.sm_ta-justify {
text-align: justify !important;
}
.sm_tt-lowercase {
text-transform: lowercase !important;
}
.sm_tt-uppercase {
text-transform: uppercase !important;
}
.sm_td-none {
text-decoration: none !important;
}
.sm_td-underline {
text-decoration: underline !important;
}
.sm_f-left {
float: left !important;
}
.sm_f-right {
float: right !important;
}
.sm_cl-none {
clear: none !important;
}
.sm_cl-both {
clear: both !important;
}
.sm_cl-left {
clear: left !important;
}
.sm_cl-right {
clear: right !important;
}
.sm_d-none {
display: none !important;
}
.sm_d-block {
display: block !important;
}
.sm_d-inline {
display: inline !important;
}
.sm_d-inline-block {
display: inline-block !important;
}
.sm_d-flex {
display: flex !important;
}
.sm_d-inline-flex {
display: inline-flex !important;
}
.sm_d-table {
display: table !important;
}
.sm_d-table-cell {
display: table-cell !important;
}
.sm_d-grid {
display: grid !important;
}
.sm_p-absolute {
position: absolute !important;
}
.sm_p-relative {
position: relative !important;
}
.sm_p-static {
position: static !important;
}
.sm_p-fixed {
position: fixed !important;
}
.sm_of-cover {
object-fit: cover !important;
}
.sm_of-contain {
object-fit: contain !important;
}
.sm_t-0 {
top: 0px !important;
}
.sm_t-4 {
top: 4px !important;
}
.sm_t-8 {
top: 8px !important;
}
.sm_t-16 {
top: 16px !important;
}
.sm_t-24 {
top: 24px !important;
}
.sm_t-32 {
top: 32px !important;
}
.sm_t-40 {
top: 40px !important;
}
.sm_t-80 {
top: 80px !important;
}
.sm_l-0 {
left: 0px !important;
}
.sm_l-4 {
left: 4px !important;
}
.sm_l-8 {
left: 8px !important;
}
.sm_l-16 {
left: 16px !important;
}
.sm_l-24 {
left: 24px !important;
}
.sm_l-32 {
left: 32px !important;
}
.sm_l-40 {
left: 40px !important;
}
.sm_l-80 {
left: 80px !important;
}
.sm_r-0 {
right: 0px !important;
}
.sm_r-4 {
right: 4px !important;
}
.sm_r-8 {
right: 8px !important;
}
.sm_r-16 {
right: 16px !important;
}
.sm_r-24 {
right: 24px !important;
}
.sm_r-32 {
right: 32px !important;
}
.sm_r-40 {
right: 40px !important;
}
.sm_r-80 {
right: 80px !important;
}
.sm_b-0 {
bottom: 0px !important;
}
.sm_b-4 {
bottom: 4px !important;
}
.sm_b-8 {
bottom: 8px !important;
}
.sm_b-16 {
bottom: 16px !important;
}
.sm_b-24 {
bottom: 24px !important;
}
.sm_b-32 {
bottom: 32px !important;
}
.sm_b-40 {
bottom: 40px !important;
}
.sm_b-80 {
bottom: 80px !important;
}
.sm_cls-1 {
columns: 1 !important;
}
.sm_cls-2 {
columns: 2 !important;
}
.sm_cls-3 {
columns: 3 !important;
}
.sm_cls-4 {
columns: 4 !important;
}
.sm_cls-5 {
columns: 5 !important;
}
.sm_cls-6 {
columns: 6 !important;
}
.sm_clc-1 {
column-count: 1 !important;
}
.sm_clc-2 {
column-count: 2 !important;
}
.sm_clc-3 {
column-count: 3 !important;
}
.sm_clc-4 {
column-count: 4 !important;
}
.sm_clc-5 {
column-count: 5 !important;
}
.sm_clc-6 {
column-count: 6 !important;
}
.sm_clg-0 {
column-gap: 0px !important;
}
.sm_clg-4 {
column-gap: 4px !important;
}
.sm_clg-8 {
column-gap: 8px !important;
}
.sm_clg-16 {
column-gap: 16px !important;
}
.sm_clg-24 {
column-gap: 24px !important;
}
.sm_clg-32 {
column-gap: 32px !important;
}
.sm_clg-40 {
column-gap: 40px !important;
}
.sm_clg-80 {
column-gap: 80px !important;
}
.sm_o-0 {
opacity: 0 !important;
}
.sm_o-10 {
opacity: 0.1 !important;
}
.sm_o-20 {
opacity: 0.2 !important;
}
.sm_o-30 {
opacity: 0.3 !important;
}
.sm_o-40 {
opacity: 0.4 !important;
}
.sm_o-50 {
opacity: 0.5 !important;
}
.sm_o-60 {
opacity: 0.6 !important;
}
.sm_o-70 {
opacity: 0.7 !important;
}
.sm_o-80 {
opacity: 0.9 !important;
}
.sm_o-100 {
opacity: 1 !important;
}
.sm_w-0 {
width: 0 !important;
}
.sm_w-half {
width: 50% !important;
}
.sm_w-full {
width: 100% !important;
}
.sm_w-window {
width: 100vw !important;
}
.sm_w-8 {
width: 8px !important;
}
.sm_w-16 {
width: 16px !important;
}
.sm_w-32 {
width: 32px !important;
}
.sm_w-56 {
width: 56px !important;
}
.sm_w-64 {
width: 64px !important;
}
.sm_w-96 {
width: 96px !important;
}
.sm_w-128 {
width: 128px !important;
}
.sm_w-256 {
width: 256px !important;
}
.sm_w-512 {
width: 512px !important;
}
.sm_w-100 {
width: 100px !important;
}
.sm_w-200 {
width: 200px !important;
}
.sm_w-300 {
width: 300px !important;
}
.sm_w-400 {
width: 400px !important;
}
.sm_w-500 {
width: 500px !important;
}
.sm_w-600 {
width: 600px !important;
}
.sm_h-0 {
height: 0 !important;
}
.sm_h-half {
height: 50% !important;
}
.sm_h-full {
height: 100% !important;
}
.sm_h-window {
height: 100vh !important;
}
.sm_h-8 {
height: 8px !important;
}
.sm_h-16 {
height: 16px !important;
}
.sm_h-32 {
height: 32px !important;
}
.sm_h-56 {
height: 56px !important;
}
.sm_h-64 {
height: 64px !important;
}
.sm_h-96 {
height: 96px !important;
}
.sm_h-128 {
height: 128px !important;
}
.sm_h-256 {
height: 256px !important;
}
.sm_h-512 {
height: 512px !important;
}
.sm_h-100 {
height: 100px !important;
}
.sm_h-200 {
height: 200px !important;
}
.sm_h-300 {
height: 300px !important;
}
.sm_h-400 {
height: 400px !important;
}
.sm_h-500 {
height: 500px !important;
}
.sm_h-600 {
height: 600px !important;
}
.sm_maxw-0 {
max-width: 0px !important;
}
.sm_maxw-1 {
max-width: 1px !important;
}
.sm_maxw-128 {
max-width: 128px !important;
}
.sm_maxw-256 {
max-width: 256px !important;
}
.sm_maxw-512 {
max-width: 512px !important;
}
.sm_maxw-640 {
max-width: 640px !important;
}
.sm_maxw-half {
max-width: 50% !important;
}
.sm_maxw-full {
max-width: 100% !important;
}
.sm_maxh-0 {
max-height: 0px !important;
}
.sm_maxh-1 {
max-height: 1px !important;
}
.sm_maxh-128 {
max-height: 128px !important;
}
.sm_maxh-256 {
max-height: 256px !important;
}
.sm_maxh-512 {
max-height: 512px !important;
}
.sm_maxh-640 {
max-height: 640px !important;
}
.sm_maxh-half {
max-height: 50% !important;
}
.sm_maxh-full {
max-height: 100% !important;
}
.sm_ws-nowrap {
white-space: nowrap !important;
}
.sm_ls-none {
list-style: none !important;
}
.sm_ls-default {
list-style: disc inside !important;
}
.sm_lsp-inside {
list-style-position: inside !important;
}
.sm_lst-disc {
list-style-type: disc !important;
}
.sm_bxsz-border-box {
box-sizing: border-box !important;
}
.sm_bxsz-content-box {
box-sizing: content-box !important;
}
.sm_bxsh-none {
box-shadow: none !important;
}
.sm_bxsh-default {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
}
.sm_jc-center {
justify-content: center !important;
}
.sm_ov-auto {
overflow: auto !important;
}
.sm_ov-hidden {
overflow: hidden !important;
}
.sm_ov-visible {
overflow: visible !important;
}
.sm_c-white {
color: #ffffff !important;
}
.sm_bgc-white {
background-color: #ffffff !important;
}
.sm_bc-white {
border-color: #ffffff !important;
}
.sm_c-gray-light-01 {
color: #f2f2f2 !important;
}
.sm_bgc-gray-light-01 {
background-color: #f2f2f2 !important;
}
.sm_bc-gray-light-01 {
border-color: #f2f2f2 !important;
}
.sm_c-gray-light-02 {
color: #e9e9e9 !important;
}
.sm_bgc-gray-light-02 {
background-color: #e9e9e9 !important;
}
.sm_bc-gray-light-02 {
border-color: #e9e9e9 !important;
}
.sm_c-gray-light-03 {
color: #dddddd !important;
}
.sm_bgc-gray-light-03 {
background-color: #dddddd !important;
}
.sm_bc-gray-light-03 {
border-color: #dddddd !important;
}
.sm_c-gray-light-04 {
color: #cccccc !important;
}
.sm_bgc-gray-light-04 {
background-color: #cccccc !important;
}
.sm_bc-gray-light-04 {
border-color: #cccccc !important;
}
.sm_c-black {
color: #000000 !important;
}
.sm_bgc-black {
background-color: #000000 !important;
}
.sm_bc-black {
border-color: #000000 !important;
}
.sm_c-gray-dark-01 {
color: #333333 !important;
}
.sm_bgc-gray-dark-01 {
background-color: #333333 !important;
}
.sm_bc-gray-dark-01 {
border-color: #333333 !important;
}
.sm_c-gray-dark-02 {
color: #666666 !important;
}
.sm_bgc-gray-dark-02 {
background-color: #666666 !important;
}
.sm_bc-gray-dark-02 {
border-color: #666666 !important;
}
.sm_c-gray-dark-03 {
color: #888888 !important;
}
.sm_bgc-gray-dark-03 {
background-color: #888888 !important;
}
.sm_bc-gray-dark-03 {
border-color: #888888 !important;
}
.sm_c-border {
color: #cccccc !important;
}
.sm_bgc-border {
background-color: #cccccc !important;
}
.sm_bc-border {
border-color: #cccccc !important;
}
.sm_c-text {
color: #333333 !important;
}
.sm_bgc-text {
background-color: #333333 !important;
}
.sm_bc-text {
border-color: #333333 !important;
}
.sm_c-primary {
color: #d8931c !important;
}
.sm_bgc-primary {
background-color: #d8931c !important;
}
.sm_bc-primary {
border-color: #d8931c !important;
}
.sm_c-primary-2 {
color: #b1740b !important;
}
.sm_bgc-primary-2 {
background-color: #b1740b !important;
}
.sm_bc-primary-2 {
border-color: #b1740b !important;
}
.sm_c-primary-3 {
color: #734607 !important;
}
.sm_bgc-primary-3 {
background-color: #734607 !important;
}
.sm_bc-primary-3 {
border-color: #734607 !important;
}
.sm_c-secondary {
color: #e33310 !important;
}
.sm_bgc-secondary {
background-color: #e33310 !important;
}
.sm_bc-secondary {
border-color: #e33310 !important;
}
.sm_c-notification {
color: #fb6002 !important;
}
.sm_bgc-notification {
background-color: #fb6002 !important;
}
.sm_bc-notification {
border-color: #fb6002 !important;
}
.sm_c-error {
color: #cd323f !important;
}
.sm_bgc-error {
background-color: #cd323f !important;
}
.sm_bc-error {
border-color: #cd323f !important;
}
.sm_c-error-message {
color: #fbcaca !important;
}
.sm_bgc-error-message {
background-color: #fbcaca !important;
}
.sm_bc-error-message {
border-color: #fbcaca !important;
}
.sm_c-success {
color: #7fc97d !important;
}
.sm_bgc-success {
background-color: #7fc97d !important;
}
.sm_bc-success {
border-color: #7fc97d !important;
}
.sm_c-warning {
color: #decf20 !important;
}
.sm_bgc-warning {
background-color: #decf20 !important;
}
.sm_bc-warning {
border-color: #decf20 !important;
}
.sm_c-warning-2 {
color: #d5b408 !important;
}
.sm_bgc-warning-2 {
background-color: #d5b408 !important;
}
.sm_bc-warning-2 {
border-color: #d5b408 !important;
}
.sm_c-irreversible {
color: #e95a4f !important;
}
.sm_bgc-irreversible {
background-color: #e95a4f !important;
}
.sm_bc-irreversible {
border-color: #e95a4f !important;
}
.sm_a-primary {
color: #d8931c !important;
transition: all ease-in-out 300ms;
}
.sm_a-primary:hover {
color: #7e5610 !important;
}
.sm_a-default {
transition: all ease-in-out 300ms !important;
}
.sm_a-default:hover {
color: #d8931c !important;
}
.sm_vm {
display: flex;
align-items: center;
height: 100%;
}
.sm_invisible {
display: none !important;
}
.sm_tpl-no-spacer {
padding-left: 0 !important;
}
}
@media all and (min-width: 768px) {
.md_pa-0 {
padding: 0px !important;
}
.md_pa-4 {
padding: 4px !important;
}
.md_pa-8 {
padding: 8px !important;
}
.md_pa-16 {
padding: 16px !important;
}
.md_pa-24 {
padding: 24px !important;
}
.md_pa-32 {
padding: 32px !important;
}
.md_pa-40 {
padding: 40px !important;
}
.md_pa-48 {
padding: 48px !important;
}
.md_pa-56 {
padding: 56px !important;
}
.md_pa-80 {
padding: 80px !important;
}
.md_pt-0 {
padding-top: 0px !important;
}
.md_pt-4 {
padding-top: 4px !important;
}
.md_pt-8 {
padding-top: 8px !important;
}
.md_pt-16 {
padding-top: 16px !important;
}
.md_pt-24 {
padding-top: 24px !important;
}
.md_pt-32 {
padding-top: 32px !important;
}
.md_pt-40 {
padding-top: 40px !important;
}
.md_pt-48 {
padding-top: 48px !important;
}
.md_pt-56 {
padding-top: 56px !important;
}
.md_pt-80 {
padding-top: 80px !important;
}
.md_pb-0 {
padding-bottom: 0px !important;
}
.md_pb-4 {
padding-bottom: 4px !important;
}
.md_pb-8 {
padding-bottom: 8px !important;
}
.md_pb-16 {
padding-bottom: 16px !important;
}
.md_pb-24 {
padding-bottom: 24px !important;
}
.md_pb-32 {
padding-bottom: 32px !important;
}
.md_pb-40 {
padding-bottom: 40px !important;
}
.md_pb-48 {
padding-bottom: 48px !important;
}
.md_pb-56 {
padding-bottom: 56px !important;
}
.md_pb-80 {
padding-bottom: 80px !important;
}
.md_pl-0 {
padding-left: 0px !important;
}
.md_pl-4 {
padding-left: 4px !important;
}
.md_pl-8 {
padding-left: 8px !important;
}
.md_pl-16 {
padding-left: 16px !important;
}
.md_pl-24 {
padding-left: 24px !important;
}
.md_pl-32 {
padding-left: 32px !important;
}
.md_pl-40 {
padding-left: 40px !important;
}
.md_pl-48 {
padding-left: 48px !important;
}
.md_pl-56 {
padding-left: 56px !important;
}
.md_pl-80 {
padding-left: 80px !important;
}
.md_pr-0 {
padding-right: 0px !important;
}
.md_pr-4 {
padding-right: 4px !important;
}
.md_pr-8 {
padding-right: 8px !important;
}
.md_pr-16 {
padding-right: 16px !important;
}
.md_pr-24 {
padding-right: 24px !important;
}
.md_pr-32 {
padding-right: 32px !important;
}
.md_pr-40 {
padding-right: 40px !important;
}
.md_pr-48 {
padding-right: 48px !important;
}
.md_pr-56 {
padding-right: 56px !important;
}
.md_pr-80 {
padding-right: 80px !important;
}
.md_py-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.md_py-4 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.md_py-8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.md_py-16 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.md_py-24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.md_py-32 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.md_py-40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.md_py-48 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.md_py-56 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.md_py-80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.md_px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.md_px-4 {
padding-left: 4px !important;
padding-right: 4px !important;
}
.md_px-8 {
padding-left: 8px !important;
padding-right: 8px !important;
}
.md_px-16 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.md_px-24 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.md_px-32 {
padding-left: 32px !important;
padding-right: 32px !important;
}
.md_px-40 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.md_px-48 {
padding-left: 48px !important;
padding-right: 48px !important;
}
.md_px-56 {
padding-left: 56px !important;
padding-right: 56px !important;
}
.md_px-80 {
padding-left: 80px !important;
padding-right: 80px !important;
}
.md_my-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.md_my-4 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.md_my-8 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.md_my-16 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.md_my-24 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.md_my-32 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.md_my-40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.md_my-48 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.md_my-56 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.md_my-80 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.md_my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.md_mx-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.md_mx-4 {
margin-left: 4px !important;
margin-right: 4px !important;
}
.md_mx-8 {
margin-left: 8px !important;
margin-right: 8px !important;
}
.md_mx-16 {
margin-left: 16px !important;
margin-right: 16px !important;
}
.md_mx-24 {
margin-left: 24px !important;
margin-right: 24px !important;
}
.md_mx-32 {
margin-left: 32px !important;
margin-right: 32px !important;
}
.md_mx-40 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.md_mx-48 {
margin-left: 48px !important;
margin-right: 48px !important;
}
.md_mx-56 {
margin-left: 56px !important;
margin-right: 56px !important;
}
.md_mx-80 {
margin-left: 80px !important;
margin-right: 80px !important;
}
.md_mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.md_ma-0 {
margin: 0px !important;
}
.md_ma-1 {
margin: 1px !important;
}
.md_ma-2 {
margin: 2px !important;
}
.md_ma-4 {
margin: 4px !important;
}
.md_ma-8 {
margin: 8px !important;
}
.md_ma-16 {
margin: 16px !important;
}
.md_ma-24 {
margin: 24px !important;
}
.md_ma-32 {
margin: 32px !important;
}
.md_ma-40 {
margin: 40px !important;
}
.md_ma-48 {
margin: 48px !important;
}
.md_ma-56 {
margin: 56px !important;
}
.md_ma-64 {
margin: 64px !important;
}
.md_ma-72 {
margin: 72px !important;
}
.md_ma-80 {
margin: 80px !important;
}
.md_mt-0 {
margin-top: 0px !important;
}
.md_mt-1 {
margin-top: 1px !important;
}
.md_mt-2 {
margin-top: 2px !important;
}
.md_mt-4 {
margin-top: 4px !important;
}
.md_mt-8 {
margin-top: 8px !important;
}
.md_mt-16 {
margin-top: 16px !important;
}
.md_mt-24 {
margin-top: 24px !important;
}
.md_mt-32 {
margin-top: 32px !important;
}
.md_mt-40 {
margin-top: 40px !important;
}
.md_mt-48 {
margin-top: 48px !important;
}
.md_mt-56 {
margin-top: 56px !important;
}
.md_mt-64 {
margin-top: 64px !important;
}
.md_mt-72 {
margin-top: 72px !important;
}
.md_mt-80 {
margin-top: 80px !important;
}
.md_mb-0 {
margin-bottom: 0px !important;
}
.md_mb-1 {
margin-bottom: 1px !important;
}
.md_mb-2 {
margin-bottom: 2px !important;
}
.md_mb-4 {
margin-bottom: 4px !important;
}
.md_mb-8 {
margin-bottom: 8px !important;
}
.md_mb-16 {
margin-bottom: 16px !important;
}
.md_mb-24 {
margin-bottom: 24px !important;
}
.md_mb-32 {
margin-bottom: 32px !important;
}
.md_mb-40 {
margin-bottom: 40px !important;
}
.md_mb-48 {
margin-bottom: 48px !important;
}
.md_mb-56 {
margin-bottom: 56px !important;
}
.md_mb-64 {
margin-bottom: 64px !important;
}
.md_mb-72 {
margin-bottom: 72px !important;
}
.md_mb-80 {
margin-bottom: 80px !important;
}
.md_ml-0 {
margin-left: 0px !important;
}
.md_ml-1 {
margin-left: 1px !important;
}
.md_ml-2 {
margin-left: 2px !important;
}
.md_ml-4 {
margin-left: 4px !important;
}
.md_ml-8 {
margin-left: 8px !important;
}
.md_ml-16 {
margin-left: 16px !important;
}
.md_ml-24 {
margin-left: 24px !important;
}
.md_ml-32 {
margin-left: 32px !important;
}
.md_ml-40 {
margin-left: 40px !important;
}
.md_ml-48 {
margin-left: 48px !important;
}
.md_ml-56 {
margin-left: 56px !important;
}
.md_ml-64 {
margin-left: 64px !important;
}
.md_ml-72 {
margin-left: 72px !important;
}
.md_ml-80 {
margin-left: 80px !important;
}
.md_mr-0 {
margin-right: 0px !important;
}
.md_mr-1 {
margin-right: 1px !important;
}
.md_mr-2 {
margin-right: 2px !important;
}
.md_mr-4 {
margin-right: 4px !important;
}
.md_mr-8 {
margin-right: 8px !important;
}
.md_mr-16 {
margin-right: 16px !important;
}
.md_mr-24 {
margin-right: 24px !important;
}
.md_mr-32 {
margin-right: 32px !important;
}
.md_mr-40 {
margin-right: 40px !important;
}
.md_mr-48 {
margin-right: 48px !important;
}
.md_mr-56 {
margin-right: 56px !important;
}
.md_mr-64 {
margin-right: 64px !important;
}
.md_mr-72 {
margin-right: 72px !important;
}
.md_mr-80 {
margin-right: 80px !important;
}
.md_bg-none {
background: none !important;
}
.md_bgr-no-repeat {
background-repeat: no-repeat !important;
}
.md_bgi-none {
background-image: none !important;
}
.md_bgp-center {
background-position: center !important;
}
.md_bgp-top {
background-position: top !important;
}
.md_bgp-left {
background-position: left !important;
}
.md_bgp-right {
background-position: right !important;
}
.md_bgp-bottom {
background-position: bottom !important;
}
.md_bgs-cover {
background-size: cover !important;
}
.md_bgs-contain {
background-size: contain !important;
}
.md_bd-0 {
border: 0 !important;
}
.md_bd-1 {
border: 1px solid #eee !important;
}
.md_bd-2 {
border: 2px solid #eee !important;
}
.md_bd-4 {
border: 4px solid #eee !important;
}
.md_bt-0 {
border-top: 0 !important;
}
.md_bt-1 {
border-top: 1px solid #eee !important;
}
.md_bt-2 {
border-top: 2px solid #eee !important;
}
.md_bt-4 {
border-top: 4px solid #eee !important;
}
.md_bb-0 {
border-bottom: 0 !important;
}
.md_bb-1 {
border-bottom: 1px solid #eee !important;
}
.md_bb-2 {
border-bottom: 2px solid #eee !important;
}
.md_bb-4 {
border-bottom: 4px solid #eee !important;
}
.md_bl-0 {
border-left: 0 !important;
}
.md_bl-1 {
border-left: 1px solid #eee !important;
}
.md_bl-2 {
border-left: 2px solid #eee !important;
}
.md_bl-4 {
border-left: 4px solid #eee !important;
}
.md_br-0 {
border-right: 0 !important;
}
.md_br-1 {
border-right: 1px solid #eee !important;
}
.md_br-2 {
border-right: 2px solid #eee !important;
}
.md_br-4 {
border-right: 4px solid #eee !important;
}
.md_bw-0 {
border-width: 0 !important;
}
.md_bw-1 {
border-width: 1 !important;
}
.md_bw-2 {
border-width: 2 !important;
}
.md_bw-4 {
border-width: 4 !important;
}
.md_bs-solid {
border-style: solid !important;
}
.md_rd-0 {
border-radius: 0px !important;
}
.md_rd-2 {
border-radius: 2px !important;
}
.md_rd-4 {
border-radius: 4px !important;
}
.md_rd-8 {
border-radius: 8px !important;
}
.md_rd-16 {
border-radius: 16px !important;
}
.md_rd-32 {
border-radius: 32px !important;
}
.md_rd-half {
border-radius: 50% !important;
}
.md_fs-10 {
font-size: 10px !important;
}
.md_fs-12 {
font-size: 12px !important;
}
.md_fs-14 {
font-size: 14px !important;
}
.md_fs-16 {
font-size: 16px !important;
}
.md_fs-18 {
font-size: 18px !important;
}
.md_fs-20 {
font-size: 20px !important;
}
.md_fs-24 {
font-size: 24px !important;
}
.md_fs-32 {
font-size: 32px !important;
}
.md_fs-48 {
font-size: 48px !important;
}
.md_fs-64 {
font-size: 64px !important;
}
.md_fs-small {
font-size: smaller !important;
}
.md_fw-300 {
font-weight: 300 !important;
}
.md_fw-500 {
font-weight: 500 !important;
}
.md_fw-600 {
font-weight: 600 !important;
}
.md_fw-700 {
font-weight: 700 !important;
}
.md_fw-900 {
font-weight: 900 !important;
}
.md_fw-bold {
font-weight: bold !important;
}
.md_fl-italic {
font-style: italic !important;
}
.md_lh-1 {
line-height: 1 !important;
}
.md_lh-10 {
line-height: 10px !important;
}
.md_lh-12 {
line-height: 12px !important;
}
.md_lh-14 {
line-height: 14px !important;
}
.md_lh-16 {
line-height: 16px !important;
}
.md_lh-18 {
line-height: 18px !important;
}
.md_lh-20 {
line-height: 20px !important;
}
.md_lh-24 {
line-height: 24px !important;
}
.md_lh-26 {
line-height: 26px !important;
}
.md_lh-28 {
line-height: 28px !important;
}
.md_lh-32 {
line-height: 32px !important;
}
.md_lh-40 {
line-height: 40px !important;
}
.md_lh-48 {
line-height: 48px !important;
}
.md_lh-64 {
line-height: 64px !important;
}
.md_ta-left {
text-align: left !important;
}
.md_ta-right {
text-align: right !important;
}
.md_ta-center {
text-align: center !important;
}
.md_ta-justify {
text-align: justify !important;
}
.md_tt-lowercase {
text-transform: lowercase !important;
}
.md_tt-uppercase {
text-transform: uppercase !important;
}
.md_td-none {
text-decoration: none !important;
}
.md_td-underline {
text-decoration: underline !important;
}
.md_f-left {
float: left !important;
}
.md_f-right {
float: right !important;
}
.md_cl-none {
clear: none !important;
}
.md_cl-both {
clear: both !important;
}
.md_cl-left {
clear: left !important;
}
.md_cl-right {
clear: right !important;
}
.md_d-none {
display: none !important;
}
.md_d-block {
display: block !important;
}
.md_d-inline {
display: inline !important;
}
.md_d-inline-block {
display: inline-block !important;
}
.md_d-flex {
display: flex !important;
}
.md_d-inline-flex {
display: inline-flex !important;
}
.md_d-table {
display: table !important;
}
.md_d-table-cell {
display: table-cell !important;
}
.md_d-grid {
display: grid !important;
}
.md_p-absolute {
position: absolute !important;
}
.md_p-relative {
position: relative !important;
}
.md_p-static {
position: static !important;
}
.md_p-fixed {
position: fixed !important;
}
.md_of-cover {
object-fit: cover !important;
}
.md_of-contain {
object-fit: contain !important;
}
.md_t-0 {
top: 0px !important;
}
.md_t-4 {
top: 4px !important;
}
.md_t-8 {
top: 8px !important;
}
.md_t-16 {
top: 16px !important;
}
.md_t-24 {
top: 24px !important;
}
.md_t-32 {
top: 32px !important;
}
.md_t-40 {
top: 40px !important;
}
.md_t-80 {
top: 80px !important;
}
.md_l-0 {
left: 0px !important;
}
.md_l-4 {
left: 4px !important;
}
.md_l-8 {
left: 8px !important;
}
.md_l-16 {
left: 16px !important;
}
.md_l-24 {
left: 24px !important;
}
.md_l-32 {
left: 32px !important;
}
.md_l-40 {
left: 40px !important;
}
.md_l-80 {
left: 80px !important;
}
.md_r-0 {
right: 0px !important;
}
.md_r-4 {
right: 4px !important;
}
.md_r-8 {
right: 8px !important;
}
.md_r-16 {
right: 16px !important;
}
.md_r-24 {
right: 24px !important;
}
.md_r-32 {
right: 32px !important;
}
.md_r-40 {
right: 40px !important;
}
.md_r-80 {
right: 80px !important;
}
.md_b-0 {
bottom: 0px !important;
}
.md_b-4 {
bottom: 4px !important;
}
.md_b-8 {
bottom: 8px !important;
}
.md_b-16 {
bottom: 16px !important;
}
.md_b-24 {
bottom: 24px !important;
}
.md_b-32 {
bottom: 32px !important;
}
.md_b-40 {
bottom: 40px !important;
}
.md_b-80 {
bottom: 80px !important;
}
.md_cls-1 {
columns: 1 !important;
}
.md_cls-2 {
columns: 2 !important;
}
.md_cls-3 {
columns: 3 !important;
}
.md_cls-4 {
columns: 4 !important;
}
.md_cls-5 {
columns: 5 !important;
}
.md_cls-6 {
columns: 6 !important;
}
.md_clc-1 {
column-count: 1 !important;
}
.md_clc-2 {
column-count: 2 !important;
}
.md_clc-3 {
column-count: 3 !important;
}
.md_clc-4 {
column-count: 4 !important;
}
.md_clc-5 {
column-count: 5 !important;
}
.md_clc-6 {
column-count: 6 !important;
}
.md_clg-0 {
column-gap: 0px !important;
}
.md_clg-4 {
column-gap: 4px !important;
}
.md_clg-8 {
column-gap: 8px !important;
}
.md_clg-16 {
column-gap: 16px !important;
}
.md_clg-24 {
column-gap: 24px !important;
}
.md_clg-32 {
column-gap: 32px !important;
}
.md_clg-40 {
column-gap: 40px !important;
}
.md_clg-80 {
column-gap: 80px !important;
}
.md_o-0 {
opacity: 0 !important;
}
.md_o-10 {
opacity: 0.1 !important;
}
.md_o-20 {
opacity: 0.2 !important;
}
.md_o-30 {
opacity: 0.3 !important;
}
.md_o-40 {
opacity: 0.4 !important;
}
.md_o-50 {
opacity: 0.5 !important;
}
.md_o-60 {
opacity: 0.6 !important;
}
.md_o-70 {
opacity: 0.7 !important;
}
.md_o-80 {
opacity: 0.9 !important;
}
.md_o-100 {
opacity: 1 !important;
}
.md_w-0 {
width: 0 !important;
}
.md_w-half {
width: 50% !important;
}
.md_w-full {
width: 100% !important;
}
.md_w-window {
width: 100vw !important;
}
.md_w-8 {
width: 8px !important;
}
.md_w-16 {
width: 16px !important;
}
.md_w-32 {
width: 32px !important;
}
.md_w-56 {
width: 56px !important;
}
.md_w-64 {
width: 64px !important;
}
.md_w-96 {
width: 96px !important;
}
.md_w-128 {
width: 128px !important;
}
.md_w-256 {
width: 256px !important;
}
.md_w-512 {
width: 512px !important;
}
.md_w-100 {
width: 100px !important;
}
.md_w-200 {
width: 200px !important;
}
.md_w-300 {
width: 300px !important;
}
.md_w-400 {
width: 400px !important;
}
.md_w-500 {
width: 500px !important;
}
.md_w-600 {
width: 600px !important;
}
.md_h-0 {
height: 0 !important;
}
.md_h-half {
height: 50% !important;
}
.md_h-full {
height: 100% !important;
}
.md_h-window {
height: 100vh !important;
}
.md_h-8 {
height: 8px !important;
}
.md_h-16 {
height: 16px !important;
}
.md_h-32 {
height: 32px !important;
}
.md_h-56 {
height: 56px !important;
}
.md_h-64 {
height: 64px !important;
}
.md_h-96 {
height: 96px !important;
}
.md_h-128 {
height: 128px !important;
}
.md_h-256 {
height: 256px !important;
}
.md_h-512 {
height: 512px !important;
}
.md_h-100 {
height: 100px !important;
}
.md_h-200 {
height: 200px !important;
}
.md_h-300 {
height: 300px !important;
}
.md_h-400 {
height: 400px !important;
}
.md_h-500 {
height: 500px !important;
}
.md_h-600 {
height: 600px !important;
}
.md_maxw-0 {
max-width: 0px !important;
}
.md_maxw-1 {
max-width: 1px !important;
}
.md_maxw-128 {
max-width: 128px !important;
}
.md_maxw-256 {
max-width: 256px !important;
}
.md_maxw-512 {
max-width: 512px !important;
}
.md_maxw-640 {
max-width: 640px !important;
}
.md_maxw-half {
max-width: 50% !important;
}
.md_maxw-full {
max-width: 100% !important;
}
.md_maxh-0 {
max-height: 0px !important;
}
.md_maxh-1 {
max-height: 1px !important;
}
.md_maxh-128 {
max-height: 128px !important;
}
.md_maxh-256 {
max-height: 256px !important;
}
.md_maxh-512 {
max-height: 512px !important;
}
.md_maxh-640 {
max-height: 640px !important;
}
.md_maxh-half {
max-height: 50% !important;
}
.md_maxh-full {
max-height: 100% !important;
}
.md_ws-nowrap {
white-space: nowrap !important;
}
.md_ls-none {
list-style: none !important;
}
.md_ls-default {
list-style: disc inside !important;
}
.md_lsp-inside {
list-style-position: inside !important;
}
.md_lst-disc {
list-style-type: disc !important;
}
.md_bxsz-border-box {
box-sizing: border-box !important;
}
.md_bxsz-content-box {
box-sizing: content-box !important;
}
.md_bxsh-none {
box-shadow: none !important;
}
.md_bxsh-default {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
}
.md_jc-center {
justify-content: center !important;
}
.md_ov-auto {
overflow: auto !important;
}
.md_ov-hidden {
overflow: hidden !important;
}
.md_ov-visible {
overflow: visible !important;
}
.md_c-white {
color: #ffffff !important;
}
.md_bgc-white {
background-color: #ffffff !important;
}
.md_bc-white {
border-color: #ffffff !important;
}
.md_c-gray-light-01 {
color: #f2f2f2 !important;
}
.md_bgc-gray-light-01 {
background-color: #f2f2f2 !important;
}
.md_bc-gray-light-01 {
border-color: #f2f2f2 !important;
}
.md_c-gray-light-02 {
color: #e9e9e9 !important;
}
.md_bgc-gray-light-02 {
background-color: #e9e9e9 !important;
}
.md_bc-gray-light-02 {
border-color: #e9e9e9 !important;
}
.md_c-gray-light-03 {
color: #dddddd !important;
}
.md_bgc-gray-light-03 {
background-color: #dddddd !important;
}
.md_bc-gray-light-03 {
border-color: #dddddd !important;
}
.md_c-gray-light-04 {
color: #cccccc !important;
}
.md_bgc-gray-light-04 {
background-color: #cccccc !important;
}
.md_bc-gray-light-04 {
border-color: #cccccc !important;
}
.md_c-black {
color: #000000 !important;
}
.md_bgc-black {
background-color: #000000 !important;
}
.md_bc-black {
border-color: #000000 !important;
}
.md_c-gray-dark-01 {
color: #333333 !important;
}
.md_bgc-gray-dark-01 {
background-color: #333333 !important;
}
.md_bc-gray-dark-01 {
border-color: #333333 !important;
}
.md_c-gray-dark-02 {
color: #666666 !important;
}
.md_bgc-gray-dark-02 {
background-color: #666666 !important;
}
.md_bc-gray-dark-02 {
border-color: #666666 !important;
}
.md_c-gray-dark-03 {
color: #888888 !important;
}
.md_bgc-gray-dark-03 {
background-color: #888888 !important;
}
.md_bc-gray-dark-03 {
border-color: #888888 !important;
}
.md_c-border {
color: #cccccc !important;
}
.md_bgc-border {
background-color: #cccccc !important;
}
.md_bc-border {
border-color: #cccccc !important;
}
.md_c-text {
color: #333333 !important;
}
.md_bgc-text {
background-color: #333333 !important;
}
.md_bc-text {
border-color: #333333 !important;
}
.md_c-primary {
color: #d8931c !important;
}
.md_bgc-primary {
background-color: #d8931c !important;
}
.md_bc-primary {
border-color: #d8931c !important;
}
.md_c-primary-2 {
color: #b1740b !important;
}
.md_bgc-primary-2 {
background-color: #b1740b !important;
}
.md_bc-primary-2 {
border-color: #b1740b !important;
}
.md_c-primary-3 {
color: #734607 !important;
}
.md_bgc-primary-3 {
background-color: #734607 !important;
}
.md_bc-primary-3 {
border-color: #734607 !important;
}
.md_c-secondary {
color: #e33310 !important;
}
.md_bgc-secondary {
background-color: #e33310 !important;
}
.md_bc-secondary {
border-color: #e33310 !important;
}
.md_c-notification {
color: #fb6002 !important;
}
.md_bgc-notification {
background-color: #fb6002 !important;
}
.md_bc-notification {
border-color: #fb6002 !important;
}
.md_c-error {
color: #cd323f !important;
}
.md_bgc-error {
background-color: #cd323f !important;
}
.md_bc-error {
border-color: #cd323f !important;
}
.md_c-error-message {
color: #fbcaca !important;
}
.md_bgc-error-message {
background-color: #fbcaca !important;
}
.md_bc-error-message {
border-color: #fbcaca !important;
}
.md_c-success {
color: #7fc97d !important;
}
.md_bgc-success {
background-color: #7fc97d !important;
}
.md_bc-success {
border-color: #7fc97d !important;
}
.md_c-warning {
color: #decf20 !important;
}
.md_bgc-warning {
background-color: #decf20 !important;
}
.md_bc-warning {
border-color: #decf20 !important;
}
.md_c-warning-2 {
color: #d5b408 !important;
}
.md_bgc-warning-2 {
background-color: #d5b408 !important;
}
.md_bc-warning-2 {
border-color: #d5b408 !important;
}
.md_c-irreversible {
color: #e95a4f !important;
}
.md_bgc-irreversible {
background-color: #e95a4f !important;
}
.md_bc-irreversible {
border-color: #e95a4f !important;
}
.md_a-primary {
color: #d8931c !important;
transition: all ease-in-out 300ms;
}
.md_a-primary:hover {
color: #7e5610 !important;
}
.md_a-default {
transition: all ease-in-out 300ms !important;
}
.md_a-default:hover {
color: #d8931c !important;
}
.md_vm {
display: flex;
align-items: center;
height: 100%;
}
.md_invisible {
display: none !important;
}
.md_tpl-no-spacer {
padding-left: 0 !important;
}
}
@media all and (min-width: 992px) {
.lg_pa-0 {
padding: 0px !important;
}
.lg_pa-4 {
padding: 4px !important;
}
.lg_pa-8 {
padding: 8px !important;
}
.lg_pa-16 {
padding: 16px !important;
}
.lg_pa-24 {
padding: 24px !important;
}
.lg_pa-32 {
padding: 32px !important;
}
.lg_pa-40 {
padding: 40px !important;
}
.lg_pa-48 {
padding: 48px !important;
}
.lg_pa-56 {
padding: 56px !important;
}
.lg_pa-80 {
padding: 80px !important;
}
.lg_pt-0 {
padding-top: 0px !important;
}
.lg_pt-4 {
padding-top: 4px !important;
}
.lg_pt-8 {
padding-top: 8px !important;
}
.lg_pt-16 {
padding-top: 16px !important;
}
.lg_pt-24 {
padding-top: 24px !important;
}
.lg_pt-32 {
padding-top: 32px !important;
}
.lg_pt-40 {
padding-top: 40px !important;
}
.lg_pt-48 {
padding-top: 48px !important;
}
.lg_pt-56 {
padding-top: 56px !important;
}
.lg_pt-80 {
padding-top: 80px !important;
}
.lg_pb-0 {
padding-bottom: 0px !important;
}
.lg_pb-4 {
padding-bottom: 4px !important;
}
.lg_pb-8 {
padding-bottom: 8px !important;
}
.lg_pb-16 {
padding-bottom: 16px !important;
}
.lg_pb-24 {
padding-bottom: 24px !important;
}
.lg_pb-32 {
padding-bottom: 32px !important;
}
.lg_pb-40 {
padding-bottom: 40px !important;
}
.lg_pb-48 {
padding-bottom: 48px !important;
}
.lg_pb-56 {
padding-bottom: 56px !important;
}
.lg_pb-80 {
padding-bottom: 80px !important;
}
.lg_pl-0 {
padding-left: 0px !important;
}
.lg_pl-4 {
padding-left: 4px !important;
}
.lg_pl-8 {
padding-left: 8px !important;
}
.lg_pl-16 {
padding-left: 16px !important;
}
.lg_pl-24 {
padding-left: 24px !important;
}
.lg_pl-32 {
padding-left: 32px !important;
}
.lg_pl-40 {
padding-left: 40px !important;
}
.lg_pl-48 {
padding-left: 48px !important;
}
.lg_pl-56 {
padding-left: 56px !important;
}
.lg_pl-80 {
padding-left: 80px !important;
}
.lg_pr-0 {
padding-right: 0px !important;
}
.lg_pr-4 {
padding-right: 4px !important;
}
.lg_pr-8 {
padding-right: 8px !important;
}
.lg_pr-16 {
padding-right: 16px !important;
}
.lg_pr-24 {
padding-right: 24px !important;
}
.lg_pr-32 {
padding-right: 32px !important;
}
.lg_pr-40 {
padding-right: 40px !important;
}
.lg_pr-48 {
padding-right: 48px !important;
}
.lg_pr-56 {
padding-right: 56px !important;
}
.lg_pr-80 {
padding-right: 80px !important;
}
.lg_py-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.lg_py-4 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.lg_py-8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.lg_py-16 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.lg_py-24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.lg_py-32 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.lg_py-40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.lg_py-48 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.lg_py-56 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.lg_py-80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.lg_px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.lg_px-4 {
padding-left: 4px !important;
padding-right: 4px !important;
}
.lg_px-8 {
padding-left: 8px !important;
padding-right: 8px !important;
}
.lg_px-16 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.lg_px-24 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.lg_px-32 {
padding-left: 32px !important;
padding-right: 32px !important;
}
.lg_px-40 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.lg_px-48 {
padding-left: 48px !important;
padding-right: 48px !important;
}
.lg_px-56 {
padding-left: 56px !important;
padding-right: 56px !important;
}
.lg_px-80 {
padding-left: 80px !important;
padding-right: 80px !important;
}
.lg_my-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.lg_my-4 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.lg_my-8 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.lg_my-16 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.lg_my-24 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.lg_my-32 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.lg_my-40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.lg_my-48 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.lg_my-56 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.lg_my-80 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.lg_my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.lg_mx-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.lg_mx-4 {
margin-left: 4px !important;
margin-right: 4px !important;
}
.lg_mx-8 {
margin-left: 8px !important;
margin-right: 8px !important;
}
.lg_mx-16 {
margin-left: 16px !important;
margin-right: 16px !important;
}
.lg_mx-24 {
margin-left: 24px !important;
margin-right: 24px !important;
}
.lg_mx-32 {
margin-left: 32px !important;
margin-right: 32px !important;
}
.lg_mx-40 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.lg_mx-48 {
margin-left: 48px !important;
margin-right: 48px !important;
}
.lg_mx-56 {
margin-left: 56px !important;
margin-right: 56px !important;
}
.lg_mx-80 {
margin-left: 80px !important;
margin-right: 80px !important;
}
.lg_mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.lg_ma-0 {
margin: 0px !important;
}
.lg_ma-1 {
margin: 1px !important;
}
.lg_ma-2 {
margin: 2px !important;
}
.lg_ma-4 {
margin: 4px !important;
}
.lg_ma-8 {
margin: 8px !important;
}
.lg_ma-16 {
margin: 16px !important;
}
.lg_ma-24 {
margin: 24px !important;
}
.lg_ma-32 {
margin: 32px !important;
}
.lg_ma-40 {
margin: 40px !important;
}
.lg_ma-48 {
margin: 48px !important;
}
.lg_ma-56 {
margin: 56px !important;
}
.lg_ma-64 {
margin: 64px !important;
}
.lg_ma-72 {
margin: 72px !important;
}
.lg_ma-80 {
margin: 80px !important;
}
.lg_mt-0 {
margin-top: 0px !important;
}
.lg_mt-1 {
margin-top: 1px !important;
}
.lg_mt-2 {
margin-top: 2px !important;
}
.lg_mt-4 {
margin-top: 4px !important;
}
.lg_mt-8 {
margin-top: 8px !important;
}
.lg_mt-16 {
margin-top: 16px !important;
}
.lg_mt-24 {
margin-top: 24px !important;
}
.lg_mt-32 {
margin-top: 32px !important;
}
.lg_mt-40 {
margin-top: 40px !important;
}
.lg_mt-48 {
margin-top: 48px !important;
}
.lg_mt-56 {
margin-top: 56px !important;
}
.lg_mt-64 {
margin-top: 64px !important;
}
.lg_mt-72 {
margin-top: 72px !important;
}
.lg_mt-80 {
margin-top: 80px !important;
}
.lg_mb-0 {
margin-bottom: 0px !important;
}
.lg_mb-1 {
margin-bottom: 1px !important;
}
.lg_mb-2 {
margin-bottom: 2px !important;
}
.lg_mb-4 {
margin-bottom: 4px !important;
}
.lg_mb-8 {
margin-bottom: 8px !important;
}
.lg_mb-16 {
margin-bottom: 16px !important;
}
.lg_mb-24 {
margin-bottom: 24px !important;
}
.lg_mb-32 {
margin-bottom: 32px !important;
}
.lg_mb-40 {
margin-bottom: 40px !important;
}
.lg_mb-48 {
margin-bottom: 48px !important;
}
.lg_mb-56 {
margin-bottom: 56px !important;
}
.lg_mb-64 {
margin-bottom: 64px !important;
}
.lg_mb-72 {
margin-bottom: 72px !important;
}
.lg_mb-80 {
margin-bottom: 80px !important;
}
.lg_ml-0 {
margin-left: 0px !important;
}
.lg_ml-1 {
margin-left: 1px !important;
}
.lg_ml-2 {
margin-left: 2px !important;
}
.lg_ml-4 {
margin-left: 4px !important;
}
.lg_ml-8 {
margin-left: 8px !important;
}
.lg_ml-16 {
margin-left: 16px !important;
}
.lg_ml-24 {
margin-left: 24px !important;
}
.lg_ml-32 {
margin-left: 32px !important;
}
.lg_ml-40 {
margin-left: 40px !important;
}
.lg_ml-48 {
margin-left: 48px !important;
}
.lg_ml-56 {
margin-left: 56px !important;
}
.lg_ml-64 {
margin-left: 64px !important;
}
.lg_ml-72 {
margin-left: 72px !important;
}
.lg_ml-80 {
margin-left: 80px !important;
}
.lg_mr-0 {
margin-right: 0px !important;
}
.lg_mr-1 {
margin-right: 1px !important;
}
.lg_mr-2 {
margin-right: 2px !important;
}
.lg_mr-4 {
margin-right: 4px !important;
}
.lg_mr-8 {
margin-right: 8px !important;
}
.lg_mr-16 {
margin-right: 16px !important;
}
.lg_mr-24 {
margin-right: 24px !important;
}
.lg_mr-32 {
margin-right: 32px !important;
}
.lg_mr-40 {
margin-right: 40px !important;
}
.lg_mr-48 {
margin-right: 48px !important;
}
.lg_mr-56 {
margin-right: 56px !important;
}
.lg_mr-64 {
margin-right: 64px !important;
}
.lg_mr-72 {
margin-right: 72px !important;
}
.lg_mr-80 {
margin-right: 80px !important;
}
.lg_bg-none {
background: none !important;
}
.lg_bgr-no-repeat {
background-repeat: no-repeat !important;
}
.lg_bgi-none {
background-image: none !important;
}
.lg_bgp-center {
background-position: center !important;
}
.lg_bgp-top {
background-position: top !important;
}
.lg_bgp-left {
background-position: left !important;
}
.lg_bgp-right {
background-position: right !important;
}
.lg_bgp-bottom {
background-position: bottom !important;
}
.lg_bgs-cover {
background-size: cover !important;
}
.lg_bgs-contain {
background-size: contain !important;
}
.lg_bd-0 {
border: 0 !important;
}
.lg_bd-1 {
border: 1px solid #eee !important;
}
.lg_bd-2 {
border: 2px solid #eee !important;
}
.lg_bd-4 {
border: 4px solid #eee !important;
}
.lg_bt-0 {
border-top: 0 !important;
}
.lg_bt-1 {
border-top: 1px solid #eee !important;
}
.lg_bt-2 {
border-top: 2px solid #eee !important;
}
.lg_bt-4 {
border-top: 4px solid #eee !important;
}
.lg_bb-0 {
border-bottom: 0 !important;
}
.lg_bb-1 {
border-bottom: 1px solid #eee !important;
}
.lg_bb-2 {
border-bottom: 2px solid #eee !important;
}
.lg_bb-4 {
border-bottom: 4px solid #eee !important;
}
.lg_bl-0 {
border-left: 0 !important;
}
.lg_bl-1 {
border-left: 1px solid #eee !important;
}
.lg_bl-2 {
border-left: 2px solid #eee !important;
}
.lg_bl-4 {
border-left: 4px solid #eee !important;
}
.lg_br-0 {
border-right: 0 !important;
}
.lg_br-1 {
border-right: 1px solid #eee !important;
}
.lg_br-2 {
border-right: 2px solid #eee !important;
}
.lg_br-4 {
border-right: 4px solid #eee !important;
}
.lg_bw-0 {
border-width: 0 !important;
}
.lg_bw-1 {
border-width: 1 !important;
}
.lg_bw-2 {
border-width: 2 !important;
}
.lg_bw-4 {
border-width: 4 !important;
}
.lg_bs-solid {
border-style: solid !important;
}
.lg_rd-0 {
border-radius: 0px !important;
}
.lg_rd-2 {
border-radius: 2px !important;
}
.lg_rd-4 {
border-radius: 4px !important;
}
.lg_rd-8 {
border-radius: 8px !important;
}
.lg_rd-16 {
border-radius: 16px !important;
}
.lg_rd-32 {
border-radius: 32px !important;
}
.lg_rd-half {
border-radius: 50% !important;
}
.lg_fs-10 {
font-size: 10px !important;
}
.lg_fs-12 {
font-size: 12px !important;
}
.lg_fs-14 {
font-size: 14px !important;
}
.lg_fs-16 {
font-size: 16px !important;
}
.lg_fs-18 {
font-size: 18px !important;
}
.lg_fs-20 {
font-size: 20px !important;
}
.lg_fs-24 {
font-size: 24px !important;
}
.lg_fs-32 {
font-size: 32px !important;
}
.lg_fs-48 {
font-size: 48px !important;
}
.lg_fs-64 {
font-size: 64px !important;
}
.lg_fs-small {
font-size: smaller !important;
}
.lg_fw-300 {
font-weight: 300 !important;
}
.lg_fw-500 {
font-weight: 500 !important;
}
.lg_fw-600 {
font-weight: 600 !important;
}
.lg_fw-700 {
font-weight: 700 !important;
}
.lg_fw-900 {
font-weight: 900 !important;
}
.lg_fw-bold {
font-weight: bold !important;
}
.lg_fl-italic {
font-style: italic !important;
}
.lg_lh-1 {
line-height: 1 !important;
}
.lg_lh-10 {
line-height: 10px !important;
}
.lg_lh-12 {
line-height: 12px !important;
}
.lg_lh-14 {
line-height: 14px !important;
}
.lg_lh-16 {
line-height: 16px !important;
}
.lg_lh-18 {
line-height: 18px !important;
}
.lg_lh-20 {
line-height: 20px !important;
}
.lg_lh-24 {
line-height: 24px !important;
}
.lg_lh-26 {
line-height: 26px !important;
}
.lg_lh-28 {
line-height: 28px !important;
}
.lg_lh-32 {
line-height: 32px !important;
}
.lg_lh-40 {
line-height: 40px !important;
}
.lg_lh-48 {
line-height: 48px !important;
}
.lg_lh-64 {
line-height: 64px !important;
}
.lg_ta-left {
text-align: left !important;
}
.lg_ta-right {
text-align: right !important;
}
.lg_ta-center {
text-align: center !important;
}
.lg_ta-justify {
text-align: justify !important;
}
.lg_tt-lowercase {
text-transform: lowercase !important;
}
.lg_tt-uppercase {
text-transform: uppercase !important;
}
.lg_td-none {
text-decoration: none !important;
}
.lg_td-underline {
text-decoration: underline !important;
}
.lg_f-left {
float: left !important;
}
.lg_f-right {
float: right !important;
}
.lg_cl-none {
clear: none !important;
}
.lg_cl-both {
clear: both !important;
}
.lg_cl-left {
clear: left !important;
}
.lg_cl-right {
clear: right !important;
}
.lg_d-none {
display: none !important;
}
.lg_d-block {
display: block !important;
}
.lg_d-inline {
display: inline !important;
}
.lg_d-inline-block {
display: inline-block !important;
}
.lg_d-flex {
display: flex !important;
}
.lg_d-inline-flex {
display: inline-flex !important;
}
.lg_d-table {
display: table !important;
}
.lg_d-table-cell {
display: table-cell !important;
}
.lg_d-grid {
display: grid !important;
}
.lg_p-absolute {
position: absolute !important;
}
.lg_p-relative {
position: relative !important;
}
.lg_p-static {
position: static !important;
}
.lg_p-fixed {
position: fixed !important;
}
.lg_of-cover {
object-fit: cover !important;
}
.lg_of-contain {
object-fit: contain !important;
}
.lg_t-0 {
top: 0px !important;
}
.lg_t-4 {
top: 4px !important;
}
.lg_t-8 {
top: 8px !important;
}
.lg_t-16 {
top: 16px !important;
}
.lg_t-24 {
top: 24px !important;
}
.lg_t-32 {
top: 32px !important;
}
.lg_t-40 {
top: 40px !important;
}
.lg_t-80 {
top: 80px !important;
}
.lg_l-0 {
left: 0px !important;
}
.lg_l-4 {
left: 4px !important;
}
.lg_l-8 {
left: 8px !important;
}
.lg_l-16 {
left: 16px !important;
}
.lg_l-24 {
left: 24px !important;
}
.lg_l-32 {
left: 32px !important;
}
.lg_l-40 {
left: 40px !important;
}
.lg_l-80 {
left: 80px !important;
}
.lg_r-0 {
right: 0px !important;
}
.lg_r-4 {
right: 4px !important;
}
.lg_r-8 {
right: 8px !important;
}
.lg_r-16 {
right: 16px !important;
}
.lg_r-24 {
right: 24px !important;
}
.lg_r-32 {
right: 32px !important;
}
.lg_r-40 {
right: 40px !important;
}
.lg_r-80 {
right: 80px !important;
}
.lg_b-0 {
bottom: 0px !important;
}
.lg_b-4 {
bottom: 4px !important;
}
.lg_b-8 {
bottom: 8px !important;
}
.lg_b-16 {
bottom: 16px !important;
}
.lg_b-24 {
bottom: 24px !important;
}
.lg_b-32 {
bottom: 32px !important;
}
.lg_b-40 {
bottom: 40px !important;
}
.lg_b-80 {
bottom: 80px !important;
}
.lg_cls-1 {
columns: 1 !important;
}
.lg_cls-2 {
columns: 2 !important;
}
.lg_cls-3 {
columns: 3 !important;
}
.lg_cls-4 {
columns: 4 !important;
}
.lg_cls-5 {
columns: 5 !important;
}
.lg_cls-6 {
columns: 6 !important;
}
.lg_clc-1 {
column-count: 1 !important;
}
.lg_clc-2 {
column-count: 2 !important;
}
.lg_clc-3 {
column-count: 3 !important;
}
.lg_clc-4 {
column-count: 4 !important;
}
.lg_clc-5 {
column-count: 5 !important;
}
.lg_clc-6 {
column-count: 6 !important;
}
.lg_clg-0 {
column-gap: 0px !important;
}
.lg_clg-4 {
column-gap: 4px !important;
}
.lg_clg-8 {
column-gap: 8px !important;
}
.lg_clg-16 {
column-gap: 16px !important;
}
.lg_clg-24 {
column-gap: 24px !important;
}
.lg_clg-32 {
column-gap: 32px !important;
}
.lg_clg-40 {
column-gap: 40px !important;
}
.lg_clg-80 {
column-gap: 80px !important;
}
.lg_o-0 {
opacity: 0 !important;
}
.lg_o-10 {
opacity: 0.1 !important;
}
.lg_o-20 {
opacity: 0.2 !important;
}
.lg_o-30 {
opacity: 0.3 !important;
}
.lg_o-40 {
opacity: 0.4 !important;
}
.lg_o-50 {
opacity: 0.5 !important;
}
.lg_o-60 {
opacity: 0.6 !important;
}
.lg_o-70 {
opacity: 0.7 !important;
}
.lg_o-80 {
opacity: 0.9 !important;
}
.lg_o-100 {
opacity: 1 !important;
}
.lg_w-0 {
width: 0 !important;
}
.lg_w-half {
width: 50% !important;
}
.lg_w-full {
width: 100% !important;
}
.lg_w-window {
width: 100vw !important;
}
.lg_w-8 {
width: 8px !important;
}
.lg_w-16 {
width: 16px !important;
}
.lg_w-32 {
width: 32px !important;
}
.lg_w-56 {
width: 56px !important;
}
.lg_w-64 {
width: 64px !important;
}
.lg_w-96 {
width: 96px !important;
}
.lg_w-128 {
width: 128px !important;
}
.lg_w-256 {
width: 256px !important;
}
.lg_w-512 {
width: 512px !important;
}
.lg_w-100 {
width: 100px !important;
}
.lg_w-200 {
width: 200px !important;
}
.lg_w-300 {
width: 300px !important;
}
.lg_w-400 {
width: 400px !important;
}
.lg_w-500 {
width: 500px !important;
}
.lg_w-600 {
width: 600px !important;
}
.lg_h-0 {
height: 0 !important;
}
.lg_h-half {
height: 50% !important;
}
.lg_h-full {
height: 100% !important;
}
.lg_h-window {
height: 100vh !important;
}
.lg_h-8 {
height: 8px !important;
}
.lg_h-16 {
height: 16px !important;
}
.lg_h-32 {
height: 32px !important;
}
.lg_h-56 {
height: 56px !important;
}
.lg_h-64 {
height: 64px !important;
}
.lg_h-96 {
height: 96px !important;
}
.lg_h-128 {
height: 128px !important;
}
.lg_h-256 {
height: 256px !important;
}
.lg_h-512 {
height: 512px !important;
}
.lg_h-100 {
height: 100px !important;
}
.lg_h-200 {
height: 200px !important;
}
.lg_h-300 {
height: 300px !important;
}
.lg_h-400 {
height: 400px !important;
}
.lg_h-500 {
height: 500px !important;
}
.lg_h-600 {
height: 600px !important;
}
.lg_maxw-0 {
max-width: 0px !important;
}
.lg_maxw-1 {
max-width: 1px !important;
}
.lg_maxw-128 {
max-width: 128px !important;
}
.lg_maxw-256 {
max-width: 256px !important;
}
.lg_maxw-512 {
max-width: 512px !important;
}
.lg_maxw-640 {
max-width: 640px !important;
}
.lg_maxw-half {
max-width: 50% !important;
}
.lg_maxw-full {
max-width: 100% !important;
}
.lg_maxh-0 {
max-height: 0px !important;
}
.lg_maxh-1 {
max-height: 1px !important;
}
.lg_maxh-128 {
max-height: 128px !important;
}
.lg_maxh-256 {
max-height: 256px !important;
}
.lg_maxh-512 {
max-height: 512px !important;
}
.lg_maxh-640 {
max-height: 640px !important;
}
.lg_maxh-half {
max-height: 50% !important;
}
.lg_maxh-full {
max-height: 100% !important;
}
.lg_ws-nowrap {
white-space: nowrap !important;
}
.lg_ls-none {
list-style: none !important;
}
.lg_ls-default {
list-style: disc inside !important;
}
.lg_lsp-inside {
list-style-position: inside !important;
}
.lg_lst-disc {
list-style-type: disc !important;
}
.lg_bxsz-border-box {
box-sizing: border-box !important;
}
.lg_bxsz-content-box {
box-sizing: content-box !important;
}
.lg_bxsh-none {
box-shadow: none !important;
}
.lg_bxsh-default {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
}
.lg_jc-center {
justify-content: center !important;
}
.lg_ov-auto {
overflow: auto !important;
}
.lg_ov-hidden {
overflow: hidden !important;
}
.lg_ov-visible {
overflow: visible !important;
}
.lg_c-white {
color: #ffffff !important;
}
.lg_bgc-white {
background-color: #ffffff !important;
}
.lg_bc-white {
border-color: #ffffff !important;
}
.lg_c-gray-light-01 {
color: #f2f2f2 !important;
}
.lg_bgc-gray-light-01 {
background-color: #f2f2f2 !important;
}
.lg_bc-gray-light-01 {
border-color: #f2f2f2 !important;
}
.lg_c-gray-light-02 {
color: #e9e9e9 !important;
}
.lg_bgc-gray-light-02 {
background-color: #e9e9e9 !important;
}
.lg_bc-gray-light-02 {
border-color: #e9e9e9 !important;
}
.lg_c-gray-light-03 {
color: #dddddd !important;
}
.lg_bgc-gray-light-03 {
background-color: #dddddd !important;
}
.lg_bc-gray-light-03 {
border-color: #dddddd !important;
}
.lg_c-gray-light-04 {
color: #cccccc !important;
}
.lg_bgc-gray-light-04 {
background-color: #cccccc !important;
}
.lg_bc-gray-light-04 {
border-color: #cccccc !important;
}
.lg_c-black {
color: #000000 !important;
}
.lg_bgc-black {
background-color: #000000 !important;
}
.lg_bc-black {
border-color: #000000 !important;
}
.lg_c-gray-dark-01 {
color: #333333 !important;
}
.lg_bgc-gray-dark-01 {
background-color: #333333 !important;
}
.lg_bc-gray-dark-01 {
border-color: #333333 !important;
}
.lg_c-gray-dark-02 {
color: #666666 !important;
}
.lg_bgc-gray-dark-02 {
background-color: #666666 !important;
}
.lg_bc-gray-dark-02 {
border-color: #666666 !important;
}
.lg_c-gray-dark-03 {
color: #888888 !important;
}
.lg_bgc-gray-dark-03 {
background-color: #888888 !important;
}
.lg_bc-gray-dark-03 {
border-color: #888888 !important;
}
.lg_c-border {
color: #cccccc !important;
}
.lg_bgc-border {
background-color: #cccccc !important;
}
.lg_bc-border {
border-color: #cccccc !important;
}
.lg_c-text {
color: #333333 !important;
}
.lg_bgc-text {
background-color: #333333 !important;
}
.lg_bc-text {
border-color: #333333 !important;
}
.lg_c-primary {
color: #d8931c !important;
}
.lg_bgc-primary {
background-color: #d8931c !important;
}
.lg_bc-primary {
border-color: #d8931c !important;
}
.lg_c-primary-2 {
color: #b1740b !important;
}
.lg_bgc-primary-2 {
background-color: #b1740b !important;
}
.lg_bc-primary-2 {
border-color: #b1740b !important;
}
.lg_c-primary-3 {
color: #734607 !important;
}
.lg_bgc-primary-3 {
background-color: #734607 !important;
}
.lg_bc-primary-3 {
border-color: #734607 !important;
}
.lg_c-secondary {
color: #e33310 !important;
}
.lg_bgc-secondary {
background-color: #e33310 !important;
}
.lg_bc-secondary {
border-color: #e33310 !important;
}
.lg_c-notification {
color: #fb6002 !important;
}
.lg_bgc-notification {
background-color: #fb6002 !important;
}
.lg_bc-notification {
border-color: #fb6002 !important;
}
.lg_c-error {
color: #cd323f !important;
}
.lg_bgc-error {
background-color: #cd323f !important;
}
.lg_bc-error {
border-color: #cd323f !important;
}
.lg_c-error-message {
color: #fbcaca !important;
}
.lg_bgc-error-message {
background-color: #fbcaca !important;
}
.lg_bc-error-message {
border-color: #fbcaca !important;
}
.lg_c-success {
color: #7fc97d !important;
}
.lg_bgc-success {
background-color: #7fc97d !important;
}
.lg_bc-success {
border-color: #7fc97d !important;
}
.lg_c-warning {
color: #decf20 !important;
}
.lg_bgc-warning {
background-color: #decf20 !important;
}
.lg_bc-warning {
border-color: #decf20 !important;
}
.lg_c-warning-2 {
color: #d5b408 !important;
}
.lg_bgc-warning-2 {
background-color: #d5b408 !important;
}
.lg_bc-warning-2 {
border-color: #d5b408 !important;
}
.lg_c-irreversible {
color: #e95a4f !important;
}
.lg_bgc-irreversible {
background-color: #e95a4f !important;
}
.lg_bc-irreversible {
border-color: #e95a4f !important;
}
.lg_a-primary {
color: #d8931c !important;
transition: all ease-in-out 300ms;
}
.lg_a-primary:hover {
color: #7e5610 !important;
}
.lg_a-default {
transition: all ease-in-out 300ms !important;
}
.lg_a-default:hover {
color: #d8931c !important;
}
.lg_vm {
display: flex;
align-items: center;
height: 100%;
}
.lg_invisible {
display: none !important;
}
.lg_tpl-no-spacer {
padding-left: 0 !important;
}
}
@media all and (min-width: 1200px) {
.xl_pa-0 {
padding: 0px !important;
}
.xl_pa-4 {
padding: 4px !important;
}
.xl_pa-8 {
padding: 8px !important;
}
.xl_pa-16 {
padding: 16px !important;
}
.xl_pa-24 {
padding: 24px !important;
}
.xl_pa-32 {
padding: 32px !important;
}
.xl_pa-40 {
padding: 40px !important;
}
.xl_pa-48 {
padding: 48px !important;
}
.xl_pa-56 {
padding: 56px !important;
}
.xl_pa-80 {
padding: 80px !important;
}
.xl_pt-0 {
padding-top: 0px !important;
}
.xl_pt-4 {
padding-top: 4px !important;
}
.xl_pt-8 {
padding-top: 8px !important;
}
.xl_pt-16 {
padding-top: 16px !important;
}
.xl_pt-24 {
padding-top: 24px !important;
}
.xl_pt-32 {
padding-top: 32px !important;
}
.xl_pt-40 {
padding-top: 40px !important;
}
.xl_pt-48 {
padding-top: 48px !important;
}
.xl_pt-56 {
padding-top: 56px !important;
}
.xl_pt-80 {
padding-top: 80px !important;
}
.xl_pb-0 {
padding-bottom: 0px !important;
}
.xl_pb-4 {
padding-bottom: 4px !important;
}
.xl_pb-8 {
padding-bottom: 8px !important;
}
.xl_pb-16 {
padding-bottom: 16px !important;
}
.xl_pb-24 {
padding-bottom: 24px !important;
}
.xl_pb-32 {
padding-bottom: 32px !important;
}
.xl_pb-40 {
padding-bottom: 40px !important;
}
.xl_pb-48 {
padding-bottom: 48px !important;
}
.xl_pb-56 {
padding-bottom: 56px !important;
}
.xl_pb-80 {
padding-bottom: 80px !important;
}
.xl_pl-0 {
padding-left: 0px !important;
}
.xl_pl-4 {
padding-left: 4px !important;
}
.xl_pl-8 {
padding-left: 8px !important;
}
.xl_pl-16 {
padding-left: 16px !important;
}
.xl_pl-24 {
padding-left: 24px !important;
}
.xl_pl-32 {
padding-left: 32px !important;
}
.xl_pl-40 {
padding-left: 40px !important;
}
.xl_pl-48 {
padding-left: 48px !important;
}
.xl_pl-56 {
padding-left: 56px !important;
}
.xl_pl-80 {
padding-left: 80px !important;
}
.xl_pr-0 {
padding-right: 0px !important;
}
.xl_pr-4 {
padding-right: 4px !important;
}
.xl_pr-8 {
padding-right: 8px !important;
}
.xl_pr-16 {
padding-right: 16px !important;
}
.xl_pr-24 {
padding-right: 24px !important;
}
.xl_pr-32 {
padding-right: 32px !important;
}
.xl_pr-40 {
padding-right: 40px !important;
}
.xl_pr-48 {
padding-right: 48px !important;
}
.xl_pr-56 {
padding-right: 56px !important;
}
.xl_pr-80 {
padding-right: 80px !important;
}
.xl_py-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.xl_py-4 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.xl_py-8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.xl_py-16 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.xl_py-24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.xl_py-32 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.xl_py-40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.xl_py-48 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.xl_py-56 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.xl_py-80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.xl_px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.xl_px-4 {
padding-left: 4px !important;
padding-right: 4px !important;
}
.xl_px-8 {
padding-left: 8px !important;
padding-right: 8px !important;
}
.xl_px-16 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.xl_px-24 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.xl_px-32 {
padding-left: 32px !important;
padding-right: 32px !important;
}
.xl_px-40 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.xl_px-48 {
padding-left: 48px !important;
padding-right: 48px !important;
}
.xl_px-56 {
padding-left: 56px !important;
padding-right: 56px !important;
}
.xl_px-80 {
padding-left: 80px !important;
padding-right: 80px !important;
}
.xl_my-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.xl_my-4 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.xl_my-8 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.xl_my-16 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.xl_my-24 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.xl_my-32 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.xl_my-40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.xl_my-48 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.xl_my-56 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.xl_my-80 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.xl_my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.xl_mx-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.xl_mx-4 {
margin-left: 4px !important;
margin-right: 4px !important;
}
.xl_mx-8 {
margin-left: 8px !important;
margin-right: 8px !important;
}
.xl_mx-16 {
margin-left: 16px !important;
margin-right: 16px !important;
}
.xl_mx-24 {
margin-left: 24px !important;
margin-right: 24px !important;
}
.xl_mx-32 {
margin-left: 32px !important;
margin-right: 32px !important;
}
.xl_mx-40 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.xl_mx-48 {
margin-left: 48px !important;
margin-right: 48px !important;
}
.xl_mx-56 {
margin-left: 56px !important;
margin-right: 56px !important;
}
.xl_mx-80 {
margin-left: 80px !important;
margin-right: 80px !important;
}
.xl_mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.xl_ma-0 {
margin: 0px !important;
}
.xl_ma-1 {
margin: 1px !important;
}
.xl_ma-2 {
margin: 2px !important;
}
.xl_ma-4 {
margin: 4px !important;
}
.xl_ma-8 {
margin: 8px !important;
}
.xl_ma-16 {
margin: 16px !important;
}
.xl_ma-24 {
margin: 24px !important;
}
.xl_ma-32 {
margin: 32px !important;
}
.xl_ma-40 {
margin: 40px !important;
}
.xl_ma-48 {
margin: 48px !important;
}
.xl_ma-56 {
margin: 56px !important;
}
.xl_ma-64 {
margin: 64px !important;
}
.xl_ma-72 {
margin: 72px !important;
}
.xl_ma-80 {
margin: 80px !important;
}
.xl_mt-0 {
margin-top: 0px !important;
}
.xl_mt-1 {
margin-top: 1px !important;
}
.xl_mt-2 {
margin-top: 2px !important;
}
.xl_mt-4 {
margin-top: 4px !important;
}
.xl_mt-8 {
margin-top: 8px !important;
}
.xl_mt-16 {
margin-top: 16px !important;
}
.xl_mt-24 {
margin-top: 24px !important;
}
.xl_mt-32 {
margin-top: 32px !important;
}
.xl_mt-40 {
margin-top: 40px !important;
}
.xl_mt-48 {
margin-top: 48px !important;
}
.xl_mt-56 {
margin-top: 56px !important;
}
.xl_mt-64 {
margin-top: 64px !important;
}
.xl_mt-72 {
margin-top: 72px !important;
}
.xl_mt-80 {
margin-top: 80px !important;
}
.xl_mb-0 {
margin-bottom: 0px !important;
}
.xl_mb-1 {
margin-bottom: 1px !important;
}
.xl_mb-2 {
margin-bottom: 2px !important;
}
.xl_mb-4 {
margin-bottom: 4px !important;
}
.xl_mb-8 {
margin-bottom: 8px !important;
}
.xl_mb-16 {
margin-bottom: 16px !important;
}
.xl_mb-24 {
margin-bottom: 24px !important;
}
.xl_mb-32 {
margin-bottom: 32px !important;
}
.xl_mb-40 {
margin-bottom: 40px !important;
}
.xl_mb-48 {
margin-bottom: 48px !important;
}
.xl_mb-56 {
margin-bottom: 56px !important;
}
.xl_mb-64 {
margin-bottom: 64px !important;
}
.xl_mb-72 {
margin-bottom: 72px !important;
}
.xl_mb-80 {
margin-bottom: 80px !important;
}
.xl_ml-0 {
margin-left: 0px !important;
}
.xl_ml-1 {
margin-left: 1px !important;
}
.xl_ml-2 {
margin-left: 2px !important;
}
.xl_ml-4 {
margin-left: 4px !important;
}
.xl_ml-8 {
margin-left: 8px !important;
}
.xl_ml-16 {
margin-left: 16px !important;
}
.xl_ml-24 {
margin-left: 24px !important;
}
.xl_ml-32 {
margin-left: 32px !important;
}
.xl_ml-40 {
margin-left: 40px !important;
}
.xl_ml-48 {
margin-left: 48px !important;
}
.xl_ml-56 {
margin-left: 56px !important;
}
.xl_ml-64 {
margin-left: 64px !important;
}
.xl_ml-72 {
margin-left: 72px !important;
}
.xl_ml-80 {
margin-left: 80px !important;
}
.xl_mr-0 {
margin-right: 0px !important;
}
.xl_mr-1 {
margin-right: 1px !important;
}
.xl_mr-2 {
margin-right: 2px !important;
}
.xl_mr-4 {
margin-right: 4px !important;
}
.xl_mr-8 {
margin-right: 8px !important;
}
.xl_mr-16 {
margin-right: 16px !important;
}
.xl_mr-24 {
margin-right: 24px !important;
}
.xl_mr-32 {
margin-right: 32px !important;
}
.xl_mr-40 {
margin-right: 40px !important;
}
.xl_mr-48 {
margin-right: 48px !important;
}
.xl_mr-56 {
margin-right: 56px !important;
}
.xl_mr-64 {
margin-right: 64px !important;
}
.xl_mr-72 {
margin-right: 72px !important;
}
.xl_mr-80 {
margin-right: 80px !important;
}
.xl_bg-none {
background: none !important;
}
.xl_bgr-no-repeat {
background-repeat: no-repeat !important;
}
.xl_bgi-none {
background-image: none !important;
}
.xl_bgp-center {
background-position: center !important;
}
.xl_bgp-top {
background-position: top !important;
}
.xl_bgp-left {
background-position: left !important;
}
.xl_bgp-right {
background-position: right !important;
}
.xl_bgp-bottom {
background-position: bottom !important;
}
.xl_bgs-cover {
background-size: cover !important;
}
.xl_bgs-contain {
background-size: contain !important;
}
.xl_bd-0 {
border: 0 !important;
}
.xl_bd-1 {
border: 1px solid #eee !important;
}
.xl_bd-2 {
border: 2px solid #eee !important;
}
.xl_bd-4 {
border: 4px solid #eee !important;
}
.xl_bt-0 {
border-top: 0 !important;
}
.xl_bt-1 {
border-top: 1px solid #eee !important;
}
.xl_bt-2 {
border-top: 2px solid #eee !important;
}
.xl_bt-4 {
border-top: 4px solid #eee !important;
}
.xl_bb-0 {
border-bottom: 0 !important;
}
.xl_bb-1 {
border-bottom: 1px solid #eee !important;
}
.xl_bb-2 {
border-bottom: 2px solid #eee !important;
}
.xl_bb-4 {
border-bottom: 4px solid #eee !important;
}
.xl_bl-0 {
border-left: 0 !important;
}
.xl_bl-1 {
border-left: 1px solid #eee !important;
}
.xl_bl-2 {
border-left: 2px solid #eee !important;
}
.xl_bl-4 {
border-left: 4px solid #eee !important;
}
.xl_br-0 {
border-right: 0 !important;
}
.xl_br-1 {
border-right: 1px solid #eee !important;
}
.xl_br-2 {
border-right: 2px solid #eee !important;
}
.xl_br-4 {
border-right: 4px solid #eee !important;
}
.xl_bw-0 {
border-width: 0 !important;
}
.xl_bw-1 {
border-width: 1 !important;
}
.xl_bw-2 {
border-width: 2 !important;
}
.xl_bw-4 {
border-width: 4 !important;
}
.xl_bs-solid {
border-style: solid !important;
}
.xl_rd-0 {
border-radius: 0px !important;
}
.xl_rd-2 {
border-radius: 2px !important;
}
.xl_rd-4 {
border-radius: 4px !important;
}
.xl_rd-8 {
border-radius: 8px !important;
}
.xl_rd-16 {
border-radius: 16px !important;
}
.xl_rd-32 {
border-radius: 32px !important;
}
.xl_rd-half {
border-radius: 50% !important;
}
.xl_fs-10 {
font-size: 10px !important;
}
.xl_fs-12 {
font-size: 12px !important;
}
.xl_fs-14 {
font-size: 14px !important;
}
.xl_fs-16 {
font-size: 16px !important;
}
.xl_fs-18 {
font-size: 18px !important;
}
.xl_fs-20 {
font-size: 20px !important;
}
.xl_fs-24 {
font-size: 24px !important;
}
.xl_fs-32 {
font-size: 32px !important;
}
.xl_fs-48 {
font-size: 48px !important;
}
.xl_fs-64 {
font-size: 64px !important;
}
.xl_fs-small {
font-size: smaller !important;
}
.xl_fw-300 {
font-weight: 300 !important;
}
.xl_fw-500 {
font-weight: 500 !important;
}
.xl_fw-600 {
font-weight: 600 !important;
}
.xl_fw-700 {
font-weight: 700 !important;
}
.xl_fw-900 {
font-weight: 900 !important;
}
.xl_fw-bold {
font-weight: bold !important;
}
.xl_fl-italic {
font-style: italic !important;
}
.xl_lh-1 {
line-height: 1 !important;
}
.xl_lh-10 {
line-height: 10px !important;
}
.xl_lh-12 {
line-height: 12px !important;
}
.xl_lh-14 {
line-height: 14px !important;
}
.xl_lh-16 {
line-height: 16px !important;
}
.xl_lh-18 {
line-height: 18px !important;
}
.xl_lh-20 {
line-height: 20px !important;
}
.xl_lh-24 {
line-height: 24px !important;
}
.xl_lh-26 {
line-height: 26px !important;
}
.xl_lh-28 {
line-height: 28px !important;
}
.xl_lh-32 {
line-height: 32px !important;
}
.xl_lh-40 {
line-height: 40px !important;
}
.xl_lh-48 {
line-height: 48px !important;
}
.xl_lh-64 {
line-height: 64px !important;
}
.xl_ta-left {
text-align: left !important;
}
.xl_ta-right {
text-align: right !important;
}
.xl_ta-center {
text-align: center !important;
}
.xl_ta-justify {
text-align: justify !important;
}
.xl_tt-lowercase {
text-transform: lowercase !important;
}
.xl_tt-uppercase {
text-transform: uppercase !important;
}
.xl_td-none {
text-decoration: none !important;
}
.xl_td-underline {
text-decoration: underline !important;
}
.xl_f-left {
float: left !important;
}
.xl_f-right {
float: right !important;
}
.xl_cl-none {
clear: none !important;
}
.xl_cl-both {
clear: both !important;
}
.xl_cl-left {
clear: left !important;
}
.xl_cl-right {
clear: right !important;
}
.xl_d-none {
display: none !important;
}
.xl_d-block {
display: block !important;
}
.xl_d-inline {
display: inline !important;
}
.xl_d-inline-block {
display: inline-block !important;
}
.xl_d-flex {
display: flex !important;
}
.xl_d-inline-flex {
display: inline-flex !important;
}
.xl_d-table {
display: table !important;
}
.xl_d-table-cell {
display: table-cell !important;
}
.xl_d-grid {
display: grid !important;
}
.xl_p-absolute {
position: absolute !important;
}
.xl_p-relative {
position: relative !important;
}
.xl_p-static {
position: static !important;
}
.xl_p-fixed {
position: fixed !important;
}
.xl_of-cover {
object-fit: cover !important;
}
.xl_of-contain {
object-fit: contain !important;
}
.xl_t-0 {
top: 0px !important;
}
.xl_t-4 {
top: 4px !important;
}
.xl_t-8 {
top: 8px !important;
}
.xl_t-16 {
top: 16px !important;
}
.xl_t-24 {
top: 24px !important;
}
.xl_t-32 {
top: 32px !important;
}
.xl_t-40 {
top: 40px !important;
}
.xl_t-80 {
top: 80px !important;
}
.xl_l-0 {
left: 0px !important;
}
.xl_l-4 {
left: 4px !important;
}
.xl_l-8 {
left: 8px !important;
}
.xl_l-16 {
left: 16px !important;
}
.xl_l-24 {
left: 24px !important;
}
.xl_l-32 {
left: 32px !important;
}
.xl_l-40 {
left: 40px !important;
}
.xl_l-80 {
left: 80px !important;
}
.xl_r-0 {
right: 0px !important;
}
.xl_r-4 {
right: 4px !important;
}
.xl_r-8 {
right: 8px !important;
}
.xl_r-16 {
right: 16px !important;
}
.xl_r-24 {
right: 24px !important;
}
.xl_r-32 {
right: 32px !important;
}
.xl_r-40 {
right: 40px !important;
}
.xl_r-80 {
right: 80px !important;
}
.xl_b-0 {
bottom: 0px !important;
}
.xl_b-4 {
bottom: 4px !important;
}
.xl_b-8 {
bottom: 8px !important;
}
.xl_b-16 {
bottom: 16px !important;
}
.xl_b-24 {
bottom: 24px !important;
}
.xl_b-32 {
bottom: 32px !important;
}
.xl_b-40 {
bottom: 40px !important;
}
.xl_b-80 {
bottom: 80px !important;
}
.xl_cls-1 {
columns: 1 !important;
}
.xl_cls-2 {
columns: 2 !important;
}
.xl_cls-3 {
columns: 3 !important;
}
.xl_cls-4 {
columns: 4 !important;
}
.xl_cls-5 {
columns: 5 !important;
}
.xl_cls-6 {
columns: 6 !important;
}
.xl_clc-1 {
column-count: 1 !important;
}
.xl_clc-2 {
column-count: 2 !important;
}
.xl_clc-3 {
column-count: 3 !important;
}
.xl_clc-4 {
column-count: 4 !important;
}
.xl_clc-5 {
column-count: 5 !important;
}
.xl_clc-6 {
column-count: 6 !important;
}
.xl_clg-0 {
column-gap: 0px !important;
}
.xl_clg-4 {
column-gap: 4px !important;
}
.xl_clg-8 {
column-gap: 8px !important;
}
.xl_clg-16 {
column-gap: 16px !important;
}
.xl_clg-24 {
column-gap: 24px !important;
}
.xl_clg-32 {
column-gap: 32px !important;
}
.xl_clg-40 {
column-gap: 40px !important;
}
.xl_clg-80 {
column-gap: 80px !important;
}
.xl_o-0 {
opacity: 0 !important;
}
.xl_o-10 {
opacity: 0.1 !important;
}
.xl_o-20 {
opacity: 0.2 !important;
}
.xl_o-30 {
opacity: 0.3 !important;
}
.xl_o-40 {
opacity: 0.4 !important;
}
.xl_o-50 {
opacity: 0.5 !important;
}
.xl_o-60 {
opacity: 0.6 !important;
}
.xl_o-70 {
opacity: 0.7 !important;
}
.xl_o-80 {
opacity: 0.9 !important;
}
.xl_o-100 {
opacity: 1 !important;
}
.xl_w-0 {
width: 0 !important;
}
.xl_w-half {
width: 50% !important;
}
.xl_w-full {
width: 100% !important;
}
.xl_w-window {
width: 100vw !important;
}
.xl_w-8 {
width: 8px !important;
}
.xl_w-16 {
width: 16px !important;
}
.xl_w-32 {
width: 32px !important;
}
.xl_w-56 {
width: 56px !important;
}
.xl_w-64 {
width: 64px !important;
}
.xl_w-96 {
width: 96px !important;
}
.xl_w-128 {
width: 128px !important;
}
.xl_w-256 {
width: 256px !important;
}
.xl_w-512 {
width: 512px !important;
}
.xl_w-100 {
width: 100px !important;
}
.xl_w-200 {
width: 200px !important;
}
.xl_w-300 {
width: 300px !important;
}
.xl_w-400 {
width: 400px !important;
}
.xl_w-500 {
width: 500px !important;
}
.xl_w-600 {
width: 600px !important;
}
.xl_h-0 {
height: 0 !important;
}
.xl_h-half {
height: 50% !important;
}
.xl_h-full {
height: 100% !important;
}
.xl_h-window {
height: 100vh !important;
}
.xl_h-8 {
height: 8px !important;
}
.xl_h-16 {
height: 16px !important;
}
.xl_h-32 {
height: 32px !important;
}
.xl_h-56 {
height: 56px !important;
}
.xl_h-64 {
height: 64px !important;
}
.xl_h-96 {
height: 96px !important;
}
.xl_h-128 {
height: 128px !important;
}
.xl_h-256 {
height: 256px !important;
}
.xl_h-512 {
height: 512px !important;
}
.xl_h-100 {
height: 100px !important;
}
.xl_h-200 {
height: 200px !important;
}
.xl_h-300 {
height: 300px !important;
}
.xl_h-400 {
height: 400px !important;
}
.xl_h-500 {
height: 500px !important;
}
.xl_h-600 {
height: 600px !important;
}
.xl_maxw-0 {
max-width: 0px !important;
}
.xl_maxw-1 {
max-width: 1px !important;
}
.xl_maxw-128 {
max-width: 128px !important;
}
.xl_maxw-256 {
max-width: 256px !important;
}
.xl_maxw-512 {
max-width: 512px !important;
}
.xl_maxw-640 {
max-width: 640px !important;
}
.xl_maxw-half {
max-width: 50% !important;
}
.xl_maxw-full {
max-width: 100% !important;
}
.xl_maxh-0 {
max-height: 0px !important;
}
.xl_maxh-1 {
max-height: 1px !important;
}
.xl_maxh-128 {
max-height: 128px !important;
}
.xl_maxh-256 {
max-height: 256px !important;
}
.xl_maxh-512 {
max-height: 512px !important;
}
.xl_maxh-640 {
max-height: 640px !important;
}
.xl_maxh-half {
max-height: 50% !important;
}
.xl_maxh-full {
max-height: 100% !important;
}
.xl_ws-nowrap {
white-space: nowrap !important;
}
.xl_ls-none {
list-style: none !important;
}
.xl_ls-default {
list-style: disc inside !important;
}
.xl_lsp-inside {
list-style-position: inside !important;
}
.xl_lst-disc {
list-style-type: disc !important;
}
.xl_bxsz-border-box {
box-sizing: border-box !important;
}
.xl_bxsz-content-box {
box-sizing: content-box !important;
}
.xl_bxsh-none {
box-shadow: none !important;
}
.xl_bxsh-default {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
}
.xl_jc-center {
justify-content: center !important;
}
.xl_ov-auto {
overflow: auto !important;
}
.xl_ov-hidden {
overflow: hidden !important;
}
.xl_ov-visible {
overflow: visible !important;
}
.xl_c-white {
color: #ffffff !important;
}
.xl_bgc-white {
background-color: #ffffff !important;
}
.xl_bc-white {
border-color: #ffffff !important;
}
.xl_c-gray-light-01 {
color: #f2f2f2 !important;
}
.xl_bgc-gray-light-01 {
background-color: #f2f2f2 !important;
}
.xl_bc-gray-light-01 {
border-color: #f2f2f2 !important;
}
.xl_c-gray-light-02 {
color: #e9e9e9 !important;
}
.xl_bgc-gray-light-02 {
background-color: #e9e9e9 !important;
}
.xl_bc-gray-light-02 {
border-color: #e9e9e9 !important;
}
.xl_c-gray-light-03 {
color: #dddddd !important;
}
.xl_bgc-gray-light-03 {
background-color: #dddddd !important;
}
.xl_bc-gray-light-03 {
border-color: #dddddd !important;
}
.xl_c-gray-light-04 {
color: #cccccc !important;
}
.xl_bgc-gray-light-04 {
background-color: #cccccc !important;
}
.xl_bc-gray-light-04 {
border-color: #cccccc !important;
}
.xl_c-black {
color: #000000 !important;
}
.xl_bgc-black {
background-color: #000000 !important;
}
.xl_bc-black {
border-color: #000000 !important;
}
.xl_c-gray-dark-01 {
color: #333333 !important;
}
.xl_bgc-gray-dark-01 {
background-color: #333333 !important;
}
.xl_bc-gray-dark-01 {
border-color: #333333 !important;
}
.xl_c-gray-dark-02 {
color: #666666 !important;
}
.xl_bgc-gray-dark-02 {
background-color: #666666 !important;
}
.xl_bc-gray-dark-02 {
border-color: #666666 !important;
}
.xl_c-gray-dark-03 {
color: #888888 !important;
}
.xl_bgc-gray-dark-03 {
background-color: #888888 !important;
}
.xl_bc-gray-dark-03 {
border-color: #888888 !important;
}
.xl_c-border {
color: #cccccc !important;
}
.xl_bgc-border {
background-color: #cccccc !important;
}
.xl_bc-border {
border-color: #cccccc !important;
}
.xl_c-text {
color: #333333 !important;
}
.xl_bgc-text {
background-color: #333333 !important;
}
.xl_bc-text {
border-color: #333333 !important;
}
.xl_c-primary {
color: #d8931c !important;
}
.xl_bgc-primary {
background-color: #d8931c !important;
}
.xl_bc-primary {
border-color: #d8931c !important;
}
.xl_c-primary-2 {
color: #b1740b !important;
}
.xl_bgc-primary-2 {
background-color: #b1740b !important;
}
.xl_bc-primary-2 {
border-color: #b1740b !important;
}
.xl_c-primary-3 {
color: #734607 !important;
}
.xl_bgc-primary-3 {
background-color: #734607 !important;
}
.xl_bc-primary-3 {
border-color: #734607 !important;
}
.xl_c-secondary {
color: #e33310 !important;
}
.xl_bgc-secondary {
background-color: #e33310 !important;
}
.xl_bc-secondary {
border-color: #e33310 !important;
}
.xl_c-notification {
color: #fb6002 !important;
}
.xl_bgc-notification {
background-color: #fb6002 !important;
}
.xl_bc-notification {
border-color: #fb6002 !important;
}
.xl_c-error {
color: #cd323f !important;
}
.xl_bgc-error {
background-color: #cd323f !important;
}
.xl_bc-error {
border-color: #cd323f !important;
}
.xl_c-error-message {
color: #fbcaca !important;
}
.xl_bgc-error-message {
background-color: #fbcaca !important;
}
.xl_bc-error-message {
border-color: #fbcaca !important;
}
.xl_c-success {
color: #7fc97d !important;
}
.xl_bgc-success {
background-color: #7fc97d !important;
}
.xl_bc-success {
border-color: #7fc97d !important;
}
.xl_c-warning {
color: #decf20 !important;
}
.xl_bgc-warning {
background-color: #decf20 !important;
}
.xl_bc-warning {
border-color: #decf20 !important;
}
.xl_c-warning-2 {
color: #d5b408 !important;
}
.xl_bgc-warning-2 {
background-color: #d5b408 !important;
}
.xl_bc-warning-2 {
border-color: #d5b408 !important;
}
.xl_c-irreversible {
color: #e95a4f !important;
}
.xl_bgc-irreversible {
background-color: #e95a4f !important;
}
.xl_bc-irreversible {
border-color: #e95a4f !important;
}
.xl_a-primary {
color: #d8931c !important;
transition: all ease-in-out 300ms;
}
.xl_a-primary:hover {
color: #7e5610 !important;
}
.xl_a-default {
transition: all ease-in-out 300ms !important;
}
.xl_a-default:hover {
color: #d8931c !important;
}
.xl_vm {
display: flex;
align-items: center;
height: 100%;
}
.xl_invisible {
display: none !important;
}
.xl_tpl-no-spacer {
padding-left: 0 !important;
}
}
@media all and (min-width: 1440px) {
.xxl_pa-0 {
padding: 0px !important;
}
.xxl_pa-4 {
padding: 4px !important;
}
.xxl_pa-8 {
padding: 8px !important;
}
.xxl_pa-16 {
padding: 16px !important;
}
.xxl_pa-24 {
padding: 24px !important;
}
.xxl_pa-32 {
padding: 32px !important;
}
.xxl_pa-40 {
padding: 40px !important;
}
.xxl_pa-48 {
padding: 48px !important;
}
.xxl_pa-56 {
padding: 56px !important;
}
.xxl_pa-80 {
padding: 80px !important;
}
.xxl_pt-0 {
padding-top: 0px !important;
}
.xxl_pt-4 {
padding-top: 4px !important;
}
.xxl_pt-8 {
padding-top: 8px !important;
}
.xxl_pt-16 {
padding-top: 16px !important;
}
.xxl_pt-24 {
padding-top: 24px !important;
}
.xxl_pt-32 {
padding-top: 32px !important;
}
.xxl_pt-40 {
padding-top: 40px !important;
}
.xxl_pt-48 {
padding-top: 48px !important;
}
.xxl_pt-56 {
padding-top: 56px !important;
}
.xxl_pt-80 {
padding-top: 80px !important;
}
.xxl_pb-0 {
padding-bottom: 0px !important;
}
.xxl_pb-4 {
padding-bottom: 4px !important;
}
.xxl_pb-8 {
padding-bottom: 8px !important;
}
.xxl_pb-16 {
padding-bottom: 16px !important;
}
.xxl_pb-24 {
padding-bottom: 24px !important;
}
.xxl_pb-32 {
padding-bottom: 32px !important;
}
.xxl_pb-40 {
padding-bottom: 40px !important;
}
.xxl_pb-48 {
padding-bottom: 48px !important;
}
.xxl_pb-56 {
padding-bottom: 56px !important;
}
.xxl_pb-80 {
padding-bottom: 80px !important;
}
.xxl_pl-0 {
padding-left: 0px !important;
}
.xxl_pl-4 {
padding-left: 4px !important;
}
.xxl_pl-8 {
padding-left: 8px !important;
}
.xxl_pl-16 {
padding-left: 16px !important;
}
.xxl_pl-24 {
padding-left: 24px !important;
}
.xxl_pl-32 {
padding-left: 32px !important;
}
.xxl_pl-40 {
padding-left: 40px !important;
}
.xxl_pl-48 {
padding-left: 48px !important;
}
.xxl_pl-56 {
padding-left: 56px !important;
}
.xxl_pl-80 {
padding-left: 80px !important;
}
.xxl_pr-0 {
padding-right: 0px !important;
}
.xxl_pr-4 {
padding-right: 4px !important;
}
.xxl_pr-8 {
padding-right: 8px !important;
}
.xxl_pr-16 {
padding-right: 16px !important;
}
.xxl_pr-24 {
padding-right: 24px !important;
}
.xxl_pr-32 {
padding-right: 32px !important;
}
.xxl_pr-40 {
padding-right: 40px !important;
}
.xxl_pr-48 {
padding-right: 48px !important;
}
.xxl_pr-56 {
padding-right: 56px !important;
}
.xxl_pr-80 {
padding-right: 80px !important;
}
.xxl_py-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.xxl_py-4 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.xxl_py-8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.xxl_py-16 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.xxl_py-24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.xxl_py-32 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.xxl_py-40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.xxl_py-48 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.xxl_py-56 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.xxl_py-80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.xxl_px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.xxl_px-4 {
padding-left: 4px !important;
padding-right: 4px !important;
}
.xxl_px-8 {
padding-left: 8px !important;
padding-right: 8px !important;
}
.xxl_px-16 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.xxl_px-24 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.xxl_px-32 {
padding-left: 32px !important;
padding-right: 32px !important;
}
.xxl_px-40 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.xxl_px-48 {
padding-left: 48px !important;
padding-right: 48px !important;
}
.xxl_px-56 {
padding-left: 56px !important;
padding-right: 56px !important;
}
.xxl_px-80 {
padding-left: 80px !important;
padding-right: 80px !important;
}
.xxl_my-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.xxl_my-4 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.xxl_my-8 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.xxl_my-16 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.xxl_my-24 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.xxl_my-32 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.xxl_my-40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.xxl_my-48 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.xxl_my-56 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.xxl_my-80 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.xxl_my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.xxl_mx-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.xxl_mx-4 {
margin-left: 4px !important;
margin-right: 4px !important;
}
.xxl_mx-8 {
margin-left: 8px !important;
margin-right: 8px !important;
}
.xxl_mx-16 {
margin-left: 16px !important;
margin-right: 16px !important;
}
.xxl_mx-24 {
margin-left: 24px !important;
margin-right: 24px !important;
}
.xxl_mx-32 {
margin-left: 32px !important;
margin-right: 32px !important;
}
.xxl_mx-40 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.xxl_mx-48 {
margin-left: 48px !important;
margin-right: 48px !important;
}
.xxl_mx-56 {
margin-left: 56px !important;
margin-right: 56px !important;
}
.xxl_mx-80 {
margin-left: 80px !important;
margin-right: 80px !important;
}
.xxl_mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.xxl_ma-0 {
margin: 0px !important;
}
.xxl_ma-1 {
margin: 1px !important;
}
.xxl_ma-2 {
margin: 2px !important;
}
.xxl_ma-4 {
margin: 4px !important;
}
.xxl_ma-8 {
margin: 8px !important;
}
.xxl_ma-16 {
margin: 16px !important;
}
.xxl_ma-24 {
margin: 24px !important;
}
.xxl_ma-32 {
margin: 32px !important;
}
.xxl_ma-40 {
margin: 40px !important;
}
.xxl_ma-48 {
margin: 48px !important;
}
.xxl_ma-56 {
margin: 56px !important;
}
.xxl_ma-64 {
margin: 64px !important;
}
.xxl_ma-72 {
margin: 72px !important;
}
.xxl_ma-80 {
margin: 80px !important;
}
.xxl_mt-0 {
margin-top: 0px !important;
}
.xxl_mt-1 {
margin-top: 1px !important;
}
.xxl_mt-2 {
margin-top: 2px !important;
}
.xxl_mt-4 {
margin-top: 4px !important;
}
.xxl_mt-8 {
margin-top: 8px !important;
}
.xxl_mt-16 {
margin-top: 16px !important;
}
.xxl_mt-24 {
margin-top: 24px !important;
}
.xxl_mt-32 {
margin-top: 32px !important;
}
.xxl_mt-40 {
margin-top: 40px !important;
}
.xxl_mt-48 {
margin-top: 48px !important;
}
.xxl_mt-56 {
margin-top: 56px !important;
}
.xxl_mt-64 {
margin-top: 64px !important;
}
.xxl_mt-72 {
margin-top: 72px !important;
}
.xxl_mt-80 {
margin-top: 80px !important;
}
.xxl_mb-0 {
margin-bottom: 0px !important;
}
.xxl_mb-1 {
margin-bottom: 1px !important;
}
.xxl_mb-2 {
margin-bottom: 2px !important;
}
.xxl_mb-4 {
margin-bottom: 4px !important;
}
.xxl_mb-8 {
margin-bottom: 8px !important;
}
.xxl_mb-16 {
margin-bottom: 16px !important;
}
.xxl_mb-24 {
margin-bottom: 24px !important;
}
.xxl_mb-32 {
margin-bottom: 32px !important;
}
.xxl_mb-40 {
margin-bottom: 40px !important;
}
.xxl_mb-48 {
margin-bottom: 48px !important;
}
.xxl_mb-56 {
margin-bottom: 56px !important;
}
.xxl_mb-64 {
margin-bottom: 64px !important;
}
.xxl_mb-72 {
margin-bottom: 72px !important;
}
.xxl_mb-80 {
margin-bottom: 80px !important;
}
.xxl_ml-0 {
margin-left: 0px !important;
}
.xxl_ml-1 {
margin-left: 1px !important;
}
.xxl_ml-2 {
margin-left: 2px !important;
}
.xxl_ml-4 {
margin-left: 4px !important;
}
.xxl_ml-8 {
margin-left: 8px !important;
}
.xxl_ml-16 {
margin-left: 16px !important;
}
.xxl_ml-24 {
margin-left: 24px !important;
}
.xxl_ml-32 {
margin-left: 32px !important;
}
.xxl_ml-40 {
margin-left: 40px !important;
}
.xxl_ml-48 {
margin-left: 48px !important;
}
.xxl_ml-56 {
margin-left: 56px !important;
}
.xxl_ml-64 {
margin-left: 64px !important;
}
.xxl_ml-72 {
margin-left: 72px !important;
}
.xxl_ml-80 {
margin-left: 80px !important;
}
.xxl_mr-0 {
margin-right: 0px !important;
}
.xxl_mr-1 {
margin-right: 1px !important;
}
.xxl_mr-2 {
margin-right: 2px !important;
}
.xxl_mr-4 {
margin-right: 4px !important;
}
.xxl_mr-8 {
margin-right: 8px !important;
}
.xxl_mr-16 {
margin-right: 16px !important;
}
.xxl_mr-24 {
margin-right: 24px !important;
}
.xxl_mr-32 {
margin-right: 32px !important;
}
.xxl_mr-40 {
margin-right: 40px !important;
}
.xxl_mr-48 {
margin-right: 48px !important;
}
.xxl_mr-56 {
margin-right: 56px !important;
}
.xxl_mr-64 {
margin-right: 64px !important;
}
.xxl_mr-72 {
margin-right: 72px !important;
}
.xxl_mr-80 {
margin-right: 80px !important;
}
.xxl_bg-none {
background: none !important;
}
.xxl_bgr-no-repeat {
background-repeat: no-repeat !important;
}
.xxl_bgi-none {
background-image: none !important;
}
.xxl_bgp-center {
background-position: center !important;
}
.xxl_bgp-top {
background-position: top !important;
}
.xxl_bgp-left {
background-position: left !important;
}
.xxl_bgp-right {
background-position: right !important;
}
.xxl_bgp-bottom {
background-position: bottom !important;
}
.xxl_bgs-cover {
background-size: cover !important;
}
.xxl_bgs-contain {
background-size: contain !important;
}
.xxl_bd-0 {
border: 0 !important;
}
.xxl_bd-1 {
border: 1px solid #eee !important;
}
.xxl_bd-2 {
border: 2px solid #eee !important;
}
.xxl_bd-4 {
border: 4px solid #eee !important;
}
.xxl_bt-0 {
border-top: 0 !important;
}
.xxl_bt-1 {
border-top: 1px solid #eee !important;
}
.xxl_bt-2 {
border-top: 2px solid #eee !important;
}
.xxl_bt-4 {
border-top: 4px solid #eee !important;
}
.xxl_bb-0 {
border-bottom: 0 !important;
}
.xxl_bb-1 {
border-bottom: 1px solid #eee !important;
}
.xxl_bb-2 {
border-bottom: 2px solid #eee !important;
}
.xxl_bb-4 {
border-bottom: 4px solid #eee !important;
}
.xxl_bl-0 {
border-left: 0 !important;
}
.xxl_bl-1 {
border-left: 1px solid #eee !important;
}
.xxl_bl-2 {
border-left: 2px solid #eee !important;
}
.xxl_bl-4 {
border-left: 4px solid #eee !important;
}
.xxl_br-0 {
border-right: 0 !important;
}
.xxl_br-1 {
border-right: 1px solid #eee !important;
}
.xxl_br-2 {
border-right: 2px solid #eee !important;
}
.xxl_br-4 {
border-right: 4px solid #eee !important;
}
.xxl_bw-0 {
border-width: 0 !important;
}
.xxl_bw-1 {
border-width: 1 !important;
}
.xxl_bw-2 {
border-width: 2 !important;
}
.xxl_bw-4 {
border-width: 4 !important;
}
.xxl_bs-solid {
border-style: solid !important;
}
.xxl_rd-0 {
border-radius: 0px !important;
}
.xxl_rd-2 {
border-radius: 2px !important;
}
.xxl_rd-4 {
border-radius: 4px !important;
}
.xxl_rd-8 {
border-radius: 8px !important;
}
.xxl_rd-16 {
border-radius: 16px !important;
}
.xxl_rd-32 {
border-radius: 32px !important;
}
.xxl_rd-half {
border-radius: 50% !important;
}
.xxl_fs-10 {
font-size: 10px !important;
}
.xxl_fs-12 {
font-size: 12px !important;
}
.xxl_fs-14 {
font-size: 14px !important;
}
.xxl_fs-16 {
font-size: 16px !important;
}
.xxl_fs-18 {
font-size: 18px !important;
}
.xxl_fs-20 {
font-size: 20px !important;
}
.xxl_fs-24 {
font-size: 24px !important;
}
.xxl_fs-32 {
font-size: 32px !important;
}
.xxl_fs-48 {
font-size: 48px !important;
}
.xxl_fs-64 {
font-size: 64px !important;
}
.xxl_fs-small {
font-size: smaller !important;
}
.xxl_fw-300 {
font-weight: 300 !important;
}
.xxl_fw-500 {
font-weight: 500 !important;
}
.xxl_fw-600 {
font-weight: 600 !important;
}
.xxl_fw-700 {
font-weight: 700 !important;
}
.xxl_fw-900 {
font-weight: 900 !important;
}
.xxl_fw-bold {
font-weight: bold !important;
}
.xxl_fl-italic {
font-style: italic !important;
}
.xxl_lh-1 {
line-height: 1 !important;
}
.xxl_lh-10 {
line-height: 10px !important;
}
.xxl_lh-12 {
line-height: 12px !important;
}
.xxl_lh-14 {
line-height: 14px !important;
}
.xxl_lh-16 {
line-height: 16px !important;
}
.xxl_lh-18 {
line-height: 18px !important;
}
.xxl_lh-20 {
line-height: 20px !important;
}
.xxl_lh-24 {
line-height: 24px !important;
}
.xxl_lh-26 {
line-height: 26px !important;
}
.xxl_lh-28 {
line-height: 28px !important;
}
.xxl_lh-32 {
line-height: 32px !important;
}
.xxl_lh-40 {
line-height: 40px !important;
}
.xxl_lh-48 {
line-height: 48px !important;
}
.xxl_lh-64 {
line-height: 64px !important;
}
.xxl_ta-left {
text-align: left !important;
}
.xxl_ta-right {
text-align: right !important;
}
.xxl_ta-center {
text-align: center !important;
}
.xxl_ta-justify {
text-align: justify !important;
}
.xxl_tt-lowercase {
text-transform: lowercase !important;
}
.xxl_tt-uppercase {
text-transform: uppercase !important;
}
.xxl_td-none {
text-decoration: none !important;
}
.xxl_td-underline {
text-decoration: underline !important;
}
.xxl_f-left {
float: left !important;
}
.xxl_f-right {
float: right !important;
}
.xxl_cl-none {
clear: none !important;
}
.xxl_cl-both {
clear: both !important;
}
.xxl_cl-left {
clear: left !important;
}
.xxl_cl-right {
clear: right !important;
}
.xxl_d-none {
display: none !important;
}
.xxl_d-block {
display: block !important;
}
.xxl_d-inline {
display: inline !important;
}
.xxl_d-inline-block {
display: inline-block !important;
}
.xxl_d-flex {
display: flex !important;
}
.xxl_d-inline-flex {
display: inline-flex !important;
}
.xxl_d-table {
display: table !important;
}
.xxl_d-table-cell {
display: table-cell !important;
}
.xxl_d-grid {
display: grid !important;
}
.xxl_p-absolute {
position: absolute !important;
}
.xxl_p-relative {
position: relative !important;
}
.xxl_p-static {
position: static !important;
}
.xxl_p-fixed {
position: fixed !important;
}
.xxl_of-cover {
object-fit: cover !important;
}
.xxl_of-contain {
object-fit: contain !important;
}
.xxl_t-0 {
top: 0px !important;
}
.xxl_t-4 {
top: 4px !important;
}
.xxl_t-8 {
top: 8px !important;
}
.xxl_t-16 {
top: 16px !important;
}
.xxl_t-24 {
top: 24px !important;
}
.xxl_t-32 {
top: 32px !important;
}
.xxl_t-40 {
top: 40px !important;
}
.xxl_t-80 {
top: 80px !important;
}
.xxl_l-0 {
left: 0px !important;
}
.xxl_l-4 {
left: 4px !important;
}
.xxl_l-8 {
left: 8px !important;
}
.xxl_l-16 {
left: 16px !important;
}
.xxl_l-24 {
left: 24px !important;
}
.xxl_l-32 {
left: 32px !important;
}
.xxl_l-40 {
left: 40px !important;
}
.xxl_l-80 {
left: 80px !important;
}
.xxl_r-0 {
right: 0px !important;
}
.xxl_r-4 {
right: 4px !important;
}
.xxl_r-8 {
right: 8px !important;
}
.xxl_r-16 {
right: 16px !important;
}
.xxl_r-24 {
right: 24px !important;
}
.xxl_r-32 {
right: 32px !important;
}
.xxl_r-40 {
right: 40px !important;
}
.xxl_r-80 {
right: 80px !important;
}
.xxl_b-0 {
bottom: 0px !important;
}
.xxl_b-4 {
bottom: 4px !important;
}
.xxl_b-8 {
bottom: 8px !important;
}
.xxl_b-16 {
bottom: 16px !important;
}
.xxl_b-24 {
bottom: 24px !important;
}
.xxl_b-32 {
bottom: 32px !important;
}
.xxl_b-40 {
bottom: 40px !important;
}
.xxl_b-80 {
bottom: 80px !important;
}
.xxl_cls-1 {
columns: 1 !important;
}
.xxl_cls-2 {
columns: 2 !important;
}
.xxl_cls-3 {
columns: 3 !important;
}
.xxl_cls-4 {
columns: 4 !important;
}
.xxl_cls-5 {
columns: 5 !important;
}
.xxl_cls-6 {
columns: 6 !important;
}
.xxl_clc-1 {
column-count: 1 !important;
}
.xxl_clc-2 {
column-count: 2 !important;
}
.xxl_clc-3 {
column-count: 3 !important;
}
.xxl_clc-4 {
column-count: 4 !important;
}
.xxl_clc-5 {
column-count: 5 !important;
}
.xxl_clc-6 {
column-count: 6 !important;
}
.xxl_clg-0 {
column-gap: 0px !important;
}
.xxl_clg-4 {
column-gap: 4px !important;
}
.xxl_clg-8 {
column-gap: 8px !important;
}
.xxl_clg-16 {
column-gap: 16px !important;
}
.xxl_clg-24 {
column-gap: 24px !important;
}
.xxl_clg-32 {
column-gap: 32px !important;
}
.xxl_clg-40 {
column-gap: 40px !important;
}
.xxl_clg-80 {
column-gap: 80px !important;
}
.xxl_o-0 {
opacity: 0 !important;
}
.xxl_o-10 {
opacity: 0.1 !important;
}
.xxl_o-20 {
opacity: 0.2 !important;
}
.xxl_o-30 {
opacity: 0.3 !important;
}
.xxl_o-40 {
opacity: 0.4 !important;
}
.xxl_o-50 {
opacity: 0.5 !important;
}
.xxl_o-60 {
opacity: 0.6 !important;
}
.xxl_o-70 {
opacity: 0.7 !important;
}
.xxl_o-80 {
opacity: 0.9 !important;
}
.xxl_o-100 {
opacity: 1 !important;
}
.xxl_w-0 {
width: 0 !important;
}
.xxl_w-half {
width: 50% !important;
}
.xxl_w-full {
width: 100% !important;
}
.xxl_w-window {
width: 100vw !important;
}
.xxl_w-8 {
width: 8px !important;
}
.xxl_w-16 {
width: 16px !important;
}
.xxl_w-32 {
width: 32px !important;
}
.xxl_w-56 {
width: 56px !important;
}
.xxl_w-64 {
width: 64px !important;
}
.xxl_w-96 {
width: 96px !important;
}
.xxl_w-128 {
width: 128px !important;
}
.xxl_w-256 {
width: 256px !important;
}
.xxl_w-512 {
width: 512px !important;
}
.xxl_w-100 {
width: 100px !important;
}
.xxl_w-200 {
width: 200px !important;
}
.xxl_w-300 {
width: 300px !important;
}
.xxl_w-400 {
width: 400px !important;
}
.xxl_w-500 {
width: 500px !important;
}
.xxl_w-600 {
width: 600px !important;
}
.xxl_h-0 {
height: 0 !important;
}
.xxl_h-half {
height: 50% !important;
}
.xxl_h-full {
height: 100% !important;
}
.xxl_h-window {
height: 100vh !important;
}
.xxl_h-8 {
height: 8px !important;
}
.xxl_h-16 {
height: 16px !important;
}
.xxl_h-32 {
height: 32px !important;
}
.xxl_h-56 {
height: 56px !important;
}
.xxl_h-64 {
height: 64px !important;
}
.xxl_h-96 {
height: 96px !important;
}
.xxl_h-128 {
height: 128px !important;
}
.xxl_h-256 {
height: 256px !important;
}
.xxl_h-512 {
height: 512px !important;
}
.xxl_h-100 {
height: 100px !important;
}
.xxl_h-200 {
height: 200px !important;
}
.xxl_h-300 {
height: 300px !important;
}
.xxl_h-400 {
height: 400px !important;
}
.xxl_h-500 {
height: 500px !important;
}
.xxl_h-600 {
height: 600px !important;
}
.xxl_maxw-0 {
max-width: 0px !important;
}
.xxl_maxw-1 {
max-width: 1px !important;
}
.xxl_maxw-128 {
max-width: 128px !important;
}
.xxl_maxw-256 {
max-width: 256px !important;
}
.xxl_maxw-512 {
max-width: 512px !important;
}
.xxl_maxw-640 {
max-width: 640px !important;
}
.xxl_maxw-half {
max-width: 50% !important;
}
.xxl_maxw-full {
max-width: 100% !important;
}
.xxl_maxh-0 {
max-height: 0px !important;
}
.xxl_maxh-1 {
max-height: 1px !important;
}
.xxl_maxh-128 {
max-height: 128px !important;
}
.xxl_maxh-256 {
max-height: 256px !important;
}
.xxl_maxh-512 {
max-height: 512px !important;
}
.xxl_maxh-640 {
max-height: 640px !important;
}
.xxl_maxh-half {
max-height: 50% !important;
}
.xxl_maxh-full {
max-height: 100% !important;
}
.xxl_ws-nowrap {
white-space: nowrap !important;
}
.xxl_ls-none {
list-style: none !important;
}
.xxl_ls-default {
list-style: disc inside !important;
}
.xxl_lsp-inside {
list-style-position: inside !important;
}
.xxl_lst-disc {
list-style-type: disc !important;
}
.xxl_bxsz-border-box {
box-sizing: border-box !important;
}
.xxl_bxsz-content-box {
box-sizing: content-box !important;
}
.xxl_bxsh-none {
box-shadow: none !important;
}
.xxl_bxsh-default {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
}
.xxl_jc-center {
justify-content: center !important;
}
.xxl_ov-auto {
overflow: auto !important;
}
.xxl_ov-hidden {
overflow: hidden !important;
}
.xxl_ov-visible {
overflow: visible !important;
}
.xxl_c-white {
color: #ffffff !important;
}
.xxl_bgc-white {
background-color: #ffffff !important;
}
.xxl_bc-white {
border-color: #ffffff !important;
}
.xxl_c-gray-light-01 {
color: #f2f2f2 !important;
}
.xxl_bgc-gray-light-01 {
background-color: #f2f2f2 !important;
}
.xxl_bc-gray-light-01 {
border-color: #f2f2f2 !important;
}
.xxl_c-gray-light-02 {
color: #e9e9e9 !important;
}
.xxl_bgc-gray-light-02 {
background-color: #e9e9e9 !important;
}
.xxl_bc-gray-light-02 {
border-color: #e9e9e9 !important;
}
.xxl_c-gray-light-03 {
color: #dddddd !important;
}
.xxl_bgc-gray-light-03 {
background-color: #dddddd !important;
}
.xxl_bc-gray-light-03 {
border-color: #dddddd !important;
}
.xxl_c-gray-light-04 {
color: #cccccc !important;
}
.xxl_bgc-gray-light-04 {
background-color: #cccccc !important;
}
.xxl_bc-gray-light-04 {
border-color: #cccccc !important;
}
.xxl_c-black {
color: #000000 !important;
}
.xxl_bgc-black {
background-color: #000000 !important;
}
.xxl_bc-black {
border-color: #000000 !important;
}
.xxl_c-gray-dark-01 {
color: #333333 !important;
}
.xxl_bgc-gray-dark-01 {
background-color: #333333 !important;
}
.xxl_bc-gray-dark-01 {
border-color: #333333 !important;
}
.xxl_c-gray-dark-02 {
color: #666666 !important;
}
.xxl_bgc-gray-dark-02 {
background-color: #666666 !important;
}
.xxl_bc-gray-dark-02 {
border-color: #666666 !important;
}
.xxl_c-gray-dark-03 {
color: #888888 !important;
}
.xxl_bgc-gray-dark-03 {
background-color: #888888 !important;
}
.xxl_bc-gray-dark-03 {
border-color: #888888 !important;
}
.xxl_c-border {
color: #cccccc !important;
}
.xxl_bgc-border {
background-color: #cccccc !important;
}
.xxl_bc-border {
border-color: #cccccc !important;
}
.xxl_c-text {
color: #333333 !important;
}
.xxl_bgc-text {
background-color: #333333 !important;
}
.xxl_bc-text {
border-color: #333333 !important;
}
.xxl_c-primary {
color: #d8931c !important;
}
.xxl_bgc-primary {
background-color: #d8931c !important;
}
.xxl_bc-primary {
border-color: #d8931c !important;
}
.xxl_c-primary-2 {
color: #b1740b !important;
}
.xxl_bgc-primary-2 {
background-color: #b1740b !important;
}
.xxl_bc-primary-2 {
border-color: #b1740b !important;
}
.xxl_c-primary-3 {
color: #734607 !important;
}
.xxl_bgc-primary-3 {
background-color: #734607 !important;
}
.xxl_bc-primary-3 {
border-color: #734607 !important;
}
.xxl_c-secondary {
color: #e33310 !important;
}
.xxl_bgc-secondary {
background-color: #e33310 !important;
}
.xxl_bc-secondary {
border-color: #e33310 !important;
}
.xxl_c-notification {
color: #fb6002 !important;
}
.xxl_bgc-notification {
background-color: #fb6002 !important;
}
.xxl_bc-notification {
border-color: #fb6002 !important;
}
.xxl_c-error {
color: #cd323f !important;
}
.xxl_bgc-error {
background-color: #cd323f !important;
}
.xxl_bc-error {
border-color: #cd323f !important;
}
.xxl_c-error-message {
color: #fbcaca !important;
}
.xxl_bgc-error-message {
background-color: #fbcaca !important;
}
.xxl_bc-error-message {
border-color: #fbcaca !important;
}
.xxl_c-success {
color: #7fc97d !important;
}
.xxl_bgc-success {
background-color: #7fc97d !important;
}
.xxl_bc-success {
border-color: #7fc97d !important;
}
.xxl_c-warning {
color: #decf20 !important;
}
.xxl_bgc-warning {
background-color: #decf20 !important;
}
.xxl_bc-warning {
border-color: #decf20 !important;
}
.xxl_c-warning-2 {
color: #d5b408 !important;
}
.xxl_bgc-warning-2 {
background-color: #d5b408 !important;
}
.xxl_bc-warning-2 {
border-color: #d5b408 !important;
}
.xxl_c-irreversible {
color: #e95a4f !important;
}
.xxl_bgc-irreversible {
background-color: #e95a4f !important;
}
.xxl_bc-irreversible {
border-color: #e95a4f !important;
}
.xxl_a-primary {
color: #d8931c !important;
transition: all ease-in-out 300ms;
}
.xxl_a-primary:hover {
color: #7e5610 !important;
}
.xxl_a-default {
transition: all ease-in-out 300ms !important;
}
.xxl_a-default:hover {
color: #d8931c !important;
}
.xxl_vm {
display: flex;
align-items: center;
height: 100%;
}
.xxl_invisible {
display: none !important;
}
.xxl_tpl-no-spacer {
padding-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 : Dec 24, 2019, 11:06:04 AM
Author : mv
*/
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.img-base {
display: inline-block;
vertical-align: middle;
object-fit: contain;
}
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;
}
.sep-small {
width: 96px;
height: 4px;
border: 0;
margin: 16px auto 24px;
border-radius: 2px;
background-color: #d8931c;
}
@media only screen and (min-width: 768px) {
.sep-small {
margin: 24px auto 48px;
}
}
.sep-small.is-vertical {
margin: 0;
width: 4px;
height: 96px;
}
.sep-full {
height: 2px;
border: 0;
margin: 16px auto 24px;
border-radius: 2px;
background-color: #000000;
}
.sep-vertical {
width: 1px;
height: 100%;
min-height: 1px;
background: rgba(255, 255, 255, 0.2);
}
.bg-img {
background: no-repeat center;
background-size: cover;
}
.bg-img-overlay {
height: 100%;
background: rgba(0, 0, 0, 0.3);
}
/*
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: 24px;
padding-right: 24px;
}
@media only screen and (min-width: 768px) {
.tpl-container,
.tpl-container-fluid {
padding-left: 40px;
padding-right: 40px;
}
}
.tpl-container {
max-width: 1440px;
}
.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: 576px) {
.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: 768px) {
.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: 992px) {
.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: 1200px) {
.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 : Nov 12, 2020, 11:51:11 AM
Author : mv
*/
.ty-64 {
font-size: 64px;
line-height: 64px;
font-weight: bold;
font-family: 'Mont';
}
.ty-48 {
font-size: 48px;
line-height: 58px;
font-weight: bold;
font-family: 'Mont';
}
.ty-32 {
font-size: 32px;
line-height: 36px;
font-weight: bold;
font-family: 'Mont';
}
.ty-24 {
font-size: 24px;
line-height: 36px;
font-weight: bold;
font-family: 'Mont';
}
.ty-18 {
font-size: 18px;
line-height: 24px;
font-weight: bold;
font-family: 'Mont';
}
.ty-16 {
font-size: 16px;
line-height: 22px;
}
.ty-14 {
font-size: 14px;
line-height: 18px;
}
.ty-12 {
font-size: 12px;
line-height: 18px;
}
.ty-text a {
color: #d8931c;
transition: all ease-in-out 300ms;
}
.ty-text a:hover {
color: #b1740b;
}
.ty-text li {
margin-left: 16px;
list-style: disc outside;
}
/*
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 : Nov 23, 2020, 12:01:04 PM
Author : mv
*/
.mv-pixelperfect {
position: absolute;
z-index: 9999999999999;
top: 0;
left: 0;
right: 0;
height: 1px;
}
.mv-pixelperfect.is-shown .mv-pixelperfect-imgs {
display: block;
}
.mv-pixelperfect.is-shown .mv-pixelperfect-toolbar input,
.mv-pixelperfect.is-shown .mv-pixelperfect-toolbar button {
display: inline-block;
}
.mv-pixelperfect.is-shown .mv-pixelperfect-eye {
margin-right: 16px;
}
.mv-pixelperfect-imgs {
display: none;
pointer-events: none;
}
.mv-pixelperfect-img {
max-width: none;
margin: 0 auto;
display: none;
opacity: 0.6;
}
@media only screen and (max-width: 767px) {
.mv-pixelperfect-img.is-m {
display: block;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.mv-pixelperfect-img.is-md {
display: block;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.mv-pixelperfect-img.is-lg {
display: block;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
.mv-pixelperfect-img.is-xl {
display: block;
}
}
@media only screen and (min-width: 1440px) {
.mv-pixelperfect-img.is-xxl {
display: block;
}
}
.mv-pixelperfect-btn {
background: #eee;
border: 1px solid #ddd;
padding: 0;
margin-right: 16px;
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;
display: none;
}
.mv-pixelperfect-eye {
display: inline-block !important;
margin-right: 0;
}
.mv-pixelperfect-toolbar {
pointer-events: normal;
position: fixed;
bottom: 0;
left: 0;
padding: 8px 16px;
border: 1px solid #ddd;
background: #eee;
}
.mv-pixelperfect-toolbar input {
width: 100px;
margin-right: 16px;
display: none;
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 : Nov 16, 2020, 2:16:22 PM
Author : fpereira
*/
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 500;
}
.header-overhead {
display: none;
}
@media only screen and (min-width: 768px) {
.header-overhead {
height: 32px;
display: flex;
align-items: center;
background: #333333;
color: #888888;
}
.header-overhead .btn-social {
background: #888888;
margin-left: 12px;
}
}
.header-logo {
height: 28px;
}
@media only screen and (min-width: 768px) {
.header-logo {
height: 32px;
}
}
@media only screen and (min-width: 992px) {
.header-logo {
height: 40px;
}
}
.header-main {
background: #fff;
padding: 16px;
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
}
.header-main img {
display: block;
}
@media only screen and (max-width: 767px) {
.header-main .btn-menu.is-lang {
margin-top: 4px;
}
}
@media only screen and (min-width: 768px) {
.header-main {
padding-left: 40px;
padding-right: 40px;
}
}
.header-sections {
display: none;
}
@media only screen and (min-width: 768px) {
.header-sections {
display: inline;
}
}
.header-menu-btn {
float: right;
height: 32px;
margin-left: 8px;
font-size: 32px;
}
.header-menu-btn .icon {
display: block;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.header-menu-btn {
margin-top: -4px;
}
}
@media only screen and (min-width: 992px) {
.header-menu-btn {
display: none;
}
}
.main-main {
padding-top: 64px;
}
@media only screen and (min-width: 768px) {
.main-main {
padding-top: 96px;
}
}
@media only screen and (min-width: 992px) {
.main-main {
padding-top: 104px;
}
}
body.is-page-home .main-main,
body.is-page-index .main-main {
padding-top: 0;
}
body.is-page-home .header-main,
body.is-page-index .header-main {
box-shadow: none;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 98%);
}
body.is-page-home .header-menu-btn,
body.is-page-index .header-menu-btn {
color: #fff;
}
body.is-page-home .btn-menu,
body.is-page-index .btn-menu {
color: #fff;
}
body.is-page-home .btn-menu.is-lang,
body.is-page-index .btn-menu.is-lang {
background: rgba(255, 255, 255, 0.6);
}
.lang-menu {
display: inline-block;
position: relative;
}
.lang-menu-trigger {
cursor: pointer;
}
.lang-menu-popup {
display: none;
position: absolute;
top: 28px;
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 15, 2020, 5:06:02 PM
Author : mv
*/
.footer-main {
background: #333333;
color: #fff;
}
.footer-logos {
padding: 40px 0;
border-top: 2px solid #666666;
}
@media only screen and (max-width: 767px) {
.footer-logos .footer-logo-brand {
display: block;
margin-bottom: 40px;
}
.footer-logos .footer-logo-tripadvisor {
margin-bottom: 40px;
}
.footer-logos .footer-social > span {
display: block;
margin-bottom: 8px;
}
}
.footer-copy {
text-align: center;
color: rgba(255, 255, 255, 0.3);
padding: 8px 80px;
font-size: 12px;
}
@media only screen and (min-width: 768px) {
.footer-copy {
padding: 8px 0;
font-size: 14px;
}
}
.footer-social {
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
.footer-social .btn-social {
margin-left: 4px;
margin-right: 4px;
}
@media only screen and (min-width: 768px) {
.footer-social .btn-social {
margin-left: 8px;
margin-right: 0;
}
}
.footer-contacts {
padding: 32px 0;
}
@media only screen and (min-width: 768px) {
.footer-contacts {
padding: 64px 0;
}
}
.footer-contacts-title {
font-size: 24px;
line-height: 36px;
font-weight: bold;
font-family: 'Mont';
text-transform: uppercase;
margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
.footer-contacts-title {
font-size: 32px;
line-height: 36px;
font-weight: bold;
font-family: 'Mont';
margin-bottom: 16px;
}
}
.footer-contacts-text {
font-size: 14px;
line-height: 18px;
margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
.footer-contacts-text {
font-size: 16px;
line-height: 22px;
margin-bottom: 80px;
}
}
/*
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
*/
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: rgba(51, 51, 51, 0.5);
opacity: 1;
/* Firefox */
font-weight: 300;
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(51, 51, 51, 0.5);
font-weight: 300;
}
::-ms-input-placeholder {
/* Microsoft Edge */
color: rgba(51, 51, 51, 0.5);
font-weight: 300;
}
.form.is-outline .form-control {
border: 1px solid #999999;
}
@media only screen and (min-width: 992px) {
.form-row-groupbtn {
display: flex;
}
.form-row-groupbtn .form-control-group {
flex-grow: 1;
}
}
@media only screen and (min-width: 992px) {
.form-control-group {
display: flex;
}
.form-control-group .select select,
.form-control-group .fake-control,
.form-control-group .form-control {
border-radius: 0;
border-left-width: 0;
}
.form-control-group .select select:first-child,
.form-control-group .fake-control:first-child,
.form-control-group .form-control:first-child {
border-left-width: 1px;
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
.form-control-group .select select:last-child,
.form-control-group .fake-control:last-child,
.form-control-group .form-control:last-child {
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
}
}
.form-label {
display: block;
margin-bottom: 8px;
font-weight: 300;
color: #333333;
font-size: 18px;
line-height: 26px;
}
.form-success,
.form-error {
/*font-size: 18px;*/
/*font-weight: 600;*/
line-height: 26px;
display: block;
text-align: left;
padding: 0 40px 0 16px;
}
.form-success:empty,
.form-error:empty {
display: none;
}
.form-success {
color: green;
}
.form-error {
color: #ec1d24;
}
.form-control {
display: block;
width: 100%;
height: 40px;
padding: 8px 40px 8px 16px;
border-radius: 4px;
border: 0;
cursor: pointer;
background: #fff;
color: #333333;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-control.has-placeholder {
color: rgba(51, 51, 51, 0.5);
}
textarea.form-control {
height: 184px;
resize: none;
}
.select select,
.form-control {
transition: all ease-in-out 300ms;
}
.select select:hover,
.form-control:hover,
.select select:focus,
.form-control:focus,
.select select:active,
.form-control:active {
box-shadow: 0px 0px 0px 1px #d8931c;
border-color: #d8931c;
outline: none;
}
form.is-submited .checkbox-input:invalid + .checkbox-fake,
form.is-submited .select select:invalid,
form.is-submited .form-control:invalid {
border-color: #d8931c;
box-shadow: 0px 0px 0px 1px #d8931c;
outline: none;
}
.form-group-title {
font-size: 16px;
font-family: 'Mont';
font-weight: normal;
text-transform: uppercase;
color: #d8931c;
}
.form-price {
display: flex;
background: #000000;
border-radius: 4px;
height: 40px;
align-items: center;
padding: 0 12px;
color: #fff;
}
.form-price-label {
flex-grow: 1;
}
.form-price-value {
font-size: 18px;
font-weight: bold;
}
.form-price-note {
text-align: right;
font-size: 12px;
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: 18px;
/*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;
.size(24px);
min-width: 24px;
border: solid 2px #000;
background: #fff;*/
position: relative;
display: inline-block;
line-height: 18px;
width: 18px;
height: 18px;
min-width: 18px;
border-radius: 4px;
border: solid 2px #666666;
background: #fff;
}
.checkbox .checkbox-text,
.checkbox .checkbox-txt {
padding-left: 8px;
font-weight: 300;
font-size: 13px;
}
.checkbox .checkbox-fake::after {
position: absolute;
content: "";
/*Needed for the line-height to take effect*/
display: inline-block;
}
.checkbox .checkbox-fake::after {
height: 5px;
width: 11px;
border-left: 2px solid;
border-bottom: 2px solid;
transform: rotate(-45deg);
left: 1px;
top: 2px;
color: #333333;
/* height: 16px;
width: 16px;
left: 2px;
top: 2px;
background: #000;*/
}
.checkbox .checkbox-input + .checkbox-fake::after {
content: none;
}
.checkbox .checkbox-input:checked + .checkbox-fake {
background: #d8931c;
border-color: #d8931c;
}
.checkbox .checkbox-input:checked + .checkbox-fake::after {
content: "";
}
.checkbox .checkbox-input:focus + .checkbox-fake {
/*outline: @color-secondary 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 : 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: #e33310 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 : Nov 28, 2017, 6:10:36 PM
Author : mv
*/
.tabs {
width: 100%;
}
.tabs-select-nav {
position: relative;
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
background: #f2f2f2;
}
.tabs-select-nav select {
display: block;
background: #f2f2f2;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
height: 46px;
padding: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.tabs-select-nav .icn {
position: absolute;
pointer-events: none;
top: 50%;
margin-top: -10px;
right: 24px;
width: 20px;
height: 20px;
}
.tabs-nav {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
overflow-x: auto;
overflow-y: hidden;
}
.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;
}
.tabs-nav.is-fullwidth .tabs-nav-item {
flex-grow: 1;
}
.tabs-nav-item {
white-space: nowrap;
cursor: pointer;
border-bottom: 1px solid #cccccc;
display: inline-flex;
height: 48px;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: rgba(51, 51, 51, 0.5);
font-family: 'Mont';
text-decoration: none;
transition: all ease-in-out 300ms;
position: relative;
flex-grow: 1;
}
.tabs-nav-item:after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 4px;
background: #333333;
opacity: 0;
transition: all ease-in-out 300ms;
}
.tabs-nav-item:hover {
color: #333333;
}
.tabs-nav-item:hover:after {
/*opacity: 1;*/
}
.tabs-nav-item.is-active {
color: #333333;
}
.tabs-nav-item.is-active:after {
opacity: 1;
background: #000;
}
@media only screen and (min-width: 768px) {
.tabs-nav-item {
font-size: 18px;
min-width: 180px;
padding-left: 24px;
padding-right: 24px;
flex-grow: unset;
}
.tabs-nav-item.is-small {
font-size: 14px;
}
}
.tabs-content {
display: none;
padding: 32px 0px;
}
.tabs-content.is-active {
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 : Nov 12, 2020, 3:16:43 PM
Author : mv
*/
.btns:before,
.btns:after {
content: " ";
display: table;
}
.btns:after {
clear: both;
}
.btns:before,
.btns:after {
content: " ";
display: table;
}
.btns:after {
clear: both;
}
.btns .btn {
width: 100%;
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.btns {
text-align: right;
}
.btns .btn {
margin-left: 16px;
width: auto;
}
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
background: transparent;
border: 0;
color: #000000;
border-radius: 4px;
padding: 0 24px;
line-height: 24px;
font-size: 18px;
text-transform: uppercase;
font-family: 'Mont';
transition: all ease-in-out 300ms;
white-space: nowrap;
padding-top: 2px;
}
.btn .fa {
margin-right: 12px;
}
.btn:not([disabled]):active,
.btn:not([disabled]):hover {
background: #f2f2f2;
}
.btn[disabled] {
opacity: 0.5 !important;
cursor: default;
}
.btn.is-outline {
border: 2px solid #000000;
}
.btn.is-white {
background-color: #ffffff;
}
.btn.is-primary {
background-color: #d8931c;
color: #fff;
border: 0;
}
.btn.is-primary:not([disabled]):hover {
background: #b1740b;
}
/*
.btn-tertiary{
margin: 0 0 1px;
font-family: @font-text;
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.63;
letter-spacing: normal;
text-transform: uppercase;
position: relative;
display: inline-block;
&:after{
content:"";
position: absolute;
.position(auto, 0, 0, 0);
height: 1px;
background: currentColor;
transition: @transition-default;
}
&:hover:after{
height: 3px;
}
}
*/
.btn-menu {
display: inline-flex;
align-items: center;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #333333;
padding: 0 16px;
text-transform: uppercase;
font-family: 'Mont';
border-radius: 4px;
}
.btn-menu.is-primary {
color: #ffffff;
background: #d8931c;
}
.btn-menu.is-lang {
font-weight: bold;
background: rgba(221, 221, 221, 0.6);
padding: 0 8px;
}
.btn-menu.is-lang img {
height: 12px;
margin-left: 6px;
}
.btn-social {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
font-size: 20px;
border-radius: 16px;
background: #ffffff;
color: #333333;
}
.btn-social.is-20 {
width: 20px;
height: 20px;
font-size: 12px;
}
/*
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 22, 2021, 4:32:55 PM
Author : mv
*/
.tag {
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
background: #888888;
border: 0;
color: #ffffff;
border-radius: 4px;
padding: 0 24px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Infra';
white-space: nowrap;
margin-right: 8px;
margin-bottom: 8px;
transition: all ease-in-out 300ms !important;
}
.tag:hover {
background-color: #b1740b !important;
}
.tag.is-primary {
background: #d8931c;
}
.tag.is-small {
height: 24px;
font-size: 11px;
padding: 0 8px;
}
@media only screen and (max-width: 767px) {
.tag {
height: 24px;
font-size: 11px;
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 : Apr 22, 2021, 3:58:18 PM
Author : mv
*/
.page-header {
height: 300px;
}
@media only screen and (min-width: 768px) {
.page-header {
height: 264px;
}
}
.page-header.is-section .bg-img-overlay {
background: rgba(39, 28, 22, 0.8);
}
.page-header-texts {
color: #fff;
text-align: center;
}
.page-header-title {
margin-bottom: 4px;
font-size: 32px;
line-height: 36px;
font-weight: bold;
font-family: 'Mont';
}
@media only screen and (min-width: 768px) {
.page-header-title {
font-size: 48px;
line-height: 58px;
font-weight: bold;
font-family: 'Mont';
}
}
.page-header-tagline {
font-weight: normal;
font-size: 16px;
line-height: 22px;
}
@media only screen and (min-width: 768px) {
.page-header-tagline {
font-size: 18px;
line-height: 24px;
font-weight: bold;
font-family: 'Mont';
}
}
/*
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.is-open {
display: block;
}
.popup.is-visible {
opacity: 1;
}
.popup-icon {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: -60px;
width: 120px;
height: 120px;
background: #d8931c no-repeat center;
border-radius: 50%;
text-align: center;
color: #fff;
line-height: 120px;
font-size: 60px;
}
.popup-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 1;
}
.popup-wrapper {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
padding: 16px;
}
.popup-container {
margin: 0 auto;
width: 100%;
z-index: 2;
position: relative;
background: #fff;
text-align: center;
max-width: 480px;
}
@media only screen and (min-width: 768px) {
.popup-container {
max-width: 596px;
}
}
@media only screen and (min-width: 992px) {
.popup-container {
max-width: 806px;
}
}
@media only screen and (min-width: 1200px) {
.popup-container {
max-width: 1016px;
}
}
.popup-header {
margin-bottom: 1px;
padding: 36px 32px 16px;
}
.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-header .popup-close .fa-close {
font-size: 1.5em;
}
.popup-title {
margin-bottom: 0;
font-size: 24px;
line-height: 36px;
font-weight: bold;
font-family: 'Mont';
}
.popup-body {
padding: 0 16px;
}
@media only screen and (min-width: 768px) {
.popup-body {
padding: 0 32px;
}
}
.popup-form {
background: #eeeeee;
margin-bottom: 1px;
padding: 12px 15px;
position: relative;
}
.popup-form .fa {
position: absolute;
top: 18px;
right: 22px;
color: #a8a8a8;
pointer-events: none;
font-size: 18px;
}
.popup-content {
font-size: 16px;
line-height: 22px;
}
.popup-content .sep-small {
width: 64px;
}
@media only screen and (min-width: 768px) {
.popup-content .sep-small {
width: 96px;
}
}
.popup-footer {
padding: 24px 0 32px;
}
@media only screen and (min-width: 768px) {
.popup-footer {
padding: 32px;
}
}
.popup-btns .btn {
/*min-width: 162px;*/
}
.popup-yes-no-btns {
display: flex;
}
.popup-yes-no-btns .btn {
flex-basis: 0;
flex-grow: 1;
}
@media only screen and (min-width: 768px) {
.popup-yes-no-btns {
display: block;
}
.popup-yes-no-btns .btn {
min-width: 162px;
}
}
.popup-btn {
margin-bottom: 16px;
}
.popup-btn:last-child {
margin-bottom: 0;
}
/*CUSTOM STYLES*/
#age-popup .popup-container {
max-width: 480px;
}
@media only screen and (min-width: 768px) {
#age-popup .popup-container {
max-width: 596px;
}
}
@media only screen and (min-width: 992px) {
#age-popup .popup-container {
max-width: 806px;
}
}
@media only screen and (min-width: 1200px) {
#age-popup .popup-container {
max-width: 808px;
}
}
#age-popup .popup-header {
padding-top: 48px;
}
@media only screen and (min-width: 992px) {
#age-popup .popup-header {
padding-top: 56px;
}
}
#age-popup .popup-footer {
padding-bottom: 48px;
}
@media only screen and (min-width: 992px) {
#age-popup .popup-footer {
padding-bottom: 56px;
}
}
#age-popup .popup-header,
#age-popup .popup-body,
#age-popup .popup-footer {
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 992px) {
#age-popup .popup-header,
#age-popup .popup-body,
#age-popup .popup-footer {
max-width: 474px;
}
}
/*
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 17, 2020, 10:49:05 AM
Author : mv
*/
.mobile-menu {
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
display: none;
transition: opacity ease-in-out 300ms;
z-index: 400;
}
@media only screen and (min-width: 768px) {
.mobile-menu {
margin-top: 32px;
}
}
@media only screen and (min-width: 992px) {
.mobile-menu {
display: none !important;
}
}
.mobile-menu-box {
position: absolute;
top: 0;
left: auto;
right: 0;
bottom: 0;
width: 100%;
max-width: 392px;
background: #fff;
padding: 16px;
transform: translateX(100%);
transition: transform ease-in-out 300ms;
}
@media only screen and (min-width: 768px) {
.mobile-menu-box {
padding: 16px 40px;
}
}
.mobile-menu-close-btn {
position: fixed;
top: 16px;
right: 16px;
height: 32px;
z-index: 401;
display: none;
transition: transform ease-in-out 300ms;
}
@media only screen and (min-width: 768px) {
.mobile-menu-close-btn {
position: absolute;
top: 16px;
right: 40px;
}
}
.mobile-menu-logo {
margin-bottom: 16px;
height: 32px;
}
.mobile-menu-lang {
padding: 10px 0;
overflow-x: auto;
white-space: nowrap;
}
.mobile-menu-lang .btn-menu.is-lang {
margin-right: 8px;
background: rgba(221, 221, 221, 0.6) !important;
color: #333333;
}
@media only screen and (min-width: 768px) {
.mobile-menu-lang {
text-align: right;
}
.mobile-menu-lang .btn-menu.is-lang {
margin-right: 0;
margin-left: 8px;
}
}
.mobile-menu-main {
padding-top: 8px;
padding-bottom: 28px;
padding-right: 24px;
}
@media only screen and (min-width: 768px) {
.mobile-menu-main {
padding-right: 0;
padding-top: 0;
padding-bottom: 24px;
text-align: right;
}
}
.mobile-menu-social .btn-social {
background: #888888;
color: #ffffff;
margin-right: 8px;
}
@media only screen and (min-width: 768px) {
.mobile-menu-social {
text-align: right;
}
.mobile-menu-social .btn-social {
margin-right: 0;
margin-left: 8px;
}
}
.mobile-menu-sec {
padding-right: 24px;
}
.mobile-menu-item {
font-size: 24px;
font-weight: 900;
line-height: 32px;
padding: 8px 0;
color: #333333;
display: block;
text-transform: uppercase;
}
body.has-mobilemenu-open .mobile-menu {
opacity: 1;
}
body.has-mobilemenu-open .mobile-menu-box {
transform: translateX(0);
}
body.has-mobilemenu-open .mobile-menu-close-btn {
transform: rotate(-360deg);
}
/*
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 20, 2020, 6:44:06 PM
Author : mv
*/
.cookies-box {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 20px 0;
z-index: 100;
background: #fff;
box-shadow: 0 0 12px #888888;
}
.cookies-box .btn {
width: 100%;
}
.cookies-box-text {
font-size: 13px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.15;
letter-spacing: -0.22px;
color: #333333;
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.cookies-box-text {
margin-bottom: 0;
margin-right: 16px;
}
}
.cookie-popup {
font-family: 'Infra';
/*font-size: 12px;*/
/*line-height: 1.5;*/
/*color: #333333;*/
}
@media only screen and (max-width: 767px) {
.cookie-popup {
position: absolute;
}
.cookie-popup .popup-wrapper {
height: auto;
}
}
.cookie-popup .popup-container {
text-align: left;
max-width: 800px;
/*padding: 56px 166px;*/
}
.cookie-popup .popup-body {
padding: 0;
}
.cookie-popup .form-cookie {
padding: 24px;
background-color: #fff;
}
.cookie-popup .form-cookie:before,
.cookie-popup .form-cookie:after {
content: " ";
display: table;
}
.cookie-popup .form-cookie:after {
clear: both;
}
.cookie-popup .form-cookie:before,
.cookie-popup .form-cookie:after {
content: " ";
display: table;
}
.cookie-popup .form-cookie:after {
clear: both;
}
@media only screen and (min-width: 768px) {
.cookie-popup .form-cookie {
padding: 48px;
}
}
.cookie-popup .btn {
width: auto;
height: auto;
padding: 5px 20px 3px;
line-height: 20px;
min-width: auto;
font-size: 12px;
font-weight: bold;
letter-spacing: normal;
text-shadow: none;
opacity: 1;
background-color: #333333;
color: #fff;
border: 0;
font-family: inherit;
margin-left: 8px;
}
.cookie-popup-intro {
padding: 24px;
background-color: #ebebeb;
}
.cookie-popup-intro:before,
.cookie-popup-intro:after {
content: " ";
display: table;
}
.cookie-popup-intro:after {
clear: both;
}
.cookie-popup-intro:before,
.cookie-popup-intro:after {
content: " ";
display: table;
}
.cookie-popup-intro:after {
clear: both;
}
@media only screen and (min-width: 768px) {
.cookie-popup-intro {
padding: 48px;
}
}
.cookie-popup-title {
font-size: 24px;
line-height: 36px;
font-weight: bold;
font-family: 'Mont';
margin: 0;
margin-bottom: 16px;
text-align: left;
}
.cookie-popup-text {
margin-bottom: 16px;
}
.cookie-option {
font-size: 11px;
line-height: 18px;
display: block;
padding: 8px;
border-bottom: 1px solid #d8d8d8;
text-align: left;
}
.cookie-option:first-of-type {
border-top: 1px solid #d8d8d8;
}
.cookie-option img,
.cookie-option .checkbox {
float: left;
margin-right: 8px;
}
.cookie-title {
font-size: 12px;
font-weight: bold;
}
.cookie-title,
.cookie-desc {
margin-left: 34px;
}
/*
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-arrow {
position: absolute;
pointer-events: none;
z-index: 1;
top: 8px;
right: 8px;
width: 24px;
height: 24px;
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 : Jul 2, 2018, 6:26:40 PM
Author : mv
*/
.ui-datepicker {
display: none;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
}
.ui-datepicker .ui-datepicker-header {
padding-bottom: 30px;
position: relative;
}
.ui-datepicker .ui-datepicker-title {
font-size: 16px;
text-align: left;
color: #4b2c11;
}
.ui-datepicker .ui-datepicker-prev {
position: absolute;
top: 0;
right: 40px;
}
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 0;
right: 0;
}
.ui-datepicker .ui-datepicker-calendar {
width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th {
font-size: 12px;
font-weight: 500;
line-height: 1.21;
text-align: center;
color: rgba(52, 72, 94, 0.54);
line-height: 28px;
}
.ui-datepicker .ui-datepicker-calendar td {
width: 14.28%;
font-size: 12px;
font-weight: 500;
text-align: center;
color: #4a4a4a;
line-height: 28px;
}
.ui-datepicker .ui-datepicker-calendar td a {
display: block;
height: 28px;
width: 28px;
border-radius: 14px;
margin: 0 auto;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable {
opacity: 0.2;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-active {
background: #BD8647;
color: #fff;
font-weight: bold;
}
/*
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 22, 2021, 5:37:02 PM
Author : mv
*/
.review {
padding: 24px 0;
text-align: center;
background: #f2f2f2;
font-weight: 300;
}
@media only screen and (min-width: 768px) {
.review {
padding: 36px 0;
}
}
.review-text {
font-size: 18px;
font-style: italic;
line-height: 24px;
}
.review-person {
font-size: 12px;
line-height: 24px;
margin-bottom: 24px;
}
.review-tripadvisor {
color: #d8931c;
font-family: 'Mont';
align-items: center;
font-size: 14px;
line-height: 18px;
font-weight: bold;
}
.review-tripadvisor img {
height: 19px;
margin-right: 8px;
}
@media only screen and (min-width: 768px) {
.review-tripadvisor img {
height: auto;
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 : Apr 23, 2021, 12:29:21 PM
Author : mv
*/
.review-side-text {
font-size: 18px;
font-weight: 300;
font-stretch: normal;
font-style: italic;
line-height: 1.33;
color: #d8931c;
margin-bottom: 8px;
}
.review-side-person {
opacity: 0.5;
font-family: Infra;
font-size: 12px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
/*
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 22, 2021, 5:37:02 PM
Author : mv
*/
.review-list {
padding: 24px 0 40px;
/*text-align: center;*/
/*background: @color-gray-light-01;*/
font-weight: 300;
text-align: right;
}
@media only screen and (min-width: 768px) {
.review-list {
padding: 36px 0 64px 120px;
}
}
.review-list:nth-child(2n-1) {
text-align: left;
padding-right: 100px;
}
@media only screen and (min-width: 768px) {
.review-list:nth-child(2n-1) {
padding: 36px 120px 64px 0;
}
}
.review-list-person {
font-size: 12px;
line-height: 24px;
margin-bottom: 16px;
}
/*.review-text{
font-size: 18px;
font-style: italic;
line-height: 24px;
}
.review-tripadvisor{
color: @color-primary;
font-family: @font-title;
align-items: center;
.ty-14;
font-weight: bold;
img{
height: 19px;
margin-right: 8px;
.responsive-md({
height: auto;
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 : Apr 22, 2021, 3:03:25 PM
Author : mv
*/
.tour-card {
border-radius: 12px;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
background-color: #ffffff;
overflow: hidden;
display: block;
/*min-width: 304px;*/
}
.tour-card-media {
height: 208px;
}
.tour-card-media img {
width: 100%;
height: 208px;
object-fit: cover;
}
.tour-card-texts {
padding: 16px;
position: relative;
}
.tour-card-texts:after {
position: absolute;
top: auto;
left: auto;
right: 8px;
bottom: 8px;
content: "";
background: url(/images/icn-arrow.svg) no-repeat right bottom;
width: 24px;
height: 24px;
}
.tour-card-title {
font-size: 16px;
line-height: 22px;
font-weight: bold;
margin-bottom: 8px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.tour-card-text {
font-size: 14px;
line-height: 18px;
height: 54px;
overflow: hidden;
margin-bottom: 16px;
}
.tour-card-price {
font-size: 14px;
line-height: 18px;
color: #d8931c;
}
/*
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 3, 2021, 10:21:45 PM
Author : mv
*/
.tour-box {
width: 100%;
background: #e9e9e9;
border-radius: 4px;
overflow: hidden;
}
.tour-box:before,
.tour-box:after {
content: " ";
display: table;
}
.tour-box:after {
clear: both;
}
.tour-box:before,
.tour-box:after {
content: " ";
display: table;
}
.tour-box:after {
clear: both;
}
.tour-box-media {
float: left;
width: 160px;
height: 160px;
}
.tour-box-media img {
object-fit: cover;
width: 160px;
height: 160px;
}
.tour-box-texts {
padding: 8px 16px;
width: calc(100% - 160px);
float: left;
font-size: 12px;
line-height: 18px;
}
.tour-box-title {
font-size: 16px;
line-height: 22px;
font-weight: bold;
margin-bottom: 10px;
height: 44px;
overflow: hidden;
}
.tour-box-tagline {
height: 54px;
overflow: hidden;
margin-bottom: 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 : Apr 22, 2021, 4:56:35 PM
Author : mv
*/
.tourcat-related {
display: block;
height: 63px;
font-size: 14px;
line-height: 18px;
font-family: 'Mont';
font-weight: bold;
border-radius: 12px;
overflow: hidden;
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.tourcat-related {
height: 80px;
font-size: 18px;
line-height: 24px;
font-weight: bold;
font-family: 'Mont';
}
}
.tourcat-related div {
width: 100%;
}
.tourcat-related-title {
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
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 : Apr 21, 2021, 5:31:06 PM
Author : mv
*/
.hp-hero {
overflow: hidden;
}
.hp-hero-item {
height: 530px;
color: #fff;
text-align: center;
}
@media only screen and (min-width: 992px) {
.hp-hero-item {
height: 465px;
}
}
@media only screen and (min-width: 1200px) {
.hp-hero-item {
height: 610px;
}
}
@media only screen and (min-width: 1440px) {
.hp-hero-item {
height: 724px;
}
}
.hp-hero-item-title {
font-size: 32px;
line-height: 36px;
font-weight: bold;
font-family: 'Mont';
padding-top: 104px;
}
@media only screen and (min-width: 768px) {
.hp-hero-item-title {
padding-top: 124px;
}
}
.hp-hero-item-text {
font-size: 16px;
line-height: 22px;
}
.hp-form-wrapper {
height: 180px;
}
.hp-form {
position: relative;
border-radius: 8px;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.8);
overflow: hidden;
}
.hp-form .form-control {
font-size: 10px;
}
@media only screen and (min-width: 992px) {
.hp-form .form-control {
height: 56px;
font-size: 16px;
line-height: 22px;
}
}
.hp-form.is-open .hp-form-popup {
display: block;
padding: 16px;
height: 180px;
}
.hp-form.is-open .form-control {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.hp-form-popup {
display: none;
padding: 0 16px;
background: #fff;
color: #333333;
position: relative;
height: 0;
transition: all ease-in-out 300ms;
}
.hp-form-popup:before {
position: absolute;
top: 0;
left: 16px;
right: 16px;
border-top: 1px solid #888888;
content: "";
}
.hp-form-list a {
display: block;
line-height: 21px;
padding: 4px 0;
}
.hp-form-list a:hover {
color: #d8931c;
}
.hp-form-btn {
color: #d8931c;
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
font-size: 20px;
}
@media only screen and (min-width: 992px) {
.hp-form-btn {
width: 56px;
height: 56px;
font-size: 32px;
}
}
.hp-intro {
padding: 32px 0;
background: rgba(216, 147, 28, 0.1);
text-align: center;
}
.hp-intro img {
width: 60px;
height: 60px;
}
@media only screen and (min-width: 768px) {
.hp-intro {
padding: 56px 0;
}
.hp-intro img {
width: auto;
height: auto;
}
}
.hp-intro-title {
color: #d8931c;
font-size: 24px;
line-height: 36px;
font-weight: bold;
font-family: 'Mont';
margin-bottom: 24px !important;
}
@media only screen and (min-width: 768px) {
.hp-intro-title {
font-size: 32px;
line-height: 36px;
font-weight: bold;
font-family: 'Mont';
}
}
.hp-intro-text {
font-size: 14px;
line-height: 24px;
margin-bottom: 32px !important;
}
@media only screen and (min-width: 768px) {
.hp-intro-text {
font-size: 16px;
line-height: 28px;
margin-bottom: 40px !important;
}
}
.hp-tours {
padding: 20px 0;
}
@media only screen and (min-width: 768px) {
.hp-tours {
padding: 48px 0;
}
}
.hp-tours-slider {
margin-left: -24px;
margin-right: -24px;
padding: 24px;
overflow: visible;
}
.hp-bottom {
height: 512px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.hp-bottom {
height: 464px;
}
}
.hp-bottom-title {
font-size: 24px;
line-height: 36px;
font-weight: bold;
font-family: 'Mont';
margin-top: 247px;
}
@media only screen and (min-width: 768px) {
.hp-bottom-title {
font-size: 32px;
line-height: 36px;
font-weight: bold;
font-family: 'Mont';
margin-top: 216px;
}
}
.hp-bottom-text {
font-size: 14px;
line-height: 18px;
}
@media only screen and (min-width: 768px) {
.hp-bottom-text {
font-size: 16px;
line-height: 22px;
}
}
/*
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 22, 2021, 4:36:38 PM
Author : mv
*/
.tours-intro {
padding: 40px 0;
}
.tours-intro-text {
font-size: 12px;
line-height: 18px;
}
@media only screen and (min-width: 768px) {
.tours-intro-text {
font-size: 14px;
line-height: 18px;
}
}
.tours-tags {
margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
.tours-tags {
text-align: center;
}
}
.tours-list .tour-card {
margin-bottom: 48px;
}
.tours-cats {
padding: 32px 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 : Apr 22, 2021, 4:36:38 PM
Author : mv
*/
.tour .tabs {
margin-bottom: 40px;
}
.tour-header {
height: 361px;
display: flex;
}
@media only screen and (max-width: 767px) {
.tour-header {
flex-direction: column;
}
}
@media only screen and (min-width: 768px) {
.tour-header {
flex-direction: row-reverse;
}
}
.tour-header-spacer {
flex-grow: 1;
}
@media only screen and (min-width: 768px) {
.tour-header-wrapper {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 24px;
/*width: 40%;*/
max-width: 300px;
}
}
@media only screen and (min-width: 992px) {
.tour-header-wrapper {
max-width: 400px;
}
}
@media only screen and (min-width: 1200px) {
.tour-header-wrapper {
max-width: 500px;
}
}
.tour-header-texts {
padding: 48px 0 24px;
background-color: rgba(39, 28, 22, 0.8);
text-align: center;
color: #fff;
/*max-width: 400px;*/
/*margin: 0 auto;*/
}
@media only screen and (min-width: 768px) {
.tour-header-texts {
width: calc(58.33333333% - 16px);
}
}
.tour-header-title {
font-size: 32px;
line-height: 36px;
font-weight: bold;
font-family: 'Mont';
text-transform: uppercase;
margin-bottom: 8px;
}
@media only screen and (min-width: 992px) {
.tour-header-title {
font-size: 48px;
line-height: 58px;
font-weight: bold;
font-family: 'Mont';
margin-bottom: 16px;
}
}
.tour-header-subtitle {
font-size: 18px;
line-height: 24px;
font-weight: bold;
font-family: 'Mont';
font-weight: normal;
}
.tour-block {
border-bottom: 1px solid #cccccc;
padding-bottom: 24px;
}
@media only screen and (min-width: 768px) {
.tour-block {
padding-bottom: 54px;
}
}
.tour-block-title {
font-size: 24px;
line-height: 36px;
font-weight: bold;
font-family: 'Mont';
padding: 16px 0;
}
@media only screen and (max-width: 767px) {
#tour-summary {
border-bottom: 0;
}
}
.tour-intro {
margin-top: -16px;
}
.tour-intro .tour-tags {
margin-bottom: 8px;
}
.tour-intro-text {
font-size: 14px;
line-height: 24px;
font-weight: bold;
margin-bottom: 16px;
}
.tour-intro-image {
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
border: solid 16px #ffffff;
}
.ul-normal li {
margin-left: 16px;
list-style: disc outside;
}
.ul-itinerary {
position: relative;
}
.ul-itinerary:after {
position: absolute;
width: 4px;
background: #d8d8d8;
content: "";
left: 8px;
top: 8px;
bottom: 12px;
z-index: 0;
}
.ul-itinerary li {
line-height: 32px;
height: 32px;
padding-left: 32px;
position: relative;
z-index: 1;
font-weight: bold;
margin-left: 0;
list-style: none;
}
.ul-itinerary li:before {
position: absolute;
left: 2px;
border: 4px solid #fff;
content: "";
width: 8px;
height: 8px;
background: red;
border-radius: 12px;
top: 8px;
}
.ul-itinerary li:first-child:before,
.ul-itinerary li:last-child:before {
width: 20px;
height: 20px;
background: url(/images/flag-start.svg) no-repeat left;
background-size: auto;
border: 0;
background-size: cover;
left: 2px;
top: 6px;
border-radius: 0;
}
.tour-highlights {
font-size: 14px;
line-height: 18px;
}
@media only screen and (max-width: 767px) {
.tour-highlights {
font-size: 15px;
}
}
.tour-included {
font-size: 14px;
line-height: 18px;
}
@media only screen and (max-width: 767px) {
.tour-included {
font-size: 15px;
}
}
.tour-images {
height: 300px;
}
@media only screen and (min-width: 992px) {
.tour-images {
height: 420px;
}
}
@media only screen and (min-width: 992px) {
.tour-images {
height: 540px;
}
}
@media only screen and (min-width: 1200px) {
.tour-images {
height: 680px;
}
}
.tour-images .slick-dots {
bottom: 16px;
}
.tour-images .slick-dots li button {
background: #ffffff;
opacity: 0.5;
}
.tour-images .slick-dots .slick-active button {
opacity: 1;
}
.tour-images .slick-arrow {
width: 30px;
height: 30px;
opacity: 0.6;
color: #333333;
background-size: 20px 20px;
top: 50%;
margin-top: -15px;
transition: all ease-in-out 300ms;
}
.tour-images .slick-arrow:hover {
opacity: 1;
}
.tour-images .slick-arrow-prev {
left: 40px;
}
.tour-images .slick-arrow-next {
right: 40px;
}
.tour-image {
background: #000;
}
.tour-image img {
height: 300px;
width: 100%;
margin: 0 auto;
object-fit: cover;
}
@media only screen and (min-width: 992px) {
.tour-image img {
height: 420px;
object-fit: contain;
}
}
@media only screen and (min-width: 992px) {
.tour-image img {
height: 540px;
}
}
@media only screen and (min-width: 1200px) {
.tour-image img {
height: 680px;
}
}
.tour-reviews {
margin-bottom: 0 !important;
}
.tour-reviews .review {
min-height: 400px;
}
.tour-reviews .review .tpl-row {
height: 336px;
}
.tour-reviews .review-text {
padding: 0 40px;
}
@media only screen and (max-width: 767px) {
.tour-reviews .review-text {
font-size: 14px;
font-style: italic;
line-height: 18px;
}
}
.tour-reviews .slick-dots {
bottom: 16px;
}
.tour-reviews .slick-dots li button {
background: #ffffff;
opacity: 0.5;
}
.tour-reviews .slick-dots .slick-active button {
opacity: 1;
}
.tour-reviews .slick-arrow {
width: 30px;
height: 30px;
opacity: 0.6;
color: #333333;
background-size: 20px 20px;
top: 50%;
margin-top: -15px;
transition: all ease-in-out 300ms;
}
.tour-reviews .slick-arrow:hover {
opacity: 1;
}
.tour-reviews .slick-arrow-prev {
left: 16px;
}
@media only screen and (min-width: 768px) {
.tour-reviews .slick-arrow-prev {
left: 40px;
}
}
.tour-reviews .slick-arrow-next {
right: 16px;
}
@media only screen and (min-width: 768px) {
.tour-reviews .slick-arrow-next {
right: 40px;
}
}
.tour-info {
margin-bottom: 24px;
padding: 24px 32px 16px;
border-radius: 8px;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
}
.tour-info-title {
font-size: 18px;
line-height: 24px;
font-weight: bold;
font-family: 'Mont';
}
.tour-info-languages {
padding-top: 8px;
}
.tour-info-detail {
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
}
.tour-info-detail img {
float: left;
margin-right: 8px;
vertical-align: middle;
}
.tour-how {
padding: 24px 32px;
border-radius: 8px;
background-color: #eeeeee;
}
.tour-how-title {
font-size: 16px;
line-height: 22px;
font-weight: bold;
margin-bottom: 16px;
}
.tour-how-text {
font-size: 12px;
line-height: 18px;
}
.tour-booking {
background: #333333;
color: #ffffff;
padding: 66px 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 : Jun 17, 2021, 11:27:43 AM
Author : mv
*/
.about-text {
background: rgba(216, 147, 28, 0.1);
font-size: 14px;
line-height: 18px;
font-weight: bold;
text-align: center;
margin-bottom: 40px;
}
.about-user {
text-align: center;
margin-bottom: 26px;
}
.about-user-img {
width: 160px;
height: 160px;
border-radius: 80px;
object-fit: cover;
margin-bottom: 10px;
}
.about-user-title {
font-size: 14px;
line-height: 18px;
font-weight: bold;
margin-bottom: 8px;
}
.about-user-tagline {
font-size: 12px;
line-height: 18px;
margin-bottom: 20px;
text-transform: uppercase;
color: #333333;
}
.about-user-text {
color: #888888;
font-size: 12px;
line-height: 18px;
}