.mx1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.px0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.px1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.my0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mg-n {
    margin: 0 !important
}

.mt0,
.mt-n {
    margin-top: 0 !important
}

.mb0,
.mb-n {
    margin-bottom: 0 !important
}

.ml0,
.ml-n {
    margin-left: 0 !important
}

.mr0,
.mr-n {
    margin-right: 0 !important
}

.ml-auto,
.margin-left-auto,
.ml-a {
    margin-left: auto !important;
}

.mxa {
    margin-left: auto;
    margin-right: auto;
}

.grid-x {
    flex-flow: row wrap;
}

.py1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.pd-n {
    padding: 0 !important
}

.pv-n {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.ph-n {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.pt-n {
    padding-top: 0 !important
}

.pb-n {
    padding-bottom: 0 !important
}

.pl-n {
    padding-left: 0 !important
}

.pr-n {
    padding-right: 0 !important
}

.prt--n, .prt-n {
    position: relative;
    top: 0 !important
}

.prl--n, .prl-n {
    position: relative;
    left: 0 !important
}

.mg-1 {
    margin: 1px !important
}

.mt-1 {
    margin-top: 1px !important
}

.mb-1 {
    margin-bottom: 1px !important
}

.ml-1 {
    margin-left: 1px !important
}

.mr-1 {
    margin-right: 1px !important
}

.mr1 {
    margin-right: 1rem !important;
}

.pd-1 {
    padding: 1px !important
}

.pv-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.ph-1 {
    padding-left: 1px !important;
    padding-right: 1px !important
}

.pt-1 {
    padding-top: 1px !important
}

.pb-1 {
    padding-bottom: 1px !important
}

.pl-1 {
    padding-left: 1px !important
}

.pr-1 {
    padding-right: 1px !important
}

.prt-1 {
    top: 1px !important
}

.prt-1, .prt--1 {
    position: relative
}

.prt--1 {
    top: -1px !important
}

.prl-1 {
    left: 1px !important
}

.prl-1, .prl--1 {
    position: relative
}

.prl--1 {
    left: -1px !important
}

.mg-2 {
    margin: 2px !important
}

.mt-2 {
    margin-top: 2px !important
}

.mb-2 {
    margin-bottom: 2px !important
}

.ml-2 {
    margin-left: 2px !important
}

.mr-2 {
    margin-right: 2px !important
}

.pd-2 {
    padding: 2px !important
}

.pv-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.ph-2 {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.pt-2 {
    padding-top: 2px !important
}

.pb-2 {
    padding-bottom: 2px !important
}

.pl-2 {
    padding-left: 2px !important
}

.pr-2 {
    padding-right: 2px !important
}

.prt-2 {
    top: 2px !important
}

.prt-2, .prt--2 {
    position: relative
}

.prt--2 {
    top: -2px !important
}

.prl-2 {
    left: 2px !important
}

.prl-2, .prl--2 {
    position: relative
}

.prl--2 {
    left: -2px !important
}

.mg-3 {
    margin: 3px !important
}

.mt-3 {
    margin-top: 3px !important
}

.mb-3 {
    margin-bottom: 3px !important
}

.ml-3 {
    margin-left: 3px !important
}

.mr-3 {
    margin-right: 3px !important
}

.pd-3 {
    padding: 3px !important
}

.pv-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

.ph-3 {
    padding-left: 3px !important;
    padding-right: 3px !important
}

.pt-3 {
    padding-top: 3px !important
}

.pb-3 {
    padding-bottom: 3px !important
}

.pl-3 {
    padding-left: 3px !important
}

.pr-3 {
    padding-right: 3px !important
}

.prt-3 {
    top: 3px !important
}

.prt-3, .prt--3 {
    position: relative
}

.prt--3 {
    top: -3px !important
}

.prl-3 {
    left: 3px !important
}

.prl-3, .prl--3 {
    position: relative
}

.prl--3 {
    left: -3px !important
}

.mg-4 {
    margin: 4px !important
}

.mt-4 {
    margin-top: 4px !important
}

.mb-4 {
    margin-bottom: 4px !important
}

.ml-4 {
    margin-left: 4px !important
}

.mr-4 {
    margin-right: 4px !important
}

.pd-4 {
    padding: 4px !important
}

.pv-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.ph-4 {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.pt-4 {
    padding-top: 4px !important
}

.pb-4 {
    padding-bottom: 4px !important
}

.pl-4 {
    padding-left: 4px !important
}

.pr-4 {
    padding-right: 4px !important
}

.prt-4 {
    top: 4px !important
}

.prt-4, .prt--4 {
    position: relative
}

.prt--4 {
    top: -4px !important
}

.prl-4 {
    left: 4px !important
}

.prl-4, .prl--4 {
    position: relative
}

.prl--4 {
    left: -4px !important
}

.mg-5 {
    margin: 5px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.ml-5 {
    margin-left: 5px !important
}

.mr-5 {
    margin-right: 5px !important
}

.pd-5 {
    padding: 5px !important
}

.pv-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.ph-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.pt-5 {
    padding-top: 5px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pl-5 {
    padding-left: 5px !important
}

.pr-5 {
    padding-right: 5px !important
}

.prt-5 {
    top: 5px !important
}

.prt-5, .prt--5 {
    position: relative
}

.prt--5 {
    top: -5px !important
}

.prl-5 {
    left: 5px !important
}

.prl-5, .prl--5 {
    position: relative
}

.prl--5 {
    left: -5px !important
}

.mg-6 {
    margin: 6px !important
}

.mt-6 {
    margin-top: 6px !important
}

.mb-6 {
    margin-bottom: 6px !important
}

.ml-6 {
    margin-left: 6px !important
}

.mr-6 {
    margin-right: 6px !important
}

.pd-6 {
    padding: 6px !important
}

.pv-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.ph-6 {
    padding-left: 6px !important;
    padding-right: 6px !important
}

.pt-6 {
    padding-top: 6px !important
}

.pb-6 {
    padding-bottom: 6px !important
}

.pl-6 {
    padding-left: 6px !important
}

.pr-6 {
    padding-right: 6px !important
}

.prt-6 {
    top: 6px !important
}

.prt-6, .prt--6 {
    position: relative
}

.prt--6 {
    top: -6px !important
}

.prl-6 {
    left: 6px !important
}

.prl-6, .prl--6 {
    position: relative
}

.prl--6 {
    left: -6px !important
}

.mg-7 {
    margin: 7px !important
}

.mt-7 {
    margin-top: 7px !important
}

.mb-7 {
    margin-bottom: 7px !important
}

.ml-7 {
    margin-left: 7px !important
}

.mr-7 {
    margin-right: 7px !important
}

.pd-7 {
    padding: 7px !important
}

.pv-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important
}

.ph-7 {
    padding-left: 7px !important;
    padding-right: 7px !important
}

.pt-7 {
    padding-top: 7px !important
}

.pb-7 {
    padding-bottom: 7px !important
}

.pl-7 {
    padding-left: 7px !important
}

.pr-7 {
    padding-right: 7px !important
}

.prt-7 {
    top: 7px !important
}

.prt-7, .prt--7 {
    position: relative
}

.prt--7 {
    top: -7px !important
}

.prl-7 {
    left: 7px !important
}

.prl-7, .prl--7 {
    position: relative
}

.prl--7 {
    left: -7px !important
}

.mg-8 {
    margin: 8px !important
}

.mt-8 {
    margin-top: 8px !important
}

.mb-8 {
    margin-bottom: 8px !important
}

.ml-8 {
    margin-left: 8px !important
}

.mr-8 {
    margin-right: 8px !important
}

.pd-8 {
    padding: 8px !important
}

.pv-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.ph-8 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.pt-8 {
    padding-top: 8px !important
}

.pb-8 {
    padding-bottom: 8px !important
}

.pl-8 {
    padding-left: 8px !important
}

.pr-8 {
    padding-right: 8px !important
}

.prt-8 {
    top: 8px !important
}

.prt-8, .prt--8 {
    position: relative
}

.prt--8 {
    top: -8px !important
}

.prl-8 {
    left: 8px !important
}

.prl-8, .prl--8 {
    position: relative
}

.prl--8 {
    left: -8px !important
}

.mg-9 {
    margin: 9px !important
}

.mt-9 {
    margin-top: 9px !important
}

.mb-9 {
    margin-bottom: 9px !important
}

.ml-9 {
    margin-left: 9px !important
}

.mr-9 {
    margin-right: 9px !important
}

.pd-9 {
    padding: 9px !important
}

.pv-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important
}

.ph-9 {
    padding-left: 9px !important;
    padding-right: 9px !important
}

.pt-9 {
    padding-top: 9px !important
}

.pb-9 {
    padding-bottom: 9px !important
}

.pl-9 {
    padding-left: 9px !important
}

.pr-9 {
    padding-right: 9px !important
}

.prt-9 {
    top: 9px !important
}

.prt-9, .prt--9 {
    position: relative
}

.prt--9 {
    top: -9px !important
}

.prl-9 {
    left: 9px !important
}

.prl-9, .prl--9 {
    position: relative
}

.prl--9 {
    left: -9px !important
}

.mg-10 {
    margin: 10px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.ml-10 {
    margin-left: 10px !important
}

.mr-10 {
    margin-right: 10px !important
}

.pd-10 {
    padding: 10px !important
}

.py-10,
.pv-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.px-10,
.ph-10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pr-10 {
    padding-right: 10px !important
}

.prt-10 {
    top: 10px !important
}

.prt-10, .prt--10 {
    position: relative
}

.prt--10 {
    top: -10px !important
}

.prl-10 {
    left: 10px !important
}

.prl-10, .prl--10 {
    position: relative
}

.prl--10 {
    left: -10px !important
}

.mg-11 {
    margin: 11px !important
}

.mt-11 {
    margin-top: 11px !important
}

.mb-11 {
    margin-bottom: 11px !important
}

.ml-11 {
    margin-left: 11px !important
}

.mr-11 {
    margin-right: 11px !important
}

.pd-11 {
    padding: 11px !important
}

.pv-11 {
    padding-top: 11px !important;
    padding-bottom: 11px !important
}

.ph-11 {
    padding-left: 11px !important;
    padding-right: 11px !important
}

.pt-11 {
    padding-top: 11px !important
}

.pb-11 {
    padding-bottom: 11px !important
}

.pl-11 {
    padding-left: 11px !important
}

.pr-11 {
    padding-right: 11px !important
}

.prt-11 {
    top: 11px !important
}

.prt-11, .prt--11 {
    position: relative
}

.prt--11 {
    top: -11px !important
}

.prl-11 {
    left: 11px !important
}

.prl-11, .prl--11 {
    position: relative
}

.prl--11 {
    left: -11px !important
}

.mg-12 {
    margin: 12px !important
}

.mt-12 {
    margin-top: 12px !important
}

.mb-12 {
    margin-bottom: 12px !important
}

.ml-12 {
    margin-left: 12px !important
}

.mr-12 {
    margin-right: 12px !important
}

.pd-12 {
    padding: 12px !important
}

.pv-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.ph-12 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.pt-12 {
    padding-top: 12px !important
}

.pb-12 {
    padding-bottom: 12px !important
}

.pl-12 {
    padding-left: 12px !important
}

.pr-12 {
    padding-right: 12px !important
}

.prt-12 {
    top: 12px !important
}

.prt-12, .prt--12 {
    position: relative
}

.prt--12 {
    top: -12px !important
}

.prl-12 {
    left: 12px !important
}

.prl-12, .prl--12 {
    position: relative
}

.prl--12 {
    left: -12px !important
}

.mg-13 {
    margin: 13px !important
}

.mt-13 {
    margin-top: 13px !important
}

.mb-13 {
    margin-bottom: 13px !important
}

.ml-13 {
    margin-left: 13px !important
}

.mr-13 {
    margin-right: 13px !important
}

.pd-13 {
    padding: 13px !important
}

.pv-13 {
    padding-top: 13px !important;
    padding-bottom: 13px !important
}

.ph-13 {
    padding-left: 13px !important;
    padding-right: 13px !important
}

.pt-13 {
    padding-top: 13px !important
}

.pb-13 {
    padding-bottom: 13px !important
}

.pl-13 {
    padding-left: 13px !important
}

.pr-13 {
    padding-right: 13px !important
}

.prt-13 {
    top: 13px !important
}

.prt-13, .prt--13 {
    position: relative
}

.prt--13 {
    top: -13px !important
}

.prl-13 {
    left: 13px !important
}

.prl-13, .prl--13 {
    position: relative
}

.prl--13 {
    left: -13px !important
}

.mg-14 {
    margin: 14px !important
}

.mt-14 {
    margin-top: 14px !important
}

.mb-14 {
    margin-bottom: 14px !important
}

.ml-14 {
    margin-left: 14px !important
}

.mr-14 {
    margin-right: 14px !important
}

.pd-14 {
    padding: 14px !important
}

.pv-14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important
}

.ph-14 {
    padding-left: 14px !important;
    padding-right: 14px !important
}

.pt-14 {
    padding-top: 14px !important
}

.pb-14 {
    padding-bottom: 14px !important
}

.pl-14 {
    padding-left: 14px !important
}

.pr-14 {
    padding-right: 14px !important
}

.prt-14 {
    top: 14px !important
}

.prt-14, .prt--14 {
    position: relative
}

.prt--14 {
    top: -14px !important
}

.prl-14 {
    left: 14px !important
}

.prl-14, .prl--14 {
    position: relative
}

.prl--14 {
    left: -14px !important
}

.mg-15 {
    margin: 15px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.ml-15 {
    margin-left: 15px !important
}

.mr-15 {
    margin-right: 15px !important
}

.pd-15 {
    padding: 15px !important
}

.pv-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.ph-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pr-15 {
    padding-right: 15px !important
}

.prt-15 {
    top: 15px !important
}

.prt-15, .prt--15 {
    position: relative
}

.prt--15 {
    top: -15px !important
}

.prl-15 {
    left: 15px !important
}

.prl-15, .prl--15 {
    position: relative
}

.prl--15 {
    left: -15px !important
}

.mg-16 {
    margin: 16px !important
}

.mt-16 {
    margin-top: 16px !important
}

.mb-16 {
    margin-bottom: 16px !important
}

.ml-16 {
    margin-left: 16px !important
}

.mr-16 {
    margin-right: 16px !important
}

.pd-16 {
    padding: 16px !important
}

.pv-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.ph-16 {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.pt-16 {
    padding-top: 16px !important
}

.pb-16 {
    padding-bottom: 16px !important
}

.pl-16 {
    padding-left: 16px !important
}

.pr-16 {
    padding-right: 16px !important
}

.prt-16 {
    top: 16px !important
}

.prt-16, .prt--16 {
    position: relative
}

.prt--16 {
    top: -16px !important
}

.prl-16 {
    left: 16px !important
}

.prl-16, .prl--16 {
    position: relative
}

.prl--16 {
    left: -16px !important
}

.mg-17 {
    margin: 17px !important
}

.mt-17 {
    margin-top: 17px !important
}

.mb-17 {
    margin-bottom: 17px !important
}

.ml-17 {
    margin-left: 17px !important
}

.mr-17 {
    margin-right: 17px !important
}

.pd-17 {
    padding: 17px !important
}

.pv-17 {
    padding-top: 17px !important;
    padding-bottom: 17px !important
}

.ph-17 {
    padding-left: 17px !important;
    padding-right: 17px !important
}

.pt-17 {
    padding-top: 17px !important
}

.pb-17 {
    padding-bottom: 17px !important
}

.pl-17 {
    padding-left: 17px !important
}

.pr-17 {
    padding-right: 17px !important
}

.prt-17 {
    top: 17px !important
}

.prt-17, .prt--17 {
    position: relative
}

.prt--17 {
    top: -17px !important
}

.prl-17 {
    left: 17px !important
}

.prl-17, .prl--17 {
    position: relative
}

.prl--17 {
    left: -17px !important
}

.mg-18 {
    margin: 18px !important
}

.mt-18 {
    margin-top: 18px !important
}

.mb-18 {
    margin-bottom: 18px !important
}

.ml-18 {
    margin-left: 18px !important
}

.mr-18 {
    margin-right: 18px !important
}

.pd-18 {
    padding: 18px !important
}

.pv-18 {
    padding-top: 18px !important;
    padding-bottom: 18px !important
}

.ph-18 {
    padding-left: 18px !important;
    padding-right: 18px !important
}

.pt-18 {
    padding-top: 18px !important
}

.pb-18 {
    padding-bottom: 18px !important
}

.pl-18 {
    padding-left: 18px !important
}

.pr-18 {
    padding-right: 18px !important
}

.prt-18 {
    top: 18px !important
}

.prt-18, .prt--18 {
    position: relative
}

.prt--18 {
    top: -18px !important
}

.prl-18 {
    left: 18px !important
}

.prl-18, .prl--18 {
    position: relative
}

.prl--18 {
    left: -18px !important
}

.mg-19 {
    margin: 19px !important
}

.mt-19 {
    margin-top: 19px !important
}

.mb-19 {
    margin-bottom: 19px !important
}

.ml-19 {
    margin-left: 19px !important
}

.mr-19 {
    margin-right: 19px !important
}

.pd-19 {
    padding: 19px !important
}

.pv-19 {
    padding-top: 19px !important;
    padding-bottom: 19px !important
}

.ph-19 {
    padding-left: 19px !important;
    padding-right: 19px !important
}

.pt-19 {
    padding-top: 19px !important
}

.pb-19 {
    padding-bottom: 19px !important
}

.pl-19 {
    padding-left: 19px !important
}

.pr-19 {
    padding-right: 19px !important
}

.prt-19 {
    top: 19px !important
}

.prt-19, .prt--19 {
    position: relative
}

.prt--19 {
    top: -19px !important
}

.prl-19 {
    left: 19px !important
}

.prl-19, .prl--19 {
    position: relative
}

.prl--19 {
    left: -19px !important
}

.mg-20 {
    margin: 20px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.ml-20 {
    margin-left: 20px !important
}

.mr-20 {
    margin-right: 20px !important
}

.pd-20 {
    padding: 20px !important
}

.pv-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.ph-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pr-20 {
    padding-right: 20px !important
}

.prt-20 {
    top: 20px !important
}

.prt-20, .prt--20 {
    position: relative
}

.prt--20 {
    top: -20px !important
}

.prl-20 {
    left: 20px !important
}

.prl-20, .prl--20 {
    position: relative
}

.prl--20 {
    left: -20px !important
}

.mg-22 {
    margin: 22px !important
}

.mt-22 {
    margin-top: 22px !important
}

.mb-22 {
    margin-bottom: 22px !important
}

.ml-22 {
    margin-left: 22px !important
}

.mr-22 {
    margin-right: 22px !important
}

.pd-22 {
    padding: 22px !important
}

.pv-22 {
    padding-top: 22px !important;
    padding-bottom: 22px !important
}

.ph-22 {
    padding-left: 22px !important;
    padding-right: 22px !important
}

.pt-22 {
    padding-top: 22px !important
}

.pb-22 {
    padding-bottom: 22px !important
}

.pl-22 {
    padding-left: 22px !important
}

.pr-22 {
    padding-right: 22px !important
}

.prt-22 {
    top: 22px !important
}

.prt-22, .prt--22 {
    position: relative
}

.prt--22 {
    top: -22px !important
}

.prl-22 {
    left: 22px !important
}

.prl-22, .prl--22 {
    position: relative
}

.prl--22 {
    left: -22px !important
}

.mg-25 {
    margin: 25px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.ml-25 {
    margin-left: 25px !important
}

.mr-25 {
    margin-right: 25px !important
}

.pd-25 {
    padding: 25px !important
}

.pv-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.ph-25 {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pb-25 {
    padding-bottom: 25px !important
}

.pl-25 {
    padding-left: 25px !important
}

.pr-25 {
    padding-right: 25px !important
}

.prt-25 {
    top: 25px !important
}

.prt-25, .prt--25 {
    position: relative
}

.prt--25 {
    top: -25px !important
}

.prl-25 {
    left: 25px !important
}

.prl-25, .prl--25 {
    position: relative
}

.prl--25 {
    left: -25px !important
}

.mg-26 {
    margin: 26px !important
}

.mt-26 {
    margin-top: 26px !important
}

.mb-26 {
    margin-bottom: 26px !important
}

.ml-26 {
    margin-left: 26px !important
}

.mr-26 {
    margin-right: 26px !important
}

.pd-26 {
    padding: 26px !important
}

.pv-26 {
    padding-top: 26px !important;
    padding-bottom: 26px !important
}

.ph-26 {
    padding-left: 26px !important;
    padding-right: 26px !important
}

.pt-26 {
    padding-top: 26px !important
}

.pb-26 {
    padding-bottom: 26px !important
}

.pl-26 {
    padding-left: 26px !important
}

.pr-26 {
    padding-right: 26px !important
}

.prt-26 {
    top: 26px !important
}

.prt-26, .prt--26 {
    position: relative
}

.prt--26 {
    top: -26px !important
}

.prl-26 {
    left: 26px !important
}

.prl-26, .prl--26 {
    position: relative
}

.prl--26 {
    left: -26px !important
}

.mg-28 {
    margin: 28px !important
}

.mt-28 {
    margin-top: 28px !important
}

.mb-28 {
    margin-bottom: 28px !important
}

.ml-28 {
    margin-left: 28px !important
}

.mr-28 {
    margin-right: 28px !important
}

.pd-28 {
    padding: 28px !important
}

.pv-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important
}

.ph-28 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

.pt-28 {
    padding-top: 28px !important
}

.pb-28 {
    padding-bottom: 28px !important
}

.pl-28 {
    padding-left: 28px !important
}

.pr-28 {
    padding-right: 28px !important
}

.prt-28 {
    top: 28px !important
}

.prt-28, .prt--28 {
    position: relative
}

.prt--28 {
    top: -28px !important
}

.prl-28 {
    left: 28px !important
}

.prl-28, .prl--28 {
    position: relative
}

.prl--28 {
    left: -28px !important
}

.mg-30 {
    margin: 30px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.ml-30 {
    margin-left: 30px !important
}

.mr-30 {
    margin-right: 30px !important
}

.pd-30 {
    padding: 30px !important
}

.pv-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.ph-30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pr-30 {
    padding-right: 30px !important
}

.prt-30 {
    top: 30px !important
}

.prt-30, .prt--30 {
    position: relative
}

.prt--30 {
    top: -30px !important
}

.prl-30 {
    left: 30px !important
}

.prl-30, .prl--30 {
    position: relative
}

.prl--30 {
    left: -30px !important
}

.mg-35 {
    margin: 35px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.ml-35 {
    margin-left: 35px !important
}

.mr-35 {
    margin-right: 35px !important
}

.pd-35 {
    padding: 35px !important
}

.pv-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important
}

.ph-35 {
    padding-left: 35px !important;
    padding-right: 35px !important
}

.pt-35 {
    padding-top: 35px !important
}

.pb-35 {
    padding-bottom: 35px !important
}

.pl-35 {
    padding-left: 35px !important
}

.pr-35 {
    padding-right: 35px !important
}

.prt-35 {
    top: 35px !important
}

.prt-35, .prt--35 {
    position: relative
}

.prt--35 {
    top: -35px !important
}

.prl-35 {
    left: 35px !important
}

.prl-35, .prl--35 {
    position: relative
}

.prl--35 {
    left: -35px !important
}

.mg-40 {
    margin: 40px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.ml-40 {
    margin-left: 40px !important
}

.mr-40 {
    margin-right: 40px !important
}

.pd-40 {
    padding: 40px !important
}

.pv-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.ph-40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pr-40 {
    padding-right: 40px !important
}

.prt-40 {
    top: 40px !important
}

.prt-40, .prt--40 {
    position: relative
}

.prt--40 {
    top: -40px !important
}

.prl-40 {
    left: 40px !important
}

.prl-40, .prl--40 {
    position: relative
}

.prl--40 {
    left: -40px !important
}

.mg-45 {
    margin: 45px !important
}

.mt-45 {
    margin-top: 45px !important
}

.mb-45 {
    margin-bottom: 45px !important
}

.ml-45 {
    margin-left: 45px !important
}

.mr-45 {
    margin-right: 45px !important
}

.pd-45 {
    padding: 45px !important
}

.pv-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.ph-45 {
    padding-left: 45px !important;
    padding-right: 45px !important
}

.pt-45 {
    padding-top: 45px !important
}

.pb-45 {
    padding-bottom: 45px !important
}

.pl-45 {
    padding-left: 45px !important
}

.pr-45 {
    padding-right: 45px !important
}

.prt-45 {
    top: 45px !important
}

.prt-45, .prt--45 {
    position: relative
}

.prt--45 {
    top: -45px !important
}

.prl-45 {
    left: 45px !important
}

.prl-45, .prl--45 {
    position: relative
}

.prl--45 {
    left: -45px !important
}

.mg-50 {
    margin: 50px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.ml-50 {
    margin-left: 50px !important
}

.mr-50 {
    margin-right: 50px !important
}

.pd-50 {
    padding: 50px !important
}

.pv-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.ph-50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pr-50 {
    padding-right: 50px !important
}

.prt-50 {
    top: 50px !important
}

.prt-50, .prt--50 {
    position: relative
}

.prt--50 {
    top: -50px !important
}

.prl-50 {
    left: 50px !important
}

.prl-50, .prl--50 {
    position: relative
}

.prl--50 {
    left: -50px !important
}

.mg-60 {
    margin: 60px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.ml-60 {
    margin-left: 60px !important
}

.mr-60 {
    margin-right: 60px !important
}

.pd-60 {
    padding: 60px !important
}

.pv-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.ph-60 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pr-60 {
    padding-right: 60px !important
}

.prt-60 {
    top: 60px !important
}

.prt-60, .prt--60 {
    position: relative
}

.prt--60 {
    top: -60px !important
}

.prl-60 {
    left: 60px !important
}

.prl-60, .prl--60 {
    position: relative
}

.prl--60 {
    left: -60px !important
}

.mg-70 {
    margin: 70px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.ml-70 {
    margin-left: 70px !important
}

.mr-70 {
    margin-right: 70px !important
}

.pd-70 {
    padding: 70px !important
}

.pv-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.ph-70 {
    padding-left: 70px !important;
    padding-right: 70px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.pl-70 {
    padding-left: 70px !important
}

.pr-70 {
    padding-right: 70px !important
}

.prt-70 {
    top: 70px !important
}

.prt-70, .prt--70 {
    position: relative
}

.prt--70 {
    top: -70px !important
}

.prl-70 {
    left: 70px !important
}

.prl-70, .prl--70 {
    position: relative
}

.prl--70 {
    left: -70px !important
}

.mg-80 {
    margin: 80px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.ml-80 {
    margin-left: 80px !important
}

.mr-80 {
    margin-right: 80px !important
}

.pd-80 {
    padding: 80px !important
}

.pv-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.ph-80 {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pl-80 {
    padding-left: 80px !important
}

.pr-80 {
    padding-right: 80px !important
}

.prt-80 {
    top: 80px !important
}

.prt-80, .prt--80 {
    position: relative
}

.prt--80 {
    top: -80px !important
}

.prl-80 {
    left: 80px !important
}

.prl-80, .prl--80 {
    position: relative
}

.prl--80 {
    left: -80px !important
}

.mg-90 {
    margin: 90px !important
}

.mt-90 {
    margin-top: 90px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.ml-90 {
    margin-left: 90px !important
}

.mr-90 {
    margin-right: 90px !important
}

.pd-90 {
    padding: 90px !important
}

.pv-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important
}

.ph-90 {
    padding-left: 90px !important;
    padding-right: 90px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pb-90 {
    padding-bottom: 90px !important
}

.pl-90 {
    padding-left: 90px !important
}

.pr-90 {
    padding-right: 90px !important
}

.prt-90 {
    top: 90px !important
}

.prt-90, .prt--90 {
    position: relative
}

.prt--90 {
    top: -90px !important
}

.prl-90 {
    left: 90px !important
}

.prl-90, .prl--90 {
    position: relative
}

.prl--90 {
    left: -90px !important
}

.mg-100 {
    margin: 100px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.ml-100 {
    margin-left: 100px !important
}

.mr-100 {
    margin-right: 100px !important
}

.pd-100 {
    padding: 100px !important
}

.pv-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important
}

.ph-100 {
    padding-left: 100px !important;
    padding-right: 100px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.pl-100 {
    padding-left: 100px !important
}

.pr-100 {
    padding-right: 100px !important
}

.prt-100 {
    position: relative;
    top: 100px !important
}

.prt--100 {
    position: relative;
    top: -100px !important
}

.prl-100 {
    position: relative;
    left: 100px !important
}

.prl--100 {
    position: relative;
    left: -100px !important
}

.mg-150 {
    margin: 150px !important
}

.mt-150 {
    margin-top: 150px !important
}

.mb-150 {
    margin-bottom: 150px !important
}

.ml-150 {
    margin-left: 150px !important
}

.mr-150 {
    margin-right: 150px !important
}

.pd-150 {
    padding: 150px !important
}

.pv-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important
}

.ph-150 {
    padding-left: 150px !important;
    padding-right: 150px !important
}

.pt-150 {
    padding-top: 150px !important
}

.pb-150 {
    padding-bottom: 150px !important
}

.pl-150 {
    padding-left: 150px !important
}

.pr-150 {
    padding-right: 150px !important
}

.prt-150 {
    position: relative;
    top: 150px !important
}

.prt--150 {
    position: relative;
    top: -150px !important
}

.prl-150 {
    position: relative;
    left: 150px !important
}

.prl--150 {
    position: relative;
    left: -150px !important
}

.mg-200 {
    margin: 200px !important
}

.mt-200 {
    margin-top: 200px !important
}

.mb-200 {
    margin-bottom: 200px !important
}

.ml-200 {
    margin-left: 200px !important
}

.mr-200 {
    margin-right: 200px !important
}

.pd-200 {
    padding: 200px !important
}

.pv-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important
}

.ph-200 {
    padding-left: 200px !important;
    padding-right: 200px !important
}

.pt-200 {
    padding-top: 200px !important
}

.pb-200 {
    padding-bottom: 200px !important
}

.pl-200 {
    padding-left: 200px !important
}

.pr-200 {
    padding-right: 200px !important
}

.prt-200 {
    position: relative;
    top: 200px !important
}

.prt--200 {
    position: relative;
    top: -200px !important
}

.prl-200 {
    position: relative;
    left: 200px !important
}

.prl--200 {
    position: relative;
    left: -200px !important
}

.mg-250 {
    margin: 250px !important
}

.mt-250 {
    margin-top: 250px !important
}

.mb-250 {
    margin-bottom: 250px !important
}

.ml-250 {
    margin-left: 250px !important
}

.mr-250 {
    margin-right: 250px !important
}

.pd-250 {
    padding: 250px !important
}

.pv-250 {
    padding-top: 250px !important;
    padding-bottom: 250px !important
}

.ph-250 {
    padding-left: 250px !important;
    padding-right: 250px !important
}

.pt-250 {
    padding-top: 250px !important
}

.pb-250 {
    padding-bottom: 250px !important
}

.pl-250 {
    padding-left: 250px !important
}

.pr-250 {
    padding-right: 250px !important
}

.prt-250 {
    position: relative;
    top: 250px !important
}

.prt--250 {
    position: relative;
    top: -250px !important
}

.prl-250 {
    position: relative;
    left: 250px !important
}

.prl--250 {
    position: relative;
    left: -250px !important
}

.mg-300 {
    margin: 300px !important
}

.mt-300 {
    margin-top: 300px !important
}

.mb-300 {
    margin-bottom: 300px !important
}

.ml-300 {
    margin-left: 300px !important
}

.mr-300 {
    margin-right: 300px !important
}

.pd-300 {
    padding: 300px !important
}

.pv-300 {
    padding-top: 300px !important;
    padding-bottom: 300px !important
}

.ph-300 {
    padding-left: 300px !important;
    padding-right: 300px !important
}

.pt-300 {
    padding-top: 300px !important
}

.pb-300 {
    padding-bottom: 300px !important
}

.pl-300 {
    padding-left: 300px !important
}

.pr-300 {
    padding-right: 300px !important
}

.prt-300 {
    position: relative;
    top: 300px !important
}

.prt--300 {
    position: relative;
    top: -300px !important
}

.prl-300 {
    position: relative;
    left: 300px !important
}

.prl--300 {
    position: relative;
    left: -300px !important
}

.mg-350 {
    margin: 350px !important
}

.mt-350 {
    margin-top: 350px !important
}

.mb-350 {
    margin-bottom: 350px !important
}

.ml-350 {
    margin-left: 350px !important
}

.mr-350 {
    margin-right: 350px !important
}

.pd-350 {
    padding: 350px !important
}

.pv-350 {
    padding-top: 350px !important;
    padding-bottom: 350px !important
}

.ph-350 {
    padding-left: 350px !important;
    padding-right: 350px !important
}

.pt-350 {
    padding-top: 350px !important
}

.pb-350 {
    padding-bottom: 350px !important
}

.pl-350 {
    padding-left: 350px !important
}

.pr-350 {
    padding-right: 350px !important
}

.prt-350 {
    position: relative;
    top: 350px !important
}

.prt--350 {
    position: relative;
    top: -350px !important
}

.prl-350 {
    position: relative;
    left: 350px !important
}

.prl--350 {
    position: relative;
    left: -350px !important
}

.mg-400 {
    margin: 400px !important
}

.mt-400 {
    margin-top: 400px !important
}

.mb-400 {
    margin-bottom: 400px !important
}

.ml-400 {
    margin-left: 400px !important
}

.mr-400 {
    margin-right: 400px !important
}

.pd-400 {
    padding: 400px !important
}

.pv-400 {
    padding-top: 400px !important;
    padding-bottom: 400px !important
}

.ph-400 {
    padding-left: 400px !important;
    padding-right: 400px !important
}

.pt-400 {
    padding-top: 400px !important
}

.pb-400 {
    padding-bottom: 400px !important
}

.pl-400 {
    padding-left: 400px !important
}

.pr-400 {
    padding-right: 400px !important
}

.prt-400 {
    position: relative;
    top: 400px !important
}

.prt--400 {
    position: relative;
    top: -400px !important
}

.prl-400 {
    position: relative;
    left: 400px !important
}

.prl--400 {
    position: relative;
    left: -400px !important
}

.mg-450 {
    margin: 450px !important
}

.mt-450 {
    margin-top: 450px !important
}

.mb-450 {
    margin-bottom: 450px !important
}

.ml-450 {
    margin-left: 450px !important
}

.mr-450 {
    margin-right: 450px !important
}

.pd-450 {
    padding: 450px !important
}

.pv-450 {
    padding-top: 450px !important;
    padding-bottom: 450px !important
}

.ph-450 {
    padding-left: 450px !important;
    padding-right: 450px !important
}

.pt-450 {
    padding-top: 450px !important
}

.pb-450 {
    padding-bottom: 450px !important
}

.pl-450 {
    padding-left: 450px !important
}

.pr-450 {
    padding-right: 450px !important
}

.prt-450 {
    position: relative;
    top: 450px !important
}

.prt--450 {
    position: relative;
    top: -450px !important
}

.prl-450 {
    position: relative;
    left: 450px !important
}

.prl--450 {
    position: relative;
    left: -450px !important
}

.mg-500 {
    margin: 500px !important
}

.mt-500 {
    margin-top: 500px !important
}

.mb-500 {
    margin-bottom: 500px !important
}

.ml-500 {
    margin-left: 500px !important
}

.mr-500 {
    margin-right: 500px !important
}

.pd-500 {
    padding: 500px !important
}

.pv-500 {
    padding-top: 500px !important;
    padding-bottom: 500px !important
}

.ph-500 {
    padding-left: 500px !important;
    padding-right: 500px !important
}

.pt-500 {
    padding-top: 500px !important
}

.pb-500 {
    padding-bottom: 500px !important
}

.pl-500 {
    padding-left: 500px !important
}

.pr-500 {
    padding-right: 500px !important
}

.prt-500 {
    position: relative;
    top: 500px !important
}

.prt--500 {
    position: relative;
    top: -500px !important
}

.prl-500 {
    position: relative;
    left: 500px !important
}

.prl--500 {
    position: relative;
    left: -500px !important
}

.w-5 {
    width: 5px !important
}

.minw-5 {
    min-width: 5px !important
}

.maxw-5 {
    max-width: 5px !important
}

.h-5 {
    height: 5px !important
}

.minh-5 {
    min-height: 5px !important
}

.maxh-5 {
    max-height: 5px !important
}

.w-10 {
    width: 10px !important
}

.minw-10 {
    min-width: 10px !important
}

.maxw-10 {
    max-width: 10px !important
}

.h-10 {
    height: 10px !important
}

.minh-10 {
    min-height: 10px !important
}

.maxh-10 {
    max-height: 10px !important
}

.w-15 {
    width: 15px !important
}

.minw-15 {
    min-width: 15px !important
}

.maxw-15 {
    max-width: 15px !important
}

.h-15 {
    height: 15px !important
}

.minh-15 {
    min-height: 15px !important
}

.maxh-15 {
    max-height: 15px !important
}

.w-20 {
    width: 20px !important
}

.minw-20 {
    min-width: 20px !important
}

.maxw-20 {
    max-width: 20px !important
}

.h-20 {
    height: 20px !important
}

.minh-20 {
    min-height: 20px !important
}

.maxh-20 {
    max-height: 20px !important
}

.w-30 {
    width: 30px !important
}

.minw-30 {
    min-width: 30px !important
}

.maxw-30 {
    max-width: 30px !important
}

.h-30 {
    height: 30px !important
}

.minh-30 {
    min-height: 30px !important
}

.maxh-30 {
    max-height: 30px !important
}

.w-40 {
    width: 40px !important
}

.minw-40 {
    min-width: 40px !important
}

.maxw-40 {
    max-width: 40px !important
}

.h-40 {
    height: 40px !important
}

.minh-40 {
    min-height: 40px !important
}

.maxh-40 {
    max-height: 40px !important
}

.w-50 {
    width: 50px !important
}

.minw-50 {
    min-width: 50px !important
}

.maxw-50 {
    max-width: 50px !important
}

.h-50 {
    height: 50px !important
}

.minh-50 {
    min-height: 50px !important
}

.maxh-50 {
    max-height: 50px !important
}

.w-100 {
    width: 100px !important
}

.minw-100 {
    min-width: 100px !important
}

.maxw-100 {
    max-width: 100px !important
}

.h-100 {
    height: 100px !important
}

.minh-100 {
    min-height: 100px !important
}

.maxh-100 {
    max-height: 100px !important
}

.w-150 {
    width: 150px !important
}

.minw-150 {
    min-width: 150px !important
}

.maxw-150 {
    max-width: 150px !important
}

.h-150 {
    height: 150px !important
}

.minh-150 {
    min-height: 150px !important
}

.maxh-150 {
    max-height: 150px !important
}

.w-200 {
    width: 200px !important
}

.minw-200 {
    min-width: 200px !important
}

.maxw-200 {
    max-width: 200px !important
}

.h-200 {
    height: 200px !important
}

.minh-200 {
    min-height: 200px !important
}

.maxh-200 {
    max-height: 200px !important
}

.w-250 {
    width: 250px !important
}

.minw-250 {
    min-width: 250px !important
}

.maxw-250 {
    max-width: 250px !important
}

.h-250 {
    height: 250px !important
}

.minh-250 {
    min-height: 250px !important
}

.maxh-250 {
    max-height: 250px !important
}

.w-300 {
    width: 300px !important
}

.minw-300 {
    min-width: 300px !important
}

.maxw-300 {
    max-width: 300px !important
}

.h-300 {
    height: 300px !important
}

.minh-300 {
    min-height: 300px !important
}

.maxh-300 {
    max-height: 300px !important
}

.w-350 {
    width: 350px !important
}

.minw-350 {
    min-width: 350px !important
}

.maxw-350 {
    max-width: 350px !important
}

.h-350 {
    height: 350px !important
}

.minh-350 {
    min-height: 350px !important
}

.maxh-350 {
    max-height: 350px !important
}

.w-400 {
    width: 400px !important
}

.minw-400 {
    min-width: 400px !important
}

.maxw-400 {
    max-width: 400px !important
}

.h-400 {
    height: 400px !important
}

.minh-400 {
    min-height: 400px !important
}

.maxh-400 {
    max-height: 400px !important
}

.w-450 {
    width: 450px !important
}

.minw-450 {
    min-width: 450px !important
}

.maxw-450 {
    max-width: 450px !important
}

.h-450 {
    height: 450px !important
}

.minh-450 {
    min-height: 450px !important
}

.maxh-450 {
    max-height: 450px !important
}

.w-500 {
    width: 500px !important
}

.minw-500 {
    min-width: 500px !important
}

.maxw-500 {
    max-width: 500px !important
}

.w-600 {
    width: 600px !important
}

.minw-600 {
    min-width: 600px !important
}

.maxw-600 {
    max-width: 600px !important
}

.h-500 {
    height: 500px !important
}

.minh-500 {
    min-height: 500px !important
}

.maxh-500 {
    max-height: 500px !important
}

.w-full {
    width: 100% !important
}

.lh-10 {
    line-height: 10px !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-22 {
    line-height: 22px !important
}

.lh-24 {
    line-height: 24px !important
}

.lh-28 {
    line-height: 28px !important
}

.lh-30 {
    line-height: 30px !important
}

.text-ellipsis {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.text-bold {
    font-weight: 700;
}

.red {
    color: #f00;
}

.green {
    color: #0f0;
}

.blue {
    color: #00f;
}

.row.medium {
    margin-right: -10px;
    margin-left: -10px;
}

.row.medium > *[class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.row.small {
    margin-right: -5px;
    margin-left: -5px;
}

.row.small > *[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.d-block,
.display-block,
.dp-b {
    display: block !important;
}

.grid-x,
.dp-f.flickity-enabled .flickity-slider,
.display-flex.flickity-enabled .flickity-slider,
.d-flex.flickity-enabled .flickity-slider,
.d-flex,
.display-flex,
.dp-f {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex !important; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.align-middle,
.dp-f.flickity-enabled.center .flickity-slider,
.display-flex.flickity-enabled.center .flickity-slider,
.d-flex.flickity-enabled.center .flickity-slider,
.d-flex.center,
.display-flex.center,
.dp-f.center,
.align-items-center {
    align-items: center;
}

.dp-f.flickity-enabled.space .flickity-slider,
.display-flex.flickity-enabled.space .flickity-slider,
.d-flex.flickity-enabled.space .flickity-slider,
.d-flex.space,
.display-flex.space,
.dp-f.space,
.justify-content-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dp-f.flickity-enabled,
.display-flex.flickity-enabled,
.d-flex.flickity-enabled {
    display: block !important;
}

.d-flex.equal > *,
.display-flex.equal > *,
.dp-f.equal > * {
    flex: 1 1 0;
    padding: 5px;
}

.tt-u {
    text-transform: uppercase;
}

.tt-c,
.capitalize {
    text-transform: capitalize;
}

.loading-ajax,
.loading-ajax * {
    cursor: progress;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.fit-scale-down,
.fit-contain,
.fit-cover {
    overflow: hidden;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.fit-scale-down img,
.fit-contain img,
.fit-cover img {
    -o-object-position: center;
    object-position: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.fit-cover img {
    -o-object-fit: cover;
    object-fit: cover;
}

.fit-contain img {
    -o-object-fit: contain;
    object-fit: contain;
}

.fit-scale-down img {
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.d-none,
.for-mobile,
.visible-xs,
.hide,
.display-none,
.display-mobile {
    display: none;
    opacity: 0;
    visibility: hidden;
}

@media screen and (max-width: 566px) {
    .visible-xs {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .hidden-xs {
        opacity: 0;
        visibility: hidden;
        display: none;
    }
}

.list-unstyled {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-inline > li {
    display: inline-block;
    vertical-align: top;
}

.caret {
    margin-left: 2px;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/* ================= Float supports ================= */

.float-supports {
    position: fixed;
    z-index: 499;
    background-repeat: no-repeat;
    background-position: center;
}

.float-supports[data-position="left"],
.float-supports[data-position="middle_left"],
.float-supports[data-position="top_left"] {
    left: 0;
}

.float-supports[data-position="right"],
.float-supports[data-position="middle_right"],
.float-supports[data-position="top_right"] {
    right: 0;
}

.float-supports[data-position="left"],
.float-supports[data-position="middle_bottom"],
.float-supports[data-position="right"] {
    bottom: 0;
}

.float-supports[data-position="top_left"],
.float-supports[data-position="middle_top"],
.float-supports[data-position="top_right"] {
    top: 0;
}

@media screen and (min-width: 783px) {
    .admin-bar .float-supports[data-position="top_left"],
    .admin-bar .float-supports[data-position="middle_top"],
    .admin-bar .float-supports[data-position="top_right"] {
        top: 32px;
    }
}

@media screen and (min-width: 601px) and (max-width: 782px) {
    .admin-bar .float-supports[data-position="top_left"],
    .admin-bar .float-supports[data-position="middle_top"],
    .admin-bar .float-supports[data-position="top_right"] {
        top: 46px;
    }
}

.float-supports[data-position="middle_left"],
.float-supports[data-position="middle_right"] {
    top: 50%;
    transform: translateY(-50%);
}

.float-supports[data-position="middle_top"],
.float-supports[data-position="middle_bottom"] {
    left: 50%;
    transform: translateX(-50%);
}

.float-supports a {
    text-decoration: none;
    border-radius: 20px;
    display: block;
    height: 40px;
    font-size: 14px;
    text-align: center;
    width: 40px;
    background: #fff none no-repeat scroll center;
    transition: width 300ms ease-in 0ms;
    cursor: pointer;
    position: relative;
    font-weight: 700;
    line-height: 40px;
    min-width: 40px;
}

.float-supports:not(.for-mobile) a:hover {
    width: auto;
    display: inline-block;
    align-items: center;
    white-space: nowrap;
    background-position: left 15px center;
    padding-left: 52px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .3);
    padding-right: 22px;
    animation: none;
    z-index: 9999;
}

.float-supports[data-position*="right"]:not(.for-mobile) a:hover {
    position: absolute;
    right: 0;
}

.float-supports a > img,
.float-supports a > i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 399;
    font-size: 23px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
}

.float-supports a:hover > img,
.float-supports a:hover > i {
    left: 5px;
    transform: translateY(-50%);
}

.float-supports a {
    transition: all 300ms;
}

.float-supports .support-item a:hover .earthquake-outer,
.float-supports .support-item a:hover .earthquake {
    display: none;
}

.float-supports .text {
    visibility: hidden;
}

.float-supports[data-style="vertical"] .box-container {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.float-supports .support-item {
    width: 40px;
    height: 40px;
    position: relative;
}

.float-supports[data-style="vertical"] .support-item ~ .support-item {
    margin-top: 10px;
}

.float-supports[data-style="horizontal"] .support-item ~ .support-item {
    margin-left: 10px;
}

.float-supports[data-style="vertical"] .support-item[data-earthquake="1"] {
    margin-bottom: 20px;
    margin-top: 20px;
}

.float-supports[data-style="vertical"] .support-item[data-earthquake="1"] + .support-item[data-earthquake="0"] {
    margin-top: 0;
}

.float-supports[data-style="horizontal"] .support-item[data-earthquake="1"] {
    margin-left: 20px;
    margin-right: 20px;
}

.float-supports .support-item a:hover .text {
    visibility: visible;
}

.float-supports[data-style="vertical"] .box-container {
    width: 52px;
    padding: 8px 5px !important;
}

.float-supports[data-style="horizontal"] .box-container {
    height: 52px;
    padding: 5px 8px !important;
}

.float-supports .support-item[data-vibrate="1"] a:not(:hover),
.phone-shake {
    -webkit-animation: phone-shake 1.5s ease infinite;
    -moz-animation: phone-shake 1.5s ease infinite;
    -ms-animation: phone-shake 1.5s ease infinite;
    -o-animation: phone-shake 1.5s ease infinite;
    animation: phone-shake 1.5s ease infinite;
}

.float-supports .support-item a:hover *,
.float-supports .support-item[data-vibrate="1"] span.text,
.phone-shake span.text {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none;
}

.earthquake {
    -webkit-animation: earthquake 2.3s ease-in-out infinite;
    -moz-animation: earthquake 2.3s ease-in-out infinite;
    -ms-animation: earthquake 2.3s ease-in-out infinite;
    -o-animation: earthquake 2.3s ease-in-out infinite;
    animation: earthquake 2.3s ease-in-out infinite;
}

.earthquake-outer {
    -webkit-animation: earthquake-outer 1.5s ease-in-out infinite;
    -moz-animation: earthquake-outer 1.5s ease-in-out infinite;
    -ms-animation: earthquake-outer 1.5s ease-in-out infinite;
    -o-animation: earthquake-outer 1.5s ease-in-out infinite;
    animation: earthquake-outer 1.5s ease-in-out infinite;
}

.earthquake {
    width: 60px;
    height: 60px;
    border: 2px solid transparent;
    background-color: currentColor;
    left: -10px;
    top: -10px;
}

.earthquake-outer {
    border: 2px solid currentColor;
    width: 80px;
    height: 80px;
    left: -20px;
    top: -20px;
}

.earthquake,
.earthquake-outer {
    border-radius: 100%;
    transition: all .5s;
    transform-origin: 50% 50%;
    position: absolute;
    z-index: 99;
}

.float-supports.for-mobile {
    bottom: 0;
    left: 0;
    right: 0;
    transform: none;
}

.float-supports.for-mobile .earthquake,
.float-supports.for-mobile .earthquake-outer {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.float-supports.for-mobile .box-container {
    background: #eee;
    border-top: 1px solid #ececec;
}

.float-supports.for-mobile .box-container .support-item {
    flex: 1;
    flex-flow: column;
    display: flex;
    align-items: center;
    margin: 0;
}

/* ================= Spinner loader ================= */

.loader {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    padding: 5px;
}

.loader:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    margin: 0;
    border: 2px solid rgba(155, 155, 155, 0.15);
    border-left-color: #296da9;
    border-radius: 100%;
    animation: spinner .65s infinite linear;
    transform-origin: center;
}

.loader.center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.loader.fixed {
    position: fixed;
    z-index: 9999999;
}

.loader.large:after {
    width: 60px;
    height: 60px;
}

body.loading > *:not(.loader) {
    opacity: 0;
    pointer-events: none;
}