html,
body {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    background-color: #ffffff;
}

body.cdar {
    overflow-x: hidden;
}

/* Template */

.full {
    width: 100%;
}

ul>li:not(:last-of-type),
ol>li:not(:last-of-type) {
    margin-bottom: 0.4em;
}

.limit-width {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
.row {
    display: flex;
    gap: var(--gap);
    position: relative;
    padding: var(--gap);
    box-sizing: border-box;
}

.row.nopad {
    padding: 0;
}

.col {
    position: relative;
    flex-basis: 100%;
    z-index: 2;
}

.col100 {
	flex-basis: 100%;
}
.col95 {
	flex-basis: 95%;
}
.col90 {
	flex-basis: 90%;
}
.col85 {
	flex-basis: 85%;
}
.col80 {
	flex-basis: 80%;
}
.col75 {
	flex-basis: 75%;
}
.col70 {
	flex-basis: 70%;
}
.col65 {
	flex-basis: 65%;
}
.col60 {
	flex-basis: 60%;
}
.col55 {
	flex-basis: 55%;
}
.col50 {
	flex-basis: 50%;
}
.col45 {
	flex-basis: 45%;
}
.col40 {
	flex-basis: 40%;
}
.col35 {
	flex-basis: 35%;
}
.col30 {
	flex-basis: 30%;
}
.col25 {
	flex-basis: 25%;
}
.col20 {
	flex-basis: 20%;
}
.col15 {
	flex-basis: 15%;
}
.col10 {
	flex-basis: 10%;
}
.col5 {
	flex-basis: 5%;
}
.col-fit {
	flex-basis: fit-content;
}

.flex {
    display: flex;
    align-items: center;
}

.stretch {
    align-items: stretch;
}

.row.vertical,
.flex.vertical {
    flex-direction: column;
    gap: var(--gap);
    align-items: start;
}

.flex.vertical.center {
    align-items: center;
    width: 100%;
}

.flex.start {
    align-items: start;
}

.flex.full {
    width: 100%;
}

.row.nogap,
.flex.nogap {
    gap: 0;
}

.flex.gap108 {
    gap: var(--gap108);
    --inherit-gap: var(--gap108);
}

.flex.gap72 {
    gap: var(--gap72);
    --inherit-gap: var(--gap72);
}

.flex.gap {
    gap: var(--gap);
    --inherit-gap: var(--gap);
}

.pad {
    padding: var(--gap);
}

.flex.gap24 {
    gap: var(--gap24);
    --inherit-gap: var(--gap24);
}

.flex.gap18 {
    gap: var(--gap18);
    --inherit-gap: var(--gap18);
}

.flex.gap12 {
    gap: var(--gap12);
    --inherit-gap: var(--gap12);
}

.flex.gap10 {
    gap: var(--gap10);
    --inherit-gap: var(--gap10);
}

.nopad-bottom {
    padding-bottom: 0;
}
.nopad-top {
    padding-top: 0;
}
.nopad-h {
    padding-left: 0;
    padding-right: 0;
}
.nopad-v {
    padding-top: 0;
    padding-bottom: 0;
}
.nopad-left {
    padding-left: 0;
}
.nopad-right {
    padding-right: 0;
}

/* Fix flex vs slick issue */
* {
    min-width: 0;
    min-height: 0;
}