/**
  * Class names are based on BEM methodology
  *
  * http://getbem.com/introduction/
  * https://en.bem.info/methodology/quick-start/
  *
  * An element will get a unique class name (e.g. btn, switch, one-month, form-input, select, etc.) under
    any one of the following circumstances:
	1. If a user directly interacts with the element by clicking, hovering, etc.
	2. If the element is unique and has it's own identity (e.g. <form> element, <select> element, <input> element, etc.).
	3. If the element has one or more child elements that closely relate to the element and are
	   of no use when used outside the element (e.g. switch, one-month, etc.).
*/

/*===========
 * font-face
=============*/
@font-face {
	font-family: regular; 
	src: url('../font/NotoSans-Regular.woff2') format('woff2'),
		 url('../font/NotoSans-Regular.ttf') format('truetype');
}
@font-face {
	font-family: medium;
	src: url('../font/NotoSans-Medium.woff2') format('woff2'),
		 url('../font/NotoSans-Medium.ttf') format('truetype');
}
@font-face {
	font-family: semibold;
	src: url('../font/NotoSans-SemiBold.woff2') format('woff2'),
		 url('../font/NotoSans-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: bold;
	src: url('../font/NotoSans-Bold.woff2') format('woff2'),
		 url('../font/NotoSans-Bold.ttf') format('truetype');
}

:root {
	/* Colors */
    --black-2vh: hsl(40, 15%, 0%);
    --black-vh: hsl(40, 15%, 2%);
    --black-h: hsl(40, 15%, 4%);     /* black high */
    --black-m: hsl(40, 15%, 6%);	/* black medium */
    --black-l: hsl(40, 15%, 8%);     /* black low */
    --black-vl: hsl(40, 15%, 10%);
	--black-2vl: hsl(40, 15%, 12%);
	--black-3vl: hsl(40, 15%, 14%);
	--black-4vl: hsl(40, 15%, 16%);
	--black-5vl: hsl(40, 15%, 18%);
	--black-6vl: hsl(40, 15%, 20%);
	--black-7vl: hsl(40, 15%, 22%);
	--black-8vl: hsl(40, 15%, 24%);
	--black-9vl: hsl(40, 15%, 25%);
	--black-10vl: hsl(40, 15%, 27%);	
	--gray-22vh: hsl(40, 15%, 29%);
	--gray-21vh: hsl(40, 15%, 31%);
	--gray-20vh: hsl(40, 15%, 33%); /*from here*/
	--gray-19vh: hsl(40, 15%, 35%);
	--gray-18vh: hsl(40, 15%, 37%);
	--gray-17vh: hsl(40, 15%, 39%);
	--gray-16vh: hsl(40, 15%, 41%);
	--gray-15vh: hsl(40, 15%, 43%);
	--gray-14vh: hsl(40, 15%, 45%);
	--gray-13vh: hsl(40, 15%, 47%);
	--gray-12vh: hsl(40, 15%, 49%);
	--gray-11vh: hsl(40, 15%, 51%);
	--gray-10vh: hsl(40, 15%, 53%);
	--gray-9vh: hsl(40, 15%, 55%);
	--gray-8vh: hsl(40, 15%, 57%);
	--gray-7vh: hsl(40, 15%, 59%);
	--gray-6vh: hsl(40, 15%, 61%);
	--gray-5vh: hsl(40, 15%, 63%);
    --gray-4vh: hsl(40, 15%, 65%);
    --gray-3vh: hsl(40, 15%, 67%);
    --gray-2vh: hsl(40, 15%, 69%);
    --gray-vh: hsl(40, 15%, 71%); 
    --gray-h: hsl(40, 15%, 73%);
    --gray-m: hsl(40, 15%, 75%);
    --gray-l: hsl(40, 15%, 76%); /* start */
    --gray-vl: hsl(40, 15%, 78%);
    --gray-2vl: hsl(40, 15%, 80%);
    --gray-3vl: hsl(40, 15%, 82%); /**/
    --gray-4vl: hsl(40, 15%, 84%);
    --gray-5vl: hsl(40, 15%, 86%);
    --gray-6vl: hsl(40, 15%, 88%);
    --gray-7vl: hsl(40, 15%, 90%);
	--gray-8vl: hsl(40, 15%, 92%);
	--gray-9vl: hsl(40, 15%, 94%);
	--gray-10vl: hsl(40, 15%, 96%);
	--gray-11vl: hsl(40, 15%, 98%);
	--gray-12vl: hsl(40, 15%, 99%);
    --white: #ffffff;
    --red: #e60505;
    --red-20vl: #f5e2e3;
	--green: #1fc839;
	--theme-pri: #dc8e41; 
    --theme-sec: #d26f0c;      /* text blue */
	--theme-light: #faf3eb;
    --blue-m: #5454c3;      /* background blue */ 
    --white: #ffffff;
	
	line-height: 1;
    font-size: 16px;
}

body {
	background: var(--gray-11vl);
}

* {
	box-sizing: border-box;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	border-radius: 0;
	border: none;
	outline: none;
	font-family: 'medium', sans-serif;
	font-size: 14px;
	color: var(--black-2vh);
}

button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

ol, ul {
  list-style: none;
}

input::placeholder {
    font-family: 'medium', sans-serif;
    color: var(--gray-12vh);
    opacity: 1;
}
::-webkit-input-placeholder {
    font-family: 'medium', sans-serif;
    color: var(--gray-12vh);
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-family: 'medium', sans-serif;
	color: var(--gray-12vh);
}
::-ms-input-placeholder { /* Microsoft Edge */
	font-family: 'medium', sans-serif;
    color: var(--gray-12vh);
}

/*===================================
 * Element to contain other elements
 * DELETE
=====================================*/
.box {
	display: inline-block;
	position: relative;
	cursor: default;
}
.flx-box {
	display: inline-flex;
	position: relative;
	cursor: default;
}

/*======
 * logo
========*/
.logo {
	display: inline-block;
	max-width: 160px;
}

/*========
 * header
==========*/
.header {
	display: flex;
    align-items: center;
	width: 100%;
    height: 60px;
    margin-bottom: 40px;
	border-radius: 0;
	box-shadow: 0 0 6px 0 var(--gray-vl);
    border-bottom: 1px solid var(--gray-4vl);
    background: var(--white);
	z-index: 200;
}

.header__container {
	overflow: display;
	width: 1080px;
	height: 50px;
	margin: 0 auto;
}
.header__logo {
	position: relative;
	float: left;
	margin: 0 10px;
	top: 50%;
	transform: translateY(-50%);
}

/*==============
 * main-content
================*/
.main-content {
	display: block;
	overflow: visible;
	width: 1080px;
	min-height: 100vh;
	margin: 0 auto;
	background: transparent;
}

/*=======================================================================
 * Equivalent to <input type="text"> where user can make multiple inputs
=========================================================================*/
.multi-input {

}

/*======================================
 * An element that masks other elements.
 * A mask is mainly used with `radio` &
 * `checkbox` form elements.
========================================*/
.mask {
}
/*==================
 * Button type mask
====================*/
.mask--type--btn {
}
/*===================
 * Checkbox type mask
=====================*/
.mask--type--check {
}

.card {
	border-radius: 8px;
	border: 1px solid var(--gray-5vl);
	background: var(--white);
	box-shadow: 0 0 3px 0 var(--gray-vl);
}

.card__tab:hover {
	border-bottom: solid 2px var(--gray-20vh);
}
.card__tab--active {
	color: var(--theme-sec);
	border-bottom: solid 2px var(--theme-sec);
}



/******************
 * page-col.css
*******************/
.page-col {
	display: block;
	float: left;
	width: 340px;
	margin: 0 auto;
	margin: 0 10px 20px 10px;
}

/* TODO: Delete start */
/**************
 * icon-btn.css
***************/
.icon-btn {	
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 50%;
	transition: background-color 0.1s;
	cursor:pointer;
}
.icon-btn:hover {
	background: rgba(0, 0, 0, 0.08);
}
.icon-btn:active {
	background: rgba(0, 0, 0, 0.3);
}
.icon-btn--theme--transparent {
	border: none;
	background: transparent;	
}

/*=====================
 * <input type="text">
=======================*/
.form-text-input {
	display: block;
	font-family: 'medium', sans-serif;
	font-size: 14px;
	transition: width 0.15s;
}
.form-input-select {
	display: block;
    overflow: display;
    float: left;
    border-radius: 4px;	
    background-color: white;
	font-family: "medium", sans-serif;
	font-size: 14px;
	cursor: pointer;
}
.form-input-select__item {
    display: block;
    width: 100%;
    padding: 6px 8px;
	border-radius: 0;
	cursor: pointer;
}
.form-input-select__item:hover {
	background: var(--gray-vl);
}
.form-input-select__item--active {
	background: var(--gray-vl);
}
.form-select {
	display: block;
    overflow: display;
    float: left;
    border-radius: 4px;
	background-image: url('../icon/arrow_down.svg');
	background-repeat: no-repeat;
	background-position: calc(100% - 8px);
	background-size: 10px;
    background-color: white;
	font-size: 14px;
	cursor: pointer;
}
.form-select__label {
	display: block;
    position: relative; /* OLD: position: absolute */
	width: 90%;
	text-align: left;
    cursor: pointer;
}
.form-select__item {
    display: block;
    width: 100%;
    padding: 6px 8px;
	border-radius: 0;
	cursor: pointer;
}
.form-select__item:hover {
	background: var(--gray-vl);
}
.form-select__item--active {
	background: var(--gray-vl);
}

.form-radio {

}

.form-check {

}


/********************
 * drop-down-menu.css
*********************/
.drop-down-menu {
	display: block;
	overflow: auto;
	border-radius: 0;
}
.drop-down-menu--hidden {
	display: none;
}
.drop-down-menu__item {
	display: block;
	padding: 6px 8px;
	border-radius: 0;
	font-size: 14px;
	cursor: pointer;
}
.drop-down-menu__item:hover {
	
}

.cityplace {
	display: flex;
}

/************
 * switch.css
*************/
.switch {
	display: flex;
	align-items: center;
	position: relative;
	width: 72px;
	height: 30px;
	border-radius: 4px;
	border: solid var(--gray-l) 1px;
	background: transparent;
}
.switch__label {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	height: inherit;
	width: 36px;
	border-radius: 4px;
    font-family: 'medium', sans-serif;
	font-size: 14px;
    color: var(--gray-15vh);
	cursor: pointer;
}
.switch__label--dir--left {
	left: 0;
}
.switch__label--dir--right {
	right: 0;
}
.switch__label--active {
	font-family: 'semibold', sans-serif;
	color: white;
}
.switch__slider {
	position: absolute;
	width: 35px;
    height: 30px;
	border-radius: 4px;
    background: var(--theme-pri);
	cursor: pointer;
}
.switch__slider--dir--right {
    right: 0;
}

/***************
 * one-month.css
****************/
.one-month {
	display: inline-block;
	width: 100%;
	padding: 5px 5px;
	border: solid var(--gray-l) 1px;
	border-collapse: separate;
	border-spacing: 6px;
	border-radius: 4px;
    background: transparent;
}
.one-month__cell {
	display: flex;
	align-items: center;
	justify-content: center;	
	position: relative;
	float: left;
	width: 13.0857142857%;
	margin: 0 0.6% 0 0.6%;
	background-clip: padding-box;
	text-align: center;
	cursor: default;
}
.one-month__cell--weekday {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "bold", sans-serif;
}

.one-month__cell--bordered {
	background-clip: padding-box;
	/*border: solid #e5e5e5 1px;*/
	box-shadow: 0 0 0 1px #e5e5e5 inset;
}

.one-month__cell:nth-child(1) {
	border-left: none;
}
.one-month__cell:nth-child(7) {
	border-right: none;
}

.one-month__row {
	display: inline-block;
	width: 100%;
}
.one-month__row:nth-child(1) .one-month__cell {
	//border-top: none;
}
.one-month__row:nth-child(7) .one-month__cell {
	border-bottom: none;
}
.one-month__day-num {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 38px;
	height: 38px;	
	cursor: pointer;
}
.one-month__day-num:hover {
	border-radius: 50%;
	background-clip: padding-box;
	background: rgba(0, 0, 255, 0.1);
	cursor: pointer;
}
.one-month__day-num--evt {
	font-family: 'bold', sans-serif;
}
.one-month__day-num--evt::before {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: 7px;	
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: var(--black-2vh);
}
.one-month__day-num--hol {
	font-family: 'bold', sans-serif;
	color: var(--red);
}
.one-month__day-num--hol::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 7px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: var(--red);
}
.one-month__day-num--today {
	border-radius: 50%;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5)  inset;
}

.backdrop {
	/*visibility: hidden;*/
	/*opacity: 0;*/
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	width: 100%;
	min-height: 100vh;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 10px;
	background: rgba(0, 0, 0, 0.5);
	transition: opacity 500ms;
	z-index: 210;
}
.backdrop--transparent {
	background: none;
}

.backdrop__mask {
	position: fixed;
	width: 100%;
	min-height: 100vh;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;;
	padding: 0;
	background: rgba(255, 255, 255, 0);
	z-index: 210;
}

.offline-msg {
	display: inline-flex;
}

/*=============
 * autosuggest
===============*/
.autosuggest {
	display: block;
	float: left;
	overflow: display;
	cursor: text;
	box-shadow: none;
}
.autosuggest__dropdown {
    position: absolute;
	overflow: auto;
	max-height: 200px;
	margin-top: 2.25rem;
    border-radius: 4px;
	border: solid var(--gray-8vh) 1px;
	box-shadow: 0 2px 3px 1px var(--gray-6vh);
    background: var(--gray-6vl);
	z-index: 110;
}
.autosuggest__ddm-item {
	padding: 6px 8px; /* 6px 8px */
	border-radius: 0;
	border-bottom: solid var(--gray-h) 1px;
	cursor: pointer;
}
.autosuggest__ddm-item:hover {
	background: var(--gray-vl);
}

/*************
 * popup.css
*************/
.popup {
	position: absolute;
	width: 330px;
	height: 80vh;	
	padding: 0;
	border: solid var(--gray-h) 1px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
	background: var(--white);
}
.popup__head {	
	position: relative;
	box-sizing: border-box;
	/*box-shadow: 0 4px 4px -4px #b3b3b3;*/
}
.popup__body {
	display: block; 
	overflow: auto;
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
	max-height: 65vh;
	background: transparent;
}
.popup__foot {
	position: absolute;
	height: 50px;
	width: 100%;
	bottom: 0;
	border-radius: 0 0 6px 6px;
	box-sizing: border-box;
	background: var(--gray-8vl);
}
.popup__close {
	display: flex;
}
.popup__close:hover {
	background: var(--gray-3vl);
}
.popup__back {
	display: flex;
}
.popup__back:hover {
	background: var(--gray-3vl);
}
.popup-skeleton {
	position: absolute;
	overflow: hidden;
	width: 330px;
	height: 80vh;
	padding: 0;
	border: solid var(--gray-h) 1px;
	border-radius: 6px;
	background: var(--gray-8vl);
}


/***************
 * tool-tip.css
****************/
.tool-tip {
	display: block;
	position: absolute;
	padding: 5px 3px;
	border-radius: 3px;
	z-index: 100000 !important;
}
.tool-tip--theme--dark {
	background: #737373;
	color: white;
}
.tool-tip--theme--light {
	border: solid #d2d2d2 1px;
	box-shadow: 0 1px 3px 0 rgba(38, 38, 38,0.2);
	background: white;
	color: #242424;
}
/*
.tool-tip--theme--multiline {
	padding: 7px 5px;
}
*/
.tool-tip__content {
	display: block;
	padding: 2px 8px;
	font-size: 13px;
	color: inherit;
}

.tool-tip--theme--speech-balloon::before {
	content: "";
	position: absolute;
	top: -12px;
	left: 20px;
	border: solid;
	border-width: 6px;
	border-color: transparent transparent #737373 transparent;
	z-index: 10000 !important;
}

/*=========
 * display
===========*/
.dsp--non {
	display: none;
}
.dsp--flx {
    display: flex;
}
.dsp--i-flx {
    display: inline-flex;
}
.dsp--blk {
    display: block;
}
.dsp--i-blk {
    display: inline-block;
}
/* Hidden from users but visible to crawlers (e.g. googlebot). May improve SEO. */
.dsp--seo {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

/*===========
 * translate
=============*/
/* x axis middle */
.move-x--mid {
    left: 50%;
    transform: translateX(-50%);
}
/* x axis right */
.move-x--rgt { /* TODO: Rename TO: move--rgt */
    left: 100%;
    transform: translateX(-100%);
}
.move-x--lft {
	left: 0;
}
/* y axis middle */
.move-y--mid {
    top: 50%;
    transform: translateY(-50%);
}
/* x and y axes middle */
.move-xy--mid {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*=================
 * text decoration
===================*/
.txt--und-dot {
    text-decoration: underline;
    text-decoration-style: dotted;
}
.txt--und-solid {
    text-decoration: underline;
    text-decoration-style: solid;
}

/*============
 * text align
==============*/
.txt--mid {
    text-align: center;
}
.txt--lft {
    text-align: left;
}
.txt--rgt {
    text-align: right;
}

/*============
 * text color
==============*/
.txt--wht {
    color: var(--white);
}
.txt--blk-vh {
    color: var(--black-vh);
}
.txt--blk-h {
    color: var(--black-h);
}
.txt--blk-m {
    color: var(--black-m);
}
.txt--blk-l {
    color: var(--black-l);
}
.txt--blk-vl {
    color: var(--black-vl);
}
.txt--blk-3vl {
    color: var(--black-3vl);
}
.txt--blk-6vl {
    color: var(--black-6vl);
}
.txt--blk-8vl {
    color: var(--black-8vl);
}
.txt--blk-9vl {
    color: var(--black-9vl);
}
.txt--blk-10vl {
    color: var(--black-10vl);
}
.txt--gry-22vh {
    color: var(--gray-22vh);
}
.txt--gry-21vh {
    color: var(--gray-21vh);
}
.txt--gry-20vh {
    color: var(--gray-20vh);
}
.txt--gry-19vh {
    color: var(--gray-19vh);
}
.txt--theme-sec {
    color: var(--theme-sec);
}
.txt--red {
	color: var(--red);
}

/*=====================
 * Mouse hover effects 
=======================*/
.hvr--und:hover {
    text-decoration: underline;
}
.hvr--bkg--gry-vl:hover {
    background: var(--gray-vl);
}
.hvr--txt--blu {
    color: var(--theme-sec);
}

/*=============
 * top padding
===============*/
.pad-top--0 {
    padding-top: 0;
}
.pad-top--0-1 {
    padding-top: 0.0125rem;
}
.pad-top--0-2 {
    padding-top: 0.025rem;
}
.pad-top--0-3 {
    padding-top: 0.0375rem;
}
.pad-top--0-4 {
    padding-top: 0.05rem;
}
.pad-top--0-5 {
    padding-top: 0.0625rem;
}
.pad-top--0-6 {
    padding-top: 0.075rem;
}
.pad-top--0-7 {
    padding-top: 0.0875rem;
}
.pad-top--1 {
    padding-top: 0.125rem;
}
.pad-top--2 {
    padding-top: 0.25rem;
}
.pad-top--3 {
    padding-top: 0.375rem;
}
.pad-top--4 {
    padding-top: 0.5rem;
}
.pad-top--4-1 { /* .pad-top--5 */
    padding-top: 0.625rem;
}
.pad-top--4-2 { /* .pad-top--6 */
    padding-top: 0.75rem;
}
.pad-top--4-3 { /* .pad-top--7 */
    padding-top: 0.875rem;
}

.pad-top--5 { /* .pad-top--8 */
    padding-top: 1rem;
}
.pad-top--5-1 {
    padding-top: 1.125rem;
}
.pad-top--5-2 {
    padding-top: 1.25rem;
}
.pad-top--5-3 {
    padding-top: 1.375rem;
}

.pad-top--6 { /* .pad-top--9 */
    padding-top: 1.5rem;
}
.pad-top--6-1 {
    padding-top: 1.625rem;
}
.pad-top--6-2 {
    padding-top: 1.75rem;
}
.pad-top--6-3 {
    padding-top: 1.875rem;
}

.pad-top--7 { /* .pad-top--10 */
    padding-top: 2rem;
}
.pad-top--7-1 {
    padding-top: 2.125rem;
}
.pad-top--7-2 {
    padding-top: 2.25rem;
}
.pad-top--7-3 {
    padding-top: 2.375rem;
}

.pad-top--8 { /* .pad-top--11 */
    padding-top: 2.5rem;
}
.pad-top--8-1 {
    padding-top: 2.625rem;
}
.pad-top--8-2 {
    padding-top: 2.75rem;
}
.pad-top--8-3 {
    padding-top: 2.875rem;
}

.pad-top--9 { /* .pad-top--12 */
    padding-top: 3rem;
}
.pad-top--9-1 {
    padding-top: 3.125rem;
}
.pad-top--9-2 {
    padding-top: 3.25rem;
}
.pad-top--9-3 {
    padding-top: 3.375rem;
}

.pad-top--10 { /* .pad-top--13 */
    padding-top: 3.5rem;
}
.pad-top--10-1 {
    padding-top: 3.625rem;
}
.pad-top--10-2 {
    padding-top: 3.75rem;
}
.pad-top--10-3 {
    padding-top: 3.875rem;
}

.pad-top--11 { /* .pad-top--14 */
    padding-top: 4rem;
}
.pad-top--11-1 {
    padding-top: 4.125rem;
}
.pad-top--11-2 {
    padding-top: 4.25rem;
}
.pad-top--11-3 {
    padding-top: 4.375rem;
}

.pad-top--12 { /* .pad-top--15 */
    padding-top: 4.5rem;
}
.pad-top--12-1 {
    padding-top: 4.625rem;
}
.pad-top--12-2 {
    padding-top: 4.75rem;
}
.pad-top--12-3 {
    padding-top: 4.875rem;
}

.pad-top--13 { /* .pad-top--16 */
    padding-top: 5rem;
}
.pad-top--13-1 {
    padding-top: 5.125rem;
}
.pad-top--13-2 {
    padding-top: 5.25rem;
}
.pad-top--13-3 {
    padding-top: 5.375rem;
}

.pad-top--14 { /* .pad-top--17 */
    padding-top: 5.5rem;
}
.pad-top--14-1 {
    padding-top: 5.625rem;
}
.pad-top--14-2 {
    padding-top: 5.75rem;
}
.pad-top--14-3 {
    padding-top: 5.875rem;
}

.pad-top--15 { /* .pad-top--18 */
    padding-top: 6rem;
}
.pad-top--15-1 {
    padding-top: 6.125rem;
}
.pad-top--15-2 {
    padding-top: 6.25rem;
}
.pad-top--15-3 {
    padding-top: 6.375rem;
}

/*================
 * bottom padding
==================*/
.pad-btm--0 {
    padding-bottom: 0;
}
.pad-btm--0-1 {
    padding-bottom: 0.0125rem;
}
.pad-btm--0-2 {
    padding-bottom: 0.025rem;
}
.pad-btm--0-3 {
    padding-bottom: 0.0375rem;
}
.pad-btm--0-4 {
    padding-bottom: 0.05rem;
}
.pad-btm--0-5 {
    padding-bottom: 0.0625rem;
}
.pad-btm--0-6 {
    padding-bottom: 0.075rem;
}
.pad-btm--0-7 {
    padding-bottom: 0.0875rem;
}
.pad-btm--1 {
    padding-bottom: 0.125rem;
}
.pad-btm--2 {
    padding-bottom: 0.25rem;
}
.pad-btm--3 {
    padding-bottom: 0.375rem;
}
.pad-btm--4 {
    padding-bottom: 0.5rem;
}
.pad-btm--4-1 { /* .pad-btm--5 */
    padding-bottom: 0.625rem;
}
.pad-btm--4-2 { /* .pad-btm--6 */
    padding-bottom: 0.75rem;
}
.pad-btm--4-3 { /* .pad-btm--7 */
    padding-bottom: 0.875rem;
}

.pad-btm--5 { /* .pad-btm--8 */
    padding-bottom: 1rem;
}
.pad-btm--5-1 {
    padding-bottom: 1.125rem;
}
.pad-btm--5-2 {
    padding-bottom: 1.25rem;
}
.pad-btm--5-3 {
    padding-bottom: 1.375rem;
}

.pad-btm--6 { /* .pad-btm--9 */
    padding-bottom: 1.5rem;
}
.pad-btm--6-1 {
    padding-bottom: 1.625rem;
}
.pad-btm--6-2 {
    padding-bottom: 1.75rem;
}
.pad-btm--6-3 {
    padding-bottom: 1.875rem;
}

.pad-btm--7 { /* .pad-btm--10 */
    padding-bottom: 2rem;
}
.pad-btm--7-1 {
    padding-bottom: 2.125rem;
}
.pad-btm--7-2 {
    padding-bottom: 2.25rem;
}
.pad-btm--7-3 {
    padding-bottom: 2.375rem;
}

.pad-btm--8 { /* .pad-btm--11 */
    padding-bottom: 2.5rem;
}
.pad-btm--8-1 {
    padding-bottom: 2.625rem;
}
.pad-btm--8-2 {
    padding-bottom: 2.75rem;
}
.pad-btm--8-3 {
    padding-bottom: 2.875rem;
}

.pad-btm--9 { /* .pad-btm--12 */
    padding-bottom: 3rem;
}
.pad-btm--9-1 {
    padding-bottom: 3.125rem;
}
.pad-btm--9-2 {
    padding-bottom: 3.25rem;
}
.pad-btm--9-3 {
    padding-bottom: 3.375rem;
}

.pad-btm--10 { /* .pad-btm--13 */
    padding-bottom: 3.5rem;
}
.pad-btm--10-1 {
    padding-bottom: 3.625rem;
}
.pad-btm--10-2 {
    padding-bottom: 3.75rem;
}
.pad-btm--10-3 {
    padding-bottom: 3.875rem;
}

.pad-btm--11 { /* .pad-btm--14 */
    padding-bottom: 4rem;
}
.pad-btm--11-1 {
    padding-bottom: 4.125rem;
}
.pad-btm--11-2 {
    padding-bottom: 4.25rem;
}
.pad-btm--11-3 {
    padding-bottom: 4.375rem;
}

.pad-btm--12 { /* .pad-btm--15 */
    padding-bottom: 4.5rem;
}
.pad-btm--12-1 {
    padding-bottom: 4.625rem;
}
.pad-btm--12-2 {
    padding-bottom: 4.75rem;
}
.pad-btm--12-3 {
    padding-bottom: 4.875rem;
}

.pad-btm--13 { /* .pad-btm--16 */
    padding-bottom: 5rem;
}
.pad-btm--13-1 {
    padding-bottom: 5.125rem;
}
.pad-btm--13-2 {
    padding-bottom: 5.25rem;
}
.pad-btm--13-3 {
    padding-bottom: 5.375rem;
}

.pad-btm--14 { /* .pad-btm--17 */
    padding-bottom: 5.5rem;
}
.pad-btm--14-1 {
    padding-bottom: 5.625rem;
}
.pad-btm--14-2 {
    padding-bottom: 5.75rem;
}
.pad-btm--14-3 {
    padding-bottom: 5.875rem;
}

.pad-btm--15 { /* .pad-btm--18 */
    padding-bottom: 6rem;
}
.pad-btm--15-1 {
    padding-bottom: 6.125rem;
}
.pad-btm--15-2 {
    padding-bottom: 6.25rem;
}
.pad-btm--15-3 {
    padding-bottom: 6.375rem;
}

/*==============
 * left padding
================*/
.pad-lft--0 {
    padding-left: 0;
}
.pad-lft--0-1 {
    padding-left: 0.0125rem;
}
.pad-lft--0-2 {
    padding-left: 0.025rem;
}
.pad-lft--0-3 {
    padding-left: 0.0375rem;
}
.pad-lft--0-4 {
    padding-left: 0.05rem;
}
.pad-lft--0-5 {
    padding-left: 0.0625rem;
}
.pad-lft--0-6 {
    padding-left: 0.075rem;
}
.pad-lft--0-7 {
    padding-left: 0.0875rem;
}
.pad-lft--1 {
    padding-left: 0.125rem;
}
.pad-lft--2 {
    padding-left: 0.25rem;
}
.pad-lft--3 {
    padding-left: 0.375rem;
}
.pad-lft--4 {
    padding-left: 0.5rem;
}
.pad-lft--4-1 { /* .pad-lft--5 */
    padding-left: 0.625rem;
}
.pad-lft--4-2 { /* .pad-lft--6 */
    padding-left: 0.75rem;
}
.pad-lft--4-3 { /* .pad-lft--7 */
    padding-left: 0.875rem;
}

.pad-lft--5 { /* .pad-lft--8 */
    padding-left: 1rem;
}
.pad-lft--5-1 {
    padding-left: 1.125rem;
}
.pad-lft--5-2 {
    padding-left: 1.25rem;
}
.pad-lft--5-3 {
    padding-left: 1.375rem;
}

.pad-lft--6 { /* .pad-lft--9 */
    padding-left: 1.5rem;
}
.pad-lft--6-1 {
    padding-left: 1.625rem;
}
.pad-lft--6-2 {
    padding-left: 1.75rem;
}
.pad-lft--6-3 {
    padding-left: 1.875rem;
}

.pad-lft--7 { /* .pad-lft--10 */
    padding-left: 2rem;
}
.pad-lft--7-1 {
    padding-left: 2.125rem;
}
.pad-lft--7-2 {
    padding-left: 2.25rem;
}
.pad-lft--7-3 {
    padding-left: 2.375rem;
}

.pad-lft--8 { /* .pad-lft--11 */
    padding-left: 2.5rem;
}
.pad-lft--8-1 {
    padding-left: 2.625rem;
}
.pad-lft--8-2 {
    padding-left: 2.75rem;
}
.pad-lft--8-3 {
    padding-left: 2.875rem;
}

.pad-lft--9 { /* .pad-lft--12 */
    padding-left: 3rem;
}
.pad-lft--9-1 {
    padding-left: 3.125rem;
}
.pad-lft--9-2 {
    padding-left: 3.25rem;
}
.pad-lft--9-3 {
    padding-left: 3.375rem;
}

.pad-lft--10 { /* .pad-lft--13 */
    padding-left: 3.5rem;
}
.pad-lft--10-1 {
    padding-left: 3.625rem;
}
.pad-lft--10-2 {
    padding-left: 3.75rem;
}
.pad-lft--10-3 {
    padding-left: 3.875rem;
}

.pad-lft--11 { /* .pad-lft--14 */
    padding-left: 4rem;
}
.pad-lft--11-1 {
    padding-left: 4.125rem;
}
.pad-lft--11-2 {
    padding-left: 4.25rem;
}
.pad-lft--11-3 {
    padding-left: 4.375rem;
}

.pad-lft--12 { /* .pad-lft--15 */
    padding-left: 4.5rem;
}
.pad-lft--12-1 {
    padding-left: 4.625rem;
}
.pad-lft--12-2 {
    padding-left: 4.75rem;
}
.pad-lft--12-3 {
    padding-left: 4.875rem;
}

.pad-lft--13 { /* .pad-lft--16 */
    padding-left: 5rem;
}
.pad-lft--13-1 {
    padding-left: 5.125rem;
}
.pad-lft--13-2 {
    padding-left: 5.25rem;
}
.pad-lft--13-3 {
    padding-left: 5.375rem;
}

.pad-lft--14 { /* .pad-lft--17 */
    padding-left: 5.5rem;
}
.pad-lft--14-1 {
    padding-left: 5.625rem;
}
.pad-lft--14-2 {
    padding-left: 5.75rem;
}
.pad-lft--14-3 {
    padding-left: 5.875rem;
}

.pad-lft--15 { /* .pad-lft--18 */
    padding-left: 6rem;
}
.pad-lft--15-1 {
    padding-left: 6.125rem;
}
.pad-lft--15-2 {
    padding-left: 6.25rem;
}
.pad-lft--15-3 {
    padding-left: 6.375rem;
}

/*===============
 * right padding
=================*/
.pad-rgt--0 {
    padding-right: 0;
}
.pad-rgt--0-1 {
    padding-right: 0.0125rem;
}
.pad-rgt--0-2 {
    padding-right: 0.025rem;
}
.pad-rgt--0-3 {
    padding-right: 0.0375rem;
}
.pad-rgt--0-4 {
    padding-right: 0.05rem;
}
.pad-rgt--0-5 {
    padding-right: 0.0625rem;
}
.pad-rgt--0-6 {
    padding-right: 0.075rem;
}
.pad-rgt--0-7 {
    padding-right: 0.0875rem;
}
.pad-rgt--1 {
    padding-right: 0.125rem;
}
.pad-rgt--2 {
    padding-right: 0.25rem;
}
.pad-rgt--3 {
    padding-right: 0.375rem;
}
.pad-rgt--4 {
    padding-right: 0.5rem;
}
.pad-rgt--4-1 { /* .pad-rgt--5 */
    padding-right: 0.625rem;
}
.pad-rgt--4-2 { /* .pad-rgt--6 */
    padding-right: 0.75rem;
}
.pad-rgt--4-3 { /* .pad-rgt--7 */
    padding-right: 0.875rem;
}

.pad-rgt--5 { /* .pad-rgt--8 */
    padding-right: 1rem;
}
.pad-rgt--5-1 {
    padding-right: 1.125rem;
}
.pad-rgt--5-2 {
    padding-right: 1.25rem;
}
.pad-rgt--5-3 {
    padding-right: 1.375rem;
}

.pad-rgt--6 { /* .pad-rgt--9 */
    padding-right: 1.5rem;
}
.pad-rgt--6-1 {
    padding-right: 1.625rem;
}
.pad-rgt--6-2 {
    padding-right: 1.75rem;
}
.pad-rgt--6-3 {
    padding-right: 1.875rem;
}

.pad-rgt--7 { /* .pad-rgt--10 */
    padding-right: 2rem;
}
.pad-rgt--7-1 {
    padding-right: 2.125rem;
}
.pad-rgt--7-2 {
    padding-right: 2.25rem;
}
.pad-rgt--7-3 {
    padding-right: 2.375rem;
}

.pad-rgt--8 { /* .pad-rgt--11 */
    padding-right: 2.5rem;
}
.pad-rgt--8-1 {
    padding-right: 2.625rem;
}
.pad-rgt--8-2 {
    padding-right: 2.75rem;
}
.pad-rgt--8-3 {
    padding-right: 2.875rem;
}

.pad-rgt--9 { /* .pad-rgt--12 */
    padding-right: 3rem;
}
.pad-rgt--9-1 {
    padding-right: 3.125rem;
}
.pad-rgt--9-2 {
    padding-right: 3.25rem;
}
.pad-rgt--9-3 {
    padding-right: 3.375rem;
}

.pad-rgt--10 { /* .pad-rgt--13 */
    padding-right: 3.5rem;
}
.pad-rgt--10-1 {
    padding-right: 3.625rem;
}
.pad-rgt--10-2 {
    padding-right: 3.75rem;
}
.pad-rgt--10-3 {
    padding-right: 3.875rem;
}

.pad-rgt--11 { /* .pad-rgt--14 */
    padding-right: 4rem;
}
.pad-rgt--11-1 {
    padding-right: 4.125rem;
}
.pad-rgt--11-2 {
    padding-right: 4.25rem;
}
.pad-rgt--11-3 {
    padding-right: 4.375rem;
}

.pad-rgt--12 { /* .pad-rgt--15 */
    padding-right: 4.5rem;
}
.pad-rgt--12-1 {
    padding-right: 4.625rem;
}
.pad-rgt--12-2 {
    padding-right: 4.75rem;
}
.pad-rgt--12-3 {
    padding-right: 4.875rem;
}

.pad-rgt--13 { /* .pad-rgt--16 */
    padding-right: 5rem;
}
.pad-rgt--13-1 {
    padding-right: 5.125rem;
}
.pad-rgt--13-2 {
    padding-right: 5.25rem;
}
.pad-rgt--13-3 {
    padding-right: 5.375rem;
}

.pad-rgt--14 { /* .pad-rgt--17 */
    padding-right: 5.5rem;
}
.pad-rgt--14-1 {
    padding-right: 5.625rem;
}
.pad-rgt--14-2 {
    padding-right: 5.75rem;
}
.pad-rgt--14-3 {
    padding-right: 5.875rem;
}

.pad-rgt--15 { /* .pad-rgt--18 */
    padding-right: 6rem;
}
.pad-rgt--15-1 {
    padding-right: 6.125rem;
}
.pad-rgt--15-2 {
    padding-right: 6.25rem;
}
.pad-rgt--15-3 {
    padding-right: 6.375rem;
}

/*========================
 * left and right padding
==========================*/
.pad-x--0 {
    padding-left: 0;
    padding-right: 0;
}
.pad-x--0-1 {
    padding-left: 0.0125rem;
    padding-right: 0.0125rem;
}
.pad-x--0-2 {
    padding-left: 0.025rem;
    padding-right: 0.025rem;
}
.pad-x--0-3 {
    padding-left: 0.0375rem;
    padding-right: 0.0375rem;
}
.pad-x--0-4 {
    padding-left: 0.05rem;
    padding-right: 0.05rem;
}
.pad-x--0-5 {
    padding-left: 0.0625rem;
    padding-right: 0.0625rem;
}
.pad-x--0-6 {
    padding-left: 0.075rem;
    padding-right: 0.075rem;
}
.pad-x--0-7 {
    padding-left: 0.0875rem;
    padding-right: 0.0875rem;
}
.pad-x--1 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
}
.pad-x--2 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.pad-x--3 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.pad-x--4 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.pad-x--4-1 { /* .pad-x--5 */
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}
.pad-x--4-2 { /* .pad-x--6 */
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.pad-x--4-3 { /* .pad-x--7 */
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}

.pad-x--5 { /* .pad-x--8 */
    padding-left: 1rem;
    padding-right: 1rem;
}
.pad-x--5-1 {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
}
.pad-x--5-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.pad-x--5-3 {
    padding-left: 1.375rem;
    padding-right: 1.375rem;
}

.pad-x--6 { /* .pad-x--9 */
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.pad-x--6-1 {
    padding-left: 1.625rem;
    padding-right: 1.625rem;
}
.pad-x--6-2 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}
.pad-x--6-3 {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}

.pad-x--7 { /* .pad-x--10 */
    padding-left: 2rem;
    padding-right: 2rem;
}
.pad-x--7-1 {
   padding-left: 2.125rem;
    padding-right: 2.125rem;
}
.pad-x--7-2 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}
.pad-x--7-3 {
    padding-left: 2.375rem;
    padding-right: 2.375rem;
}

.pad-x--8 { /* .pad-x--11 */
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.pad-x--8-1 {
    padding-left: 2.625rem;
    padding-right: 2.625rem;
}
.pad-x--8-2 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
}
.pad-x--8-3 {
    padding-left: 2.875rem;
    padding-right: 2.875rem;
}

.pad-x--9 { /* .pad-x--12 */
    padding-left: 3rem;
    padding-right: 3rem;
}
.pad-x--9-1 {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
}
.pad-x--9-2 {
    padding-left: 3.25rem;
    padding-right: 3.25rem;
}
.pad-x--9-3 {
    padding-left: 3.375rem;
    padding-right: 3.375rem;
}

.pad-x--10 { /* .pad-x--13 */
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}
.pad-x--10-1 {
    padding-left: 3.625rem;
    padding-right: 3.625rem;
}
.pad-x--10-2 {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
}
.pad-x--10-3 {
    padding-left: 3.875rem;
    padding-right: 3.875rem;
}

.pad-x--11 { /* .pad-x--14 */
    padding-left: 4rem;
    padding-right: 4rem;
}
.pad-x--11-1 {
    padding-left: 4.125rem;
    padding-right: 4.125rem;
}
.pad-x--11-2 {
    padding-left: 4.25rem;
    padding-right: 4.25rem;
}
.pad-x--11-3 {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
}

.pad-x--12 { /* .pad-x--15 */
    padding-left: 4.5rem;
    padding-right: 4.5rem;
}
.pad-x--12-1 {
    padding-left: 4.625rem;
    padding-right: 4.625rem;
}
.pad-x--12-2 {
    padding-left: 4.75rem;
    padding-right: 4.75rem;
}
.pad-x--12-3 {
    padding-left: 4.875rem;
    padding-right: 4.875rem;
}

.pad-x--13 { /* .pad-x--16 */
    padding-left: 5rem;
    padding-right: 5rem;
}
.pad-x--13-1 {
    padding-left: 5.125rem;
    padding-right: 5.125rem;
}
.pad-x--13-2 {
    padding-left: 5.25rem;
    padding-right: 5.25rem;
}
.pad-x--13-3 {
    padding-left: 5.375rem;
    padding-right: 5.375rem;
}

.pad-x--14 { /* .pad-x--17 */
    padding-left: 5.5rem;
    padding-right: 5.5rem;
}
.pad-x--14-1 {
    padding-left: 5.625rem;
    padding-right: 5.625rem;
}
.pad-x--14-2 {
    padding-left: 5.75rem;
    padding-right: 5.75rem;
}
.pad-x--14-3 {
    padding-left: 5.875rem;
    padding-right: 5.875rem;
}

.pad-x--15 { /* .pad-x--18 */
    padding-left: 6rem;
    padding-right: 6rem;
}
.pad-x--15-1 {
    padding-left: 6.125rem;
    padding-right: 6.125rem;
}
.pad-x--15-2 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
}
.pad-x--15-3 {
    padding-left: 6.375rem;
    padding-right: 6.375rem;
}

/*======================
 * top & bottom padding
========================*/
.pad-y--0 {
    padding-top: 0;
    padding-bottom: 0;
}
.pad-y--0-1 {
    padding-top: 0.0125rem;
    padding-bottom: 0.0125rem;
}
.pad-y--0-2 {
    padding-top: 0.025rem;
    padding-bottom: 0.025rem;
}
.pad-y--0-3 {
    padding-top: 0.0375rem;
    padding-bottom: 0.0375rem;
}
.pad-y--0-4 {
    padding-top: 0.05rem;
    padding-bottom: 0.05rem;
}
.pad-y--0-5 {
    padding-top: 0.0625rem;
    padding-bottom: 0.0625rem;
}
.pad-y--0-6 {
    padding-top: 0.075rem;
    padding-bottom: 0.075rem;
}
.pad-y--0-7 {
    padding-top: 0.0875rem;
    padding-bottom: 0.0875rem;
}
.pad-y--1 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
.pad-y--2 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.pad-y--3 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.pad-y--4 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.pad-y--4-1 { /* .pad-y--5 */
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.pad-y--4-2 { /* .pad-y--6 */
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.pad-y--4-3 { /* .pad-y--7 */
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}

.pad-y--5 { /* .pad-y--8 */
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.pad-y--5-1 {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
}
.pad-y--5-2 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.pad-y--5-3 {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
}

.pad-y--6 { /* .pad-y--9 */
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.pad-y--6-1 {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
}
.pad-y--6-2 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}
.pad-y--6-3 {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}

.pad-y--7 { /* .pad-y--10 */
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.pad-y--7-1 {
   padding-top: 2.125rem;
    padding-bottom: 2.125rem;
}
.pad-y--7-2 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}
.pad-y--7-3 {
    padding-top: 2.375rem;
    padding-bottom: 2.375rem;
}

.pad-y--8 { /* .pad-y--11 */
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.pad-y--8-1 {
    padding-top: 2.625rem;
    padding-bottom: 2.625rem;
}
.pad-y--8-2 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
}
.pad-y--8-3 {
    padding-top: 2.875rem;
    padding-bottom: 2.875rem;
}

.pad-y--9 { /* .pad-y--12 */
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.pad-y--9-1 {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
}
.pad-y--9-2 {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
}
.pad-y--9-3 {
    padding-top: 3.375rem;
    padding-bottom: 3.375rem;
}

.pad-y--10 { /* .pad-y--13 */
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}
.pad-y--10-1 {
    padding-top: 3.625rem;
    padding-bottom: 3.625rem;
}
.pad-y--10-2 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}
.pad-y--10-3 {
    padding-top: 3.875rem;
    padding-bottom: 3.875rem;
}

.pad-y--11 { /* .pad-y--14 */
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.pad-y--11-1 {
    padding-top: 4.125rem;
    padding-bottom: 4.125rem;
}
.pad-y--11-2 {
    padding-top: 4.25rem;
    padding-bottom: 4.25rem;
}
.pad-y--11-3 {
    padding-top: 4.375rem;
    padding-bottom: 4.375rem;
}

.pad-y--12 { /* .pad-y--15 */
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}
.pad-y--12-1 {
    padding-top: 4.625rem;
    padding-bottom: 4.625rem;
}
.pad-y--12-2 {
    padding-top: 4.75rem;
    padding-bottom: 4.75rem;
}
.pad-y--12-3 {
    padding-top: 4.875rem;
    padding-bottom: 4.875rem;
}

.pad-y--13 { /* .pad-y--16 */
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.pad-y--13-1 {
    padding-top: 5.125rem;
    padding-bottom: 5.125rem;
}
.pad-y--13-2 {
    padding-top: 5.25rem;
    padding-bottom: 5.25rem;
}
.pad-y--13-3 {
    padding-top: 5.375rem;
    padding-bottom: 5.375rem;
}

.pad-y--14 { /* .pad-y--17 */
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
}
.pad-y--14-1 {
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
}
.pad-y--14-2 {
    padding-top: 5.75rem;
    padding-bottom: 5.75rem;
}
.pad-y--14-3 {
    padding-top: 5.875rem;
    padding-bottom: 5.875rem;
}

.pad-y--15 { /* .pad-y--18 */
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.pad-y--15-1 {
    padding-top: 6.125rem;
    padding-bottom: 6.125rem;
}
.pad-y--15-2 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
}
.pad-y--15-3 {
    padding-top: 6.375rem;
    padding-bottom: 6.375rem;
}

.mgn--auto {
	margin: 0 auto;
}

/*============
 * top margin
==============*/
.mgn-top--0 {
    margin-top: 0;
}
.mgn-top--0-1 {
    margin-top: 0.0125rem;
}
.mgn-top--0-2 {
    margin-top: 0.025rem;
}
.mgn-top--0-3 {
    margin-top: 0.0375rem;
}
.mgn-top--0-4 {
    margin-top: 0.05rem;
}
.mgn-top--0-5 {
    margin-top: 0.0625rem;
}
.mgn-top--0-6 {
    margin-top: 0.075rem;
}
.mgn-top--0-7 {
    margin-top: 0.0875rem;
}
.mgn-top--1 {
    margin-top: 0.125rem;
}
.mgn-top--2 {
    margin-top: 0.25rem;
}
.mgn-top--3 {
    margin-top: 0.375rem;
}
.mgn-top--4 {
    margin-top: 0.5rem;
}
.mgn-top--4-1 { /* .mgn-top--5 */
    margin-top: 0.625rem;
}
.mgn-top--4-2 { /* .mgn-top--6 */
    margin-top: 0.75rem;
}
.mgn-top--4-3 { /* .mgn-top--7 */
    margin-top: 0.875rem;
}

.mgn-top--5 { /* .mgn-top--8 */
    margin-top: 1rem;
}
.mgn-top--5-1 {
    margin-top: 1.125rem;
}
.mgn-top--5-2 {
    margin-top: 1.25rem;
}
.mgn-top--5-3 {
    margin-top: 1.375rem;
}

.mgn-top--6 { /* .mgn-top--9 */
    margin-top: 1.5rem;
}
.mgn-top--6-1 {
    margin-top: 1.625rem;
}
.mgn-top--6-2 {
    margin-top: 1.75rem;
}
.mgn-top--6-3 {
    margin-top: 1.875rem;
}

.mgn-top--7 { /* .mgn-top--10 */
    margin-top: 2rem;
}
.mgn-top--7-1 {
    margin-top: 2.125rem;
}
.mgn-top--7-2 {
    margin-top: 2.25rem;
}
.mgn-top--7-3 {
    margin-top: 2.375rem;
}

.mgn-top--8 { /* .mgn-top--11 */
    margin-top: 2.5rem;
}
.mgn-top--8-1 {
    margin-top: 2.625rem;
}
.mgn-top--8-2 {
    margin-top: 2.75rem;
}
.mgn-top--8-3 {
    margin-top: 2.875rem;
}

.mgn-top--9 { /* .mgn-top--12 */
    margin-top: 3rem;
}
.mgn-top--9-1 {
    margin-top: 3.125rem;
}
.mgn-top--9-2 {
    margin-top: 3.25rem;
}
.mgn-top--9-3 {
    margin-top: 3.375rem;
}

.mgn-top--10 { /* .mgn-top--13 */
    margin-top: 3.5rem;
}
.mgn-top--10-1 {
    margin-top: 3.625rem;
}
.mgn-top--10-2 {
    margin-top: 3.75rem;
}
.mgn-top--10-3 {
    margin-top: 3.875rem;
}

.mgn-top--11 { /* .mgn-top--14 */
    margin-top: 4rem;
}
.mgn-top--11-1 {
    margin-top: 4.125rem;
}
.mgn-top--11-2 {
    margin-top: 4.25rem;
}
.mgn-top--11-3 {
    margin-top: 4.375rem;
}

.mgn-top--12 { /* .mgn-top--15 */
    margin-top: 4.5rem;
}
.mgn-top--12-1 {
    margin-top: 4.625rem;
}
.mgn-top--12-2 {
    margin-top: 4.75rem;
}
.mgn-top--12-3 {
    margin-top: 4.875rem;
}

.mgn-top--13 { /* .mgn-top--16 */
    margin-top: 5rem;
}
.mgn-top--13-1 {
    margin-top: 5.125rem;
}
.mgn-top--13-2 {
    margin-top: 5.25rem;
}
.mgn-top--13-3 {
    margin-top: 5.375rem;
}

.mgn-top--14 { /* .mgn-top--17 */
    margin-top: 5.5rem;
}
.mgn-top--14-1 {
    margin-top: 5.625rem;
}
.mgn-top--14-2 {
    margin-top: 5.75rem;
}
.mgn-top--14-3 {
    margin-top: 5.875rem;
}

.mgn-top--15 { /* .mgn-top--18 */
    margin-top: 6rem;
}
.mgn-top--15-1 {
    margin-top: 6.125rem;
}
.mgn-top--15-2 {
    margin-top: 6.25rem;
}
.mgn-top--15-3 {
    margin-top: 6.375rem;
}

/*===============
 * bottom margin
=================*/
.mgn-btm--0 {
    margin-bottom: 0;
}
.mgn-btm--0-1 {
    margin-bottom: 0.0125rem;
}
.mgn-btm--0-2 {
    margin-bottom: 0.025rem;
}
.mgn-btm--0-3 {
    margin-bottom: 0.0375rem;
}
.mgn-btm--0-4 {
    margin-bottom: 0.05rem;
}
.mgn-btm--0-5 {
    margin-bottom: 0.0625rem;
}
.mgn-btm--0-6 {
    margin-bottom: 0.075rem;
}
.mgn-btm--0-7 {
    margin-bottom: 0.0875rem;
}

.mgn-btm--1 {
    margin-bottom: 0.125rem;
}
.mgn-btm--2 {
    margin-bottom: 0.25rem;
}
.mgn-btm--3 {
    margin-bottom: 0.375rem;
}
.mgn-btm--4 {
    margin-bottom: 0.5rem;
}
.mgn-btm--4-1 { /* .mgn-btm--5 */
    margin-bottom: 0.625rem;
}
.mgn-btm--4-2 { /* .mgn-btm--6 */
    margin-bottom: 0.75rem;
}
.mgn-btm--4-3 { /* .mgn-btm--7 */
    margin-bottom: 0.875rem;
}

.mgn-btm--5 { /* .mgn-btm--8 */
    margin-bottom: 1rem;
}
.mgn-btm--5-1 {
    margin-bottom: 1.125rem;
}
.mgn-btm--5-2 {
    margin-bottom: 1.25rem;
}
.mgn-btm--5-3 {
    margin-bottom: 1.375rem;
}

.mgn-btm--6 { /* .mgn-btm--9 */
    margin-bottom: 1.5rem;
}
.mgn-btm--6-1 {
    margin-bottom: 1.625rem;
}
.mgn-btm--6-2 {
    margin-bottom: 1.75rem;
}
.mgn-btm--6-3 {
    margin-bottom: 1.875rem;
}

.mgn-btm--7 { /* .mgn-btm--10 */
    margin-bottom: 2rem;
}
.mgn-btm--7-1 {
    margin-bottom: 2.125rem;
}
.mgn-btm--7-2 {
    margin-bottom: 2.25rem;
}
.mgn-btm--7-3 {
    margin-bottom: 2.375rem;
}

.mgn-btm--8 { /* .mgn-btm--11 */
    margin-bottom: 2.5rem;
}
.mgn-btm--8-1 {
    margin-bottom: 2.625rem;
}
.mgn-btm--8-2 {
    margin-bottom: 2.75rem;
}
.mgn-btm--8-3 {
    margin-bottom: 2.875rem;
}

.mgn-btm--9 { /* .mgn-btm--12 */
    margin-bottom: 3rem;
}
.mgn-btm--9-1 {
    margin-bottom: 3.125rem;
}
.mgn-btm--9-2 {
    margin-bottom: 3.25rem;
}
.mgn-btm--9-3 {
    margin-bottom: 3.375rem;
}

.mgn-btm--10 { /* .mgn-btm--13 */
    margin-bottom: 3.5rem;
}
.mgn-btm--10-1 {
    margin-bottom: 3.625rem;
}
.mgn-btm--10-2 {
    margin-bottom: 3.75rem;
}
.mgn-btm--10-3 {
    margin-bottom: 3.875rem;
}

.mgn-btm--11 { /* .mgn-btm--14 */
    margin-bottom: 4rem;
}
.mgn-btm--11-1 {
    margin-bottom: 4.125rem;
}
.mgn-btm--11-2 {
    margin-bottom: 4.25rem;
}
.mgn-btm--11-3 {
    margin-bottom: 4.375rem;
}

.mgn-btm--12 { /* .mgn-btm--15 */
    margin-bottom: 4.5rem;
}
.mgn-btm--12-1 {
    margin-bottom: 4.625rem;
}
.mgn-btm--12-2 {
    margin-bottom: 4.75rem;
}
.mgn-btm--12-3 {
    margin-bottom: 4.875rem;
}

.mgn-btm--13 { /* .mgn-btm--16 */
    margin-bottom: 5rem;
}
.mgn-btm--13-1 {
    margin-bottom: 5.125rem;
}
.mgn-btm--13-2 {
    margin-bottom: 5.25rem;
}
.mgn-btm--13-3 {
    margin-bottom: 5.375rem;
}

.mgn-btm--14 { /* .mgn-btm--17 */
    margin-bottom: 5.5rem;
}
.mgn-btm--14-1 {
    margin-bottom: 5.625rem;
}
.mgn-btm--14-2 {
    margin-bottom: 5.75rem;
}
.mgn-btm--14-3 {
    margin-bottom: 5.875rem;
}

.mgn-btm--15 { /* .mgn-btm--18 */
    margin-bottom: 6rem;
}
.mgn-btm--15-1 {
    margin-bottom: 6.125rem;
}
.mgn-btm--15-2 {
    margin-bottom: 6.25rem;
}
.mgn-btm--15-3 {
    margin-bottom: 6.375rem;
}

/*========================
 * negative bottom margin
==========================*/

.-mgn-btm--1 {
    margin-bottom: -0.125rem;
}


/*=============
 * left margin
===============*/
.mgn-lft--0 {
    margin-left: 0;
}
.mgn-lft--0-1 {
    margin-left: 0.0125rem;
}
.mgn-lft--0-2 {
    margin-left: 0.025rem;
}
.mgn-lft--0-3 {
    margin-left: 0.0375rem;
}
.mgn-lft--0-4 {
    margin-left: 0.05rem;
}
.mgn-lft--0-5 {
    margin-left: 0.0625rem;
}
.mgn-lft--0-6 {
    margin-left: 0.075rem;
}
.mgn-lft--0-7 {
    margin-left: 0.0875rem;
}

.mgn-lft--1 {
    margin-left: 0.125rem;
}
.mgn-lft--2 {
    margin-left: 0.25rem;
}
.mgn-lft--3 {
    margin-left: 0.375rem;
}
.mgn-lft--4 {
    margin-left: 0.5rem;
}
.mgn-lft--4-1 { /* .mgn-lft--5 */
    margin-left: 0.625rem;
}
.mgn-lft--4-2 { /* .mgn-lft--6 */
    margin-left: 0.75rem;
}
.mgn-lft--4-3 { /* .mgn-lft--7 */
    margin-left: 0.875rem;
}

.mgn-lft--5 { /* .mgn-lft--8 */
    margin-left: 1rem;
}
.mgn-lft--5-1 {
    margin-left: 1.125rem;
}
.mgn-lft--5-2 {
    margin-left: 1.25rem;
}
.mgn-lft--5-3 {
    margin-left: 1.375rem;
}

.mgn-lft--6 { /* .mgn-lft--9 */
    margin-left: 1.5rem;
}
.mgn-lft--6-1 {
    margin-left: 1.625rem;
}
.mgn-lft--6-2 {
    margin-left: 1.75rem;
}
.mgn-lft--6-3 {
    margin-left: 1.875rem;
}

.mgn-lft--7 { /* .mgn-lft--10 */
    margin-left: 2rem;
}
.mgn-lft--7-1 {
    margin-left: 2.125rem;
}
.mgn-lft--7-2 {
    margin-left: 2.25rem;
}
.mgn-lft--7-3 {
    margin-left: 2.375rem;
}

.mgn-lft--8 { /* .mgn-lft--11 */
    margin-left: 2.5rem;
}
.mgn-lft--8-1 {
    margin-left: 2.625rem;
}
.mgn-lft--8-2 {
    margin-left: 2.75rem;
}
.mgn-lft--8-3 {
    margin-left: 2.875rem;
}

.mgn-lft--9 { /* .mgn-lft--12 */
    margin-left: 3rem;
}
.mgn-lft--9-1 {
    margin-left: 3.125rem;
}
.mgn-lft--9-2 {
    margin-left: 3.25rem;
}
.mgn-lft--9-3 {
    margin-left: 3.375rem;
}

.mgn-lft--10 { /* .mgn-lft--13 */
    margin-left: 3.5rem;
}
.mgn-lft--10-1 {
    margin-left: 3.625rem;
}
.mgn-lft--10-2 {
    margin-left: 3.75rem;
}
.mgn-lft--10-3 {
    margin-left: 3.875rem;
}

.mgn-lft--11 { /* .mgn-lft--14 */
    margin-left: 4rem;
}
.mgn-lft--11-1 {
    margin-left: 4.125rem;
}
.mgn-lft--11-2 {
    margin-left: 4.25rem;
}
.mgn-lft--11-3 {
    margin-left: 4.375rem;
}

.mgn-lft--12 { /* .mgn-lft--15 */
    margin-left: 4.5rem;
}
.mgn-lft--12-1 {
    margin-left: 4.625rem;
}
.mgn-lft--12-2 {
    margin-left: 4.75rem;
}
.mgn-lft--12-3 {
    margin-left: 4.875rem;
}

.mgn-lft--13 { /* .mgn-lft--16 */
    margin-left: 5rem;
}
.mgn-lft--13-1 {
    margin-left: 5.125rem;
}
.mgn-lft--13-2 {
    margin-left: 5.25rem;
}
.mgn-lft--13-3 {
    margin-left: 5.375rem;
}

.mgn-lft--14 { /* .mgn-lft--17 */
    margin-left: 5.5rem;
}
.mgn-lft--14-1 {
    margin-left: 5.625rem;
}
.mgn-lft--14-2 {
    margin-left: 5.75rem;
}
.mgn-lft--14-3 {
    margin-left: 5.875rem;
}

.mgn-lft--15 { /* .mgn-lft--18 */
    margin-left: 6rem;
}
.mgn-lft--15-1 {
    margin-left: 6.125rem;
}
.mgn-lft--15-2 {
    margin-left: 6.25rem;
}
.mgn-lft--15-3 {
    margin-left: 6.375rem;
}

.-mgn-lft--2 {
    margin-left: -0.25rem;
}
.-mgn-lft--4 {
    margin-left: -0.5rem;
}
.-mgn-lft--4-1 { /* .mgn-lft--5 */
    margin-left: -0.625rem;
}
.-mgn-lft--4-2 { /* .mgn-lft--6 */
    margin-left: -0.75rem;
}
.-mgn-lft--4-3 { /* .mgn-lft--7 */
    margin-left: -0.875rem;
}

/*==============
 * right margin
================*/
.mgn-rgt--0 {
    margin-right: 0;
}
.mgn-rgt--0-1 {
    margin-right: 0.0125rem;
}
.mgn-rgt--0-2 {
    margin-right: 0.025rem;
}
.mgn-rgt--0-3 {
    margin-right: 0.0375rem;
}
.mgn-rgt--0-4 {
    margin-right: 0.05rem;
}
.mgn-rgt--0-5 {
    margin-right: 0.0625rem;
}
.mgn-rgt--0-6 {
    margin-right: 0.075rem;
}
.mgn-rgt--0-7 {
    margin-right: 0.0875rem;
}

.mgn-rgt--1 {
    margin-right: 0.125rem;
}
.mgn-rgt--2 {
    margin-right: 0.25rem;
}
.mgn-rgt--3 {
    margin-right: 0.375rem;
}
.mgn-rgt--4 {
    margin-right: 0.5rem;
}
.mgn-rgt--4-1 { /* .mgn-rgt--5 */
    margin-right: 0.625rem;
}
.mgn-rgt--4-2 { /* .mgn-rgt--6 */
    margin-right: 0.75rem;
}
.mgn-rgt--4-3 { /* .mgn-rgt--7 */
    margin-right: 0.875rem;
}

.mgn-rgt--5 { /* .mgn-rgt--8 */
    margin-right: 1rem;
}
.mgn-rgt--5-1 {
    margin-right: 1.125rem;
}
.mgn-rgt--5-2 {
    margin-right: 1.25rem;
}
.mgn-rgt--5-3 {
    margin-right: 1.375rem;
}

.mgn-rgt--6 { /* .mgn-rgt--9 */
    margin-right: 1.5rem;
}
.mgn-rgt--6-1 {
    margin-right: 1.625rem;
}
.mgn-rgt--6-2 {
    margin-right: 1.75rem;
}
.mgn-rgt--6-3 {
    margin-right: 1.875rem;
}

.mgn-rgt--7 { /* .mgn-rgt--10 */
    margin-right: 2rem;
}
.mgn-rgt--7-1 {
    margin-right: 2.125rem;
}
.mgn-rgt--7-2 {
    margin-right: 2.25rem;
}
.mgn-rgt--7-3 {
    margin-right: 2.375rem;
}

.mgn-rgt--8 { /* .mgn-rgt--11 */
    margin-right: 2.5rem;
}
.mgn-rgt--8-1 {
    margin-right: 2.625rem;
}
.mgn-rgt--8-2 {
    margin-right: 2.75rem;
}
.mgn-rgt--8-3 {
    margin-right: 2.875rem;
}

.mgn-rgt--9 { /* .mgn-rgt--12 */
    margin-right: 3rem;
}
.mgn-rgt--9-1 {
    margin-right: 3.125rem;
}
.mgn-rgt--9-2 {
    margin-right: 3.25rem;
}
.mgn-rgt--9-3 {
    margin-right: 3.375rem;
}

.mgn-rgt--10 { /* .mgn-rgt--13 */
    margin-right: 3.5rem;
}
.mgn-rgt--10-1 {
    margin-right: 3.625rem;
}
.mgn-rgt--10-2 {
    margin-right: 3.75rem;
}
.mgn-rgt--10-3 {
    margin-right: 3.875rem;
}

.mgn-rgt--11 { /* .mgn-rgt--14 */
    margin-right: 4rem;
}
.mgn-rgt--11-1 {
    margin-right: 4.125rem;
}
.mgn-rgt--11-2 {
    margin-right: 4.25rem;
}
.mgn-rgt--11-3 {
    margin-right: 4.375rem;
}

.mgn-rgt--12 { /* .mgn-rgt--15 */
    margin-right: 4.5rem;
}
.mgn-rgt--12-1 {
    margin-right: 4.625rem;
}
.mgn-rgt--12-2 {
    margin-right: 4.75rem;
}
.mgn-rgt--12-3 {
    margin-right: 4.875rem;
}

.mgn-rgt--13 { /* .mgn-rgt--16 */
    margin-right: 5rem;
}
.mgn-rgt--13-1 {
    margin-right: 5.125rem;
}
.mgn-rgt--13-2 {
    margin-right: 5.25rem;
}
.mgn-rgt--13-3 {
    margin-right: 5.375rem;
}

.mgn-rgt--14 { /* .mgn-rgt--17 */
    margin-right: 5.5rem;
}
.mgn-rgt--14-1 {
    margin-right: 5.625rem;
}
.mgn-rgt--14-2 {
    margin-right: 5.75rem;
}
.mgn-rgt--14-3 {
    margin-right: 5.875rem;
}

.mgn-rgt--15 { /* .mgn-rgt--18 */
    margin-right: 6rem;
}
.mgn-rgt--15-1 {
    margin-right: 6.125rem;
}
.mgn-rgt--15-2 {
    margin-right: 6.25rem;
}
.mgn-rgt--15-3 {
    margin-right: 6.375rem;
}

/*=====================
 * left & right margin
=======================*/
.mgn-x--auto {
    margin-left: auto;
    margin-right: auto;
}
.mgn-x--0 {
    margin-left: 0;
    margin-right: 0;
}
.mgn-x--0-1 {
    margin-left: 0.0125rem;
    margin-right: 0.0125rem;
}
.mgn-x--0-2 {
    margin-left: 0.025rem;
    margin-right: 0.025rem;
}
.mgn-x--0-3 {
    margin-left: 0.0375rem;
    margin-right: 0.0375rem;
}
.mgn-x--0-4 {
    margin-left: 0.05rem;
    margin-right: 0.05rem;
}
.mgn-x--0-5 {
    margin-left: 0.0625rem;
    margin-right: 0.0625rem;
}
.mgn-x--0-6 {
    margin-left: 0.075rem;
    margin-right: 0.075rem;
}
.mgn-x--0-7 {
    margin-left: 0.0875rem;
    margin-right: 0.0875rem;
}
.mgn-x--1 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
}
.mgn-x--2 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.mgn-x--3 {
    margin-left: 0.375rem;
    margin-right: 0.375rem;
}
.mgn-x--4 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mgn-x--4-1 { /* .mgn-x--5 */
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}
.mgn-x--4-2 { /* .mgn-x--6 */
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}
.mgn-x--4-3 { /* .mgn-x--7 */
    margin-left: 0.875rem;
    margin-right: 0.875rem;
}

.mgn-x--5 { /* .mgn-x--8 */
    margin-left: 1rem;
    margin-right: 1rem;
}
.mgn-x--5-1 {
    margin-left: 1.125rem;
    margin-right: 1.125rem;
}
.mgn-x--5-2 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}
.mgn-x--5-3 {
    margin-left: 1.375rem;
    margin-right: 1.375rem;
}

.mgn-x--6 { /* .mgn-x--9 */
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.mgn-x--6-1 {
    margin-left: 1.625rem;
    margin-right: 1.625rem;
}
.mgn-x--6-2 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
}
.mgn-x--6-3 {
    margin-left: 1.875rem;
    margin-right: 1.875rem;
}

.mgn-x--7 { /* .mgn-x--10 */
    margin-left: 2rem;
    margin-right: 2rem;
}
.mgn-x--7-1 {
   margin-left: 2.125rem;
    margin-right: 2.125rem;
}
.mgn-x--7-2 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
}
.mgn-x--7-3 {
    margin-left: 2.375rem;
    margin-right: 2.375rem;
}

.mgn-x--8 { /* .mgn-x--11 */
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}
.mgn-x--8-1 {
    margin-left: 2.625rem;
    margin-right: 2.625rem;
}
.mgn-x--8-2 {
    margin-left: 2.75rem;
    margin-right: 2.75rem;
}
.mgn-x--8-3 {
    margin-left: 2.875rem;
    margin-right: 2.875rem;
}

.mgn-x--9 { /* .mgn-x--12 */
    margin-left: 3rem;
    margin-right: 3rem;
}
.mgn-x--9-1 {
    margin-left: 3.125rem;
    margin-right: 3.125rem;
}
.mgn-x--9-2 {
    margin-left: 3.25rem;
    margin-right: 3.25rem;
}
.mgn-x--9-3 {
    margin-left: 3.375rem;
    margin-right: 3.375rem;
}

.mgn-x--10 { /* .mgn-x--13 */
    margin-left: 3.5rem;
    margin-right: 3.5rem;
}
.mgn-x--10-1 {
    margin-left: 3.625rem;
    margin-right: 3.625rem;
}
.mgn-x--10-2 {
    margin-left: 3.75rem;
    margin-right: 3.75rem;
}
.mgn-x--10-3 {
    margin-left: 3.875rem;
    margin-right: 3.875rem;
}

.mgn-x--11 { /* .mgn-x--14 */
    margin-left: 4rem;
    margin-right: 4rem;
}
.mgn-x--11-1 {
    margin-left: 4.125rem;
    margin-right: 4.125rem;
}
.mgn-x--11-2 {
    margin-left: 4.25rem;
    margin-right: 4.25rem;
}
.mgn-x--11-3 {
    margin-left: 4.375rem;
    margin-right: 4.375rem;
}

.mgn-x--12 { /* .mgn-x--15 */
    margin-left: 4.5rem;
    margin-right: 4.5rem;
}
.mgn-x--12-1 {
    margin-left: 4.625rem;
    margin-right: 4.625rem;
}
.mgn-x--12-2 {
    margin-left: 4.75rem;
    margin-right: 4.75rem;
}
.mgn-x--12-3 {
    margin-left: 4.875rem;
    margin-right: 4.875rem;
}

.mgn-x--13 { /* .mgn-x--16 */
    margin-left: 5rem;
    margin-right: 5rem;
}
.mgn-x--13-1 {
    margin-left: 5.125rem;
    margin-right: 5.125rem;
}
.mgn-x--13-2 {
    margin-left: 5.25rem;
    margin-right: 5.25rem;
}
.mgn-x--13-3 {
    margin-left: 5.375rem;
    margin-right: 5.375rem;
}

.mgn-x--14 { /* .mgn-x--17 */
    margin-left: 5.5rem;
    margin-right: 5.5rem;
}
.mgn-x--14-1 {
    margin-left: 5.625rem;
    margin-right: 5.625rem;
}
.mgn-x--14-2 {
    margin-left: 5.75rem;
    margin-right: 5.75rem;
}
.mgn-x--14-3 {
    margin-left: 5.875rem;
    margin-right: 5.875rem;
}

.mgn-x--15 { /* .mgn-x--18 */
    margin-left: 6rem;
    margin-right: 6rem;
}
.mgn-x--15-1 {
    margin-left: 6.125rem;
    margin-right: 6.125rem;
}
.mgn-x--15-2 {
    margin-left: 6.25rem;
    margin-right: 6.25rem;
}
.mgn-x--15-3 {
    margin-left: 6.375rem;
    margin-right: 6.375rem;
}

/*=====================
 * top & bottom margin
=======================*/
.mgn-y--auto {
    margin-top: auto;
    margin-bottom: auto;
}
.mgn-y--0 {
    margin-top: 0;
    margin-bottom: 0;
}
.mgn-y--0-1 {
    margin-top: 0.0125rem;
    margin-bottom: 0.0125rem;
}
.mgn-y--0-2 {
    margin-top: 0.025rem;
    margin-bottom: 0.025rem;
}
.mgn-y--0-3 {
    margin-top: 0.0375rem;
    margin-bottom: 0.0375rem;
}
.mgn-y--0-4 {
    margin-top: 0.05rem;
    margin-bottom: 0.05rem;
}
.mgn-y--0-5 {
    margin-top: 0.0625rem;
    margin-bottom: 0.0625rem;
}
.mgn-y--0-6 {
    margin-top: 0.075rem;
    margin-bottom: 0.075rem;
}
.mgn-y--0-7 {
    margin-top: 0.0875rem;
    margin-bottom: 0.0875rem;
}
.mgn-y--1 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}
.mgn-y--2 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.mgn-y--3 {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
}
.mgn-y--4 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.mgn-y--4-1 { /* .mgn-y--5 */
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}
.mgn-y--4-2 { /* .mgn-y--6 */
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.mgn-y--4-3 { /* .mgn-y--7 */
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
}

.mgn-y--5 { /* .mgn-y--8 */
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.mgn-y--5-1 {
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
}
.mgn-y--5-2 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.mgn-y--5-3 {
    margin-top: 1.375rem;
    margin-bottom: 1.375rem;
}

.mgn-y--6 { /* .mgn-y--9 */
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.mgn-y--6-1 {
    margin-top: 1.625rem;
    margin-bottom: 1.625rem;
}
.mgn-y--6-2 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
}
.mgn-y--6-3 {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}

.mgn-y--7 { /* .mgn-y--10 */
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.mgn-y--7-1 {
   margin-top: 2.125rem;
    margin-bottom: 2.125rem;
}
.mgn-y--7-2 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
}
.mgn-y--7-3 {
    margin-top: 2.375rem;
    margin-bottom: 2.375rem;
}

.mgn-y--8 { /* .mgn-y--11 */
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
.mgn-y--8-1 {
    margin-top: 2.625rem;
    margin-bottom: 2.625rem;
}
.mgn-y--8-2 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
}
.mgn-y--8-3 {
    margin-top: 2.875rem;
    margin-bottom: 2.875rem;
}

.mgn-y--9 { /* .mgn-y--12 */
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.mgn-y--9-1 {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
}
.mgn-y--9-2 {
    margin-top: 3.25rem;
    margin-bottom: 3.25rem;
}
.mgn-y--9-3 {
    margin-top: 3.375rem;
    margin-bottom: 3.375rem;
}

.mgn-y--10 { /* .mgn-y--13 */
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
}
.mgn-y--10-1 {
    margin-top: 3.625rem;
    margin-bottom: 3.625rem;
}
.mgn-y--10-2 {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
}
.mgn-y--10-3 {
    margin-top: 3.875rem;
    margin-bottom: 3.875rem;
}

.mgn-y--11 { /* .mgn-y--14 */
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.mgn-y--11-1 {
    margin-top: 4.125rem;
    margin-bottom: 4.125rem;
}
.mgn-y--11-2 {
    margin-top: 4.25rem;
    margin-bottom: 4.25rem;
}
.mgn-y--11-3 {
    margin-top: 4.375rem;
    margin-bottom: 4.375rem;
}

.mgn-y--12 { /* .mgn-y--15 */
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
}
.mgn-y--12-1 {
    margin-top: 4.625rem;
    margin-bottom: 4.625rem;
}
.mgn-y--12-2 {
    margin-top: 4.75rem;
    margin-bottom: 4.75rem;
}
.mgn-y--12-3 {
    margin-top: 4.875rem;
    margin-bottom: 4.875rem;
}

.mgn-y--13 { /* .mgn-y--16 */
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.mgn-y--13-1 {
    margin-top: 5.125rem;
    margin-bottom: 5.125rem;
}
.mgn-y--13-2 {
    margin-top: 5.25rem;
    margin-bottom: 5.25rem;
}
.mgn-y--13-3 {
    margin-top: 5.375rem;
    margin-bottom: 5.375rem;
}

.mgn-y--14 { /* .mgn-y--17 */
    margin-top: 5.5rem;
    margin-bottom: 5.5rem;
}
.mgn-y--14-1 {
    margin-top: 5.625rem;
    margin-bottom: 5.625rem;
}
.mgn-y--14-2 {
    margin-top: 5.75rem;
    margin-bottom: 5.75rem;
}
.mgn-y--14-3 {
    margin-top: 5.875rem;
    margin-bottom: 5.875rem;
}

.mgn-y--15 { /* .mgn-y--18 */
    margin-top: 6rem;
    margin-bottom: 6rem;
}
.mgn-y--15-1 {
    margin-top: 6.125rem;
    margin-bottom: 6.125rem;
}
.mgn-y--15-2 {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
}
.mgn-y--15-3 {
    margin-top: 6.375rem;
    margin-bottom: 6.375rem;
}

/*===================
 * margin in percent
=====================*/
.pct-mgn-x--1 {
    margin-left: 4.16666666666%;
    margin-right: 4.16666666666%;
}

/*=====
 * top -- TODO: Work from here - Change
=======*/
.top--0 {
    top: 0;
}
.top--0-1 {
    top: 0.0125rem;
}
.top--0-2 {
    top: 0.025rem;
}
.top--0-3 {
    top: 0.0375rem;
}
.top--0-4 {
    top: 0.05rem;
}
.top--0-5 {
    top: 0.0625rem;
}
.top--0-6 {
    top: 0.075rem;
}
.top--0-7 {
    top: 0.0875rem;
}
.top--1 {
    top: 0.125rem;
}
.top--2 {
    top: 0.25rem;
}
.top--3 {
    top: 0.375rem;
}
.top--4 {
    top: 0.5rem;
}
.top--4-1 { /* .top--5 */
    top: 0.625rem;
}
.top--4-2 { /* .top--6 */
    top: 0.75rem;
}
.top--4-3 { /* .top--7 */
    top: 0.875rem;
}

.top--5 { /* .top--8 */
    top: 1rem;
}
.top--5-1 {
    top: 1.125rem;
}
.top--5-2 {
    top: 1.25rem;
}
.top--5-3 {
    top: 1.375rem;
}

.top--6 { /* .top--9 */
    top: 1.5rem;
}
.top--6-1 {
    top: 1.625rem;
}
.top--6-2 {
    top: 1.75rem;
}
.top--6-3 {
    top: 1.875rem;
}

.top--7 { /* .top--10 */
    top: 2rem;
}
.top--7-1 {
    top: 2.125rem;
}
.top--7-2 {
    top: 2.25rem;
}
.top--7-3 {
    top: 2.375rem;
}

.top--8 { /* .top--11 */
    top: 2.5rem;
}
.top--8-1 {
    top: 2.625rem;
}
.top--8-2 {
    top: 2.75rem;
}
.top--8-3 {
    top: 2.875rem;
}

.top--9 { /* .top--12 */
    top: 3rem;
}
.top--9-1 {
    top: 3.125rem;
}
.top--9-2 {
    top: 3.25rem;
}
.top--9-3 {
    top: 3.375rem;
}

.top--10 { /* .top--13 */
    top: 3.5rem;
}
.top--10-1 {
    top: 3.625rem;
}
.top--10-2 {
    top: 3.75rem;
}
.top--10-3 {
    top: 3.875rem;
}

.top--11 { /* .top--14 */
    top: 4rem;
}
.top--11-1 {
    top: 4.125rem;
}
.top--11-2 {
    top: 4.25rem;
}
.top--11-3 {
    top: 4.375rem;
}

.top--12 { /* .top--15 */
    top: 4.5rem;
}
.top--12-1 {
    top: 4.625rem;
}
.top--12-2 {
    top: 4.75rem;
}
.top--12-3 {
    top: 4.875rem;
}

.top--13 { /* .top--16 */
    top: 5rem;
}
.top--13-1 {
    top: 5.125rem;
}
.top--13-2 {
    top: 5.25rem;
}
.top--13-3 {
    top: 5.375rem;
}

.top--14 { /* .top--17 */
    top: 5.5rem;
}
.top--14-1 {
    top: 5.625rem;
}
.top--14-2 {
    top: 5.75rem;
}
.top--14-3 {
    top: 5.875rem;
}

.top--15 { /* .top--18 */
    top: 6rem;
}
.top--15-1 {
    top: 6.125rem;
}
.top--15-2 {
    top: 6.25rem;
}
.top--15-3 {
    top: 6.375rem;
}

.-top--0 {
    top: -0;
}
.-top--1 {
    top: -0.125rem;
}
.-top--2 {
    top: -0.25rem;
}
.-top--3 {
    top: -0.375rem;
}
.-top--4 {
    top: -0.5rem;
}
.-top--4-1 { /* .-top--5 */
    top: -0.625rem;
}
.-top--4-2 { /* .-top--6 */
    top: -0.75rem;
}
.-top--4-3 { /* .-top--7 */
    top: -0.875rem;
}

.-top--5 { /* .-top--8 */
    top: -1rem;
}
.-top--5-1 {
    top: -1.125rem;
}
.-top--5-2 {
    top: -1.25rem;
}
.-top--5-3 {
    top: -1.375rem;
}

.-top--6 { /* .-top--9 */
    top: -1.5rem;
}
.-top--6-1 {
    top: -1.625rem;
}
.-top--6-2 {
    top: -1.75rem;
}
.-top--6-3 {
    top: -1.875rem;
}

.-top--7 { /* .-top--10 */
    top: -2rem;
}
.-top--7-1 {
    top: -2.125rem;
}
.-top--7-2 {
    top: -2.25rem;
}
.-top--7-3 {
    top: -2.375rem;
}

.-top--8 { /* .-top--11 */
    top: -2.5rem;
}
.-top--8-1 {
    top: -2.625rem;
}
.-top--8-2 {
    top: -2.75rem;
}
.-top--8-3 {
    top: -2.875rem;
}

.-top--9 { /* .-top--12 */
    top: -3rem;
}
.-top--9-1 {
    top: -3.125rem;
}
.-top--9-2 {
    top: -3.25rem;
}
.-top--9-3 {
    top: -3.375rem;
}

.-top--10 { /* .-top--13 */
    top: -3.5rem;
}
.-top--10-1 {
    top: -3.625rem;
}
.-top--10-2 {
    top: -3.75rem;
}
.-top--10-3 {
    top: -3.875rem;
}

.-top--11 { /* .-top--14 */
    top: -4rem;
}
.-top--11-1 {
    top: -4.125rem;
}
.-top--11-2 {
    top: -4.25rem;
}
.-top--11-3 {
    top: -4.375rem;
}

.-top--12 { /* .-top--15 */
    top: -4.5rem;
}
.-top--12-1 {
    top: -4.625rem;
}
.-top--12-2 {
    top: -4.75rem;
}
.-top--12-3 {
    top: -4.875rem;
}

.-top--13 { /* .-top--16 */
    top: -5rem;
}
.-top--13-1 {
    top: -5.125rem;
}
.-top--13-2 {
    top: -5.25rem;
}
.-top--13-3 {
    top: -5.375rem;
}

.-top--14 { /* .-top--17 */
    top: -5.5rem;
}
.-top--14-1 {
    top: -5.625rem;
}
.-top--14-2 {
    top: -5.75rem;
}
.-top--14-3 {
    top: -5.875rem;
}

.-top--15 { /* .-top--18 */
    top: -6rem;
}
.-top--15-1 {
    top: -6.125rem;
}
.-top--15-2 {
    top: -6.25rem;
}
.-top--15-3 {
    top: -6.375rem;
}

/*========
 * bottom
==========*/
.btm--0 {
    bottom: 0;
}
.btm--1 {
    bottom: 0.125rem;
}
.btm--2 {
    bottom: 0.25rem;
}
.btm--3 {
    bottom: 0.375rem;
}
.btm--4 {
    bottom: 0.5rem;
}
.btm--4-1 { /* .btm--5 */
    bottom: 0.625rem;
}
.btm--4-2 { /* .btm--6 */
    bottom: 0.75rem;
}
.btm--4-3 { /* .btm--7 */
    bottom: 0.875rem;
}

.btm--5 { /* .btm--8 */
    bottom: 1rem;
}
.btm--5-1 {
    bottom: 1.125rem;
}
.btm--5-2 {
    bottom: 1.25rem;
}
.btm--5-3 {
    bottom: 1.375rem;
}

.btm--6 { /* .btm--9 */
    bottom: 1.5rem;
}
.btm--6-1 {
    bottom: 1.625rem;
}
.btm--6-2 {
    bottom: 1.75rem;
}
.btm--6-3 {
    bottom: 1.875rem;
}

.btm--7 { /* .btm--10 */
    bottom: 2rem;
}
.btm--7-1 {
    bottom: 2.125rem;
}
.btm--7-2 {
    bottom: 2.25rem;
}
.btm--7-3 {
    bottom: 2.375rem;
}

.btm--8 { /* .btm--11 */
    bottom: 2.5rem;
}
.btm--8-1 {
    bottom: 2.625rem;
}
.btm--8-2 {
    bottom: 2.75rem;
}
.btm--8-3 {
    bottom: 2.875rem;
}

.btm--9 { /* .btm--12 */
    bottom: 3rem;
}
.btm--9-1 {
    bottom: 3.125rem;
}
.btm--9-2 {
    bottom: 3.25rem;
}
.btm--9-3 {
    bottom: 3.375rem;
}

.btm--10 { /* .btm--13 */
    bottom: 3.5rem;
}
.btm--10-1 {
    bottom: 3.625rem;
}
.btm--10-2 {
    bottom: 3.75rem;
}
.btm--10-3 {
    bottom: 3.875rem;
}

.btm--11 { /* .btm--14 */
    bottom: 4rem;
}
.btm--11-1 {
    bottom: 4.125rem;
}
.btm--11-2 {
    bottom: 4.25rem;
}
.btm--11-3 {
    bottom: 4.375rem;
}

.btm--12 { /* .btm--15 */
    bottom: 4.5rem;
}
.btm--12-1 {
    bottom: 4.625rem;
}
.btm--12-2 {
    bottom: 4.75rem;
}
.btm--12-3 {
    bottom: 4.875rem;
}

.btm--13 { /* .btm--16 */
    bottom: 5rem;
}
.btm--13-1 {
    bottom: 5.125rem;
}
.btm--13-2 {
    bottom: 5.25rem;
}
.btm--13-3 {
    bottom: 5.375rem;
}

.btm--14 { /* .btm--17 */
    bottom: 5.5rem;
}
.btm--14-1 {
    bottom: 5.625rem;
}
.btm--14-2 {
    bottom: 5.75rem;
}
.btm--14-3 {
    bottom: 5.875rem;
}

.btm--15 { /* .btm--18 */
    bottom: 6rem;
}
.btm--15-1 {
    bottom: 6.125rem;
}
.btm--15-2 {
    bottom: 6.25rem;
}
.btm--15-3 {
    bottom: 6.375rem;
}

.-btm--0 {
    bottom: -0;
}
.-btm--1 {
    bottom: -0.125rem;
}
.-btm--2 {
    bottom: -0.25rem;
}
.-btm--3 {
    bottom: -0.375rem;
}
.-btm--4 {
    bottom: -0.5rem;
}
.-btm--4-1 { /* .-btm--5 */
    bottom: -0.625rem;
}
.-btm--4-2 { /* .-btm--6 */
    bottom: -0.75rem;
}
.-btm--4-3 { /* .-btm--7 */
    bottom: -0.875rem;
}

.-btm--5 { /* .-btm--8 */
    bottom: -1rem;
}
.-btm--5-1 {
    bottom: -1.125rem;
}
.-btm--5-2 {
    bottom: -1.25rem;
}
.-btm--5-3 {
    bottom: -1.375rem;
}

.-btm--6 { /* .-btm--9 */
    bottom: -1.5rem;
}
.-btm--6-1 {
    bottom: -1.625rem;
}
.-btm--6-2 {
    bottom: -1.75rem;
}
.-btm--6-3 {
    bottom: -1.875rem;
}

.-btm--7 { /* .-btm--10 */
    bottom: -2rem;
}
.-btm--7-1 {
    bottom: -2.125rem;
}
.-btm--7-2 {
    bottom: -2.25rem;
}
.-btm--7-3 {
    bottom: -2.375rem;
}

.-btm--8 { /* .-btm--11 */
    bottom: -2.5rem;
}
.-btm--8-1 {
    bottom: -2.625rem;
}
.-btm--8-2 {
    bottom: -2.75rem;
}
.-btm--8-3 {
    bottom: -2.875rem;
}

.-btm--9 { /* .-btm--12 */
    bottom: -3rem;
}
.-btm--9-1 {
    bottom: -3.125rem;
}
.-btm--9-2 {
    bottom: -3.25rem;
}
.-btm--9-3 {
    bottom: -3.375rem;
}

.-btm--10 { /* .-btm--13 */
    bottom: -3.5rem;
}
.-btm--10-1 {
    bottom: -3.625rem;
}
.-btm--10-2 {
    bottom: -3.75rem;
}
.-btm--10-3 {
    bottom: -3.875rem;
}

.-btm--11 { /* .-btm--14 */
    bottom: -4rem;
}
.-btm--11-1 {
    bottom: -4.125rem;
}
.-btm--11-2 {
    bottom: -4.25rem;
}
.-btm--11-3 {
    bottom: -4.375rem;
}

.-btm--12 { /* .-btm--15 */
    bottom: -4.5rem;
}
.-btm--12-1 {
    bottom: -4.625rem;
}
.-btm--12-2 {
    bottom: -4.75rem;
}
.-btm--12-3 {
    bottom: -4.875rem;
}

.-btm--13 { /* .-btm--16 */
    bottom: -5rem;
}
.-btm--13-1 {
    bottom: -5.125rem;
}
.-btm--13-2 {
    bottom: -5.25rem;
}
.-btm--13-3 {
    bottom: -5.375rem;
}

.-btm--14 { /* .-btm--17 */
    bottom: -5.5rem;
}
.-btm--14-1 {
    bottom: -5.625rem;
}
.-btm--14-2 {
    bottom: -5.75rem;
}
.-btm--14-3 {
    bottom: -5.875rem;
}

.-btm--15 { /* .-btm--18 */
    bottom: -6rem;
}
.-btm--15-1 {
    bottom: -6.125rem;
}
.-btm--15-2 {
    bottom: -6.25rem;
}
.-btm--15-3 {
    bottom: -6.375rem;
}

/*======
 * left
========*/
.lft--0 {
    left: 0;
}
.lft--1 {
    left: 0.125rem;
}
.lft--2 {
    left: 0.25rem;
}
.lft--3 {
    left: 0.375rem;
}
.lft--4 {
    left: 0.5rem;
}
.lft--4-1 { /* .lft--5 */
    left: 0.625rem;
}
.lft--4-2 { /* .lft--6 */
    left: 0.75rem;
}
.lft--4-3 { /* .lft--7 */
    left: 0.875rem;
}

.lft--5 { /* .lft--8 */
    left: 1rem;
}
.lft--5-1 {
    left: 1.125rem;
}
.lft--5-2 {
    left: 1.25rem;
}
.lft--5-3 {
    left: 1.375rem;
}

.lft--6 { /* .lft--9 */
    left: 1.5rem;
}
.lft--6-1 {
    left: 1.625rem;
}
.lft--6-2 {
    left: 1.75rem;
}
.lft--6-3 {
    left: 1.875rem;
}

.lft--7 { /* .lft--10 */
    left: 2rem;
}
.lft--7-1 {
    left: 2.125rem;
}
.lft--7-2 {
    left: 2.25rem;
}
.lft--7-3 {
    left: 2.375rem;
}

.lft--8 { /* .lft--11 */
    left: 2.5rem;
}
.lft--8-1 {
    left: 2.625rem;
}
.lft--8-2 {
    left: 2.75rem;
}
.lft--8-3 {
    left: 2.875rem;
}

.lft--9 { /* .lft--12 */
    left: 3rem;
}
.lft--9-1 {
    left: 3.125rem;
}
.lft--9-2 {
    left: 3.25rem;
}
.lft--9-3 {
    left: 3.375rem;
}

.lft--10 { /* .lft--13 */
    left: 3.5rem;
}
.lft--10-1 {
    left: 3.625rem;
}
.lft--10-2 {
    left: 3.75rem;
}
.lft--10-3 {
    left: 3.875rem;
}

.lft--11 { /* .lft--14 */
    left: 4rem;
}
.lft--11-1 {
    left: 4.125rem;
}
.lft--11-2 {
    left: 4.25rem;
}
.lft--11-3 {
    left: 4.375rem;
}

.lft--12 { /* .lft--15 */
    left: 4.5rem;
}
.lft--12-1 {
    left: 4.625rem;
}
.lft--12-2 {
    left: 4.75rem;
}
.lft--12-3 {
    left: 4.875rem;
}

.lft--13 { /* .lft--16 */
    left: 5rem;
}
.lft--13-1 {
    left: 5.125rem;
}
.lft--13-2 {
    left: 5.25rem;
}
.lft--13-3 {
    left: 5.375rem;
}

.lft--14 { /* .lft--17 */
    left: 5.5rem;
}
.lft--14-1 {
    left: 5.625rem;
}
.lft--14-2 {
    left: 5.75rem;
}
.lft--14-3 {
    left: 5.875rem;
}

.lft--15 { /* .lft--18 */
    left: 6rem;
}
.lft--15-1 {
    left: 6.125rem;
}
.lft--15-2 {
    left: 6.25rem;
}
.lft--15-3 {
    left: 6.375rem;
}

.-lft--0 {
    left: -0;
}
.-lft--006 {
	left: -0.0625rem;
}
.-lft--1 {
    left: -0.125rem;
}
.-lft--2 {
    left: -0.25rem;
}
.-lft--3 {
    left: -0.375rem;
}
.-lft--4 {
    left: -0.5rem;
}
.-lft--4-1 { /* .-lft--5 */
    left: -0.625rem;
}
.-lft--4-2 { /* .-lft--6 */
    left: -0.75rem;
}
.-lft--4-3 { /* .-lft--7 */
    left: -0.875rem;
}

.-lft--5 { /* .-lft--8 */
    left: -1rem;
}
.-lft--5-1 {
    left: -1.125rem;
}
.-lft--5-2 {
    left: -1.25rem;
}
.-lft--5-3 {
    left: -1.375rem;
}

.-lft--6 { /* .-lft--9 */
    left: -1.5rem;
}
.-lft--6-1 {
    left: -1.625rem;
}
.-lft--6-2 {
    left: -1.75rem;
}
.-lft--6-3 {
    left: -1.875rem;
}

.-lft--7 { /* .-lft--10 */
    left: -2rem;
}
.-lft--7-1 {
    left: -2.125rem;
}
.-lft--7-2 {
    left: -2.25rem;
}
.-lft--7-3 {
    left: -2.375rem;
}

.-lft--8 { /* .-lft--11 */
    left: -2.5rem;
}
.-lft--8-1 {
    left: -2.625rem;
}
.-lft--8-2 {
    left: -2.75rem;
}
.-lft--8-3 {
    left: -2.875rem;
}

.-lft--9 { /* .-lft--12 */
    left: -3rem;
}
.-lft--9-1 {
    left: -3.125rem;
}
.-lft--9-2 {
    left: -3.25rem;
}
.-lft--9-3 {
    left: -3.375rem;
}

.-lft--10 { /* .-lft--13 */
    left: -3.5rem;
}
.-lft--10-1 {
    left: -3.625rem;
}
.-lft--10-2 {
    left: -3.75rem;
}
.-lft--10-3 {
    left: -3.875rem;
}

.-lft--11 { /* .-lft--14 */
    left: -4rem;
}
.-lft--11-1 {
    left: -4.125rem;
}
.-lft--11-2 {
    left: -4.25rem;
}
.-lft--11-3 {
    left: -4.375rem;
}

.-lft--12 { /* .-lft--15 */
    left: -4.5rem;
}
.-lft--12-1 {
    left: -4.625rem;
}
.-lft--12-2 {
    left: -4.75rem;
}
.-lft--12-3 {
    left: -4.875rem;
}

.-lft--13 { /* .-lft--16 */
    left: -5rem;
}
.-lft--13-1 {
    left: -5.125rem;
}
.-lft--13-2 {
    left: -5.25rem;
}
.-lft--13-3 {
    left: -5.375rem;
}

.-lft--14 { /* .-lft--17 */
    left: -5.5rem;
}
.-lft--14-1 {
    left: -5.625rem;
}
.-lft--14-2 {
    left: -5.75rem;
}
.-lft--14-3 {
    left: -5.875rem;
}

.-lft--15 { /* .-lft--18 */
    left: -6rem;
}
.-lft--15-1 {
    left: -6.125rem;
}
.-lft--15-2 {
    left: -6.25rem;
}
.-lft--15-3 {
    left: -6.375rem;
}

/*=======
 * right
=========*/
.rgt--0 {
    right: 0;
}
.rgt--1 {
    right: 0.125rem;
}
.rgt--2 {
    right: 0.25rem;
}
.rgt--3 {
    right: 0.375rem;
}
.rgt--4 {
    right: 0.5rem;
}
.rgt--4-1 { /* .rgt--5 */
    right: 0.625rem;
}
.rgt--4-2 { /* .rgt--6 */
    right: 0.75rem;
}
.rgt--4-3 { /* .rgt--7 */
    right: 0.875rem;
}

.rgt--5 { /* .rgt--8 */
    right: 1rem;
}
.rgt--5-1 {
    right: 1.125rem;
}
.rgt--5-2 {
    right: 1.25rem;
}
.rgt--5-3 {
    right: 1.375rem;
}

.rgt--6 { /* .rgt--9 */
    right: 1.5rem;
}
.rgt--6-1 {
    right: 1.625rem;
}
.rgt--6-2 {
    right: 1.75rem;
}
.rgt--6-3 {
    right: 1.875rem;
}

.rgt--7 { /* .rgt--10 */
    right: 2rem;
}
.rgt--7-1 {
    right: 2.125rem;
}
.rgt--7-2 {
    right: 2.25rem;
}
.rgt--7-3 {
    right: 2.375rem;
}

.rgt--8 { /* .rgt--11 */
    right: 2.5rem;
}
.rgt--8-1 {
    right: 2.625rem;
}
.rgt--8-2 {
    right: 2.75rem;
}
.rgt--8-3 {
    right: 2.875rem;
}

.rgt--9 { /* .rgt--12 */
    right: 3rem;
}
.rgt--9-1 {
    right: 3.125rem;
}
.rgt--9-2 {
    right: 3.25rem;
}
.rgt--9-3 {
    right: 3.375rem;
}

.rgt--10 { /* .rgt--13 */
    right: 3.5rem;
}
.rgt--10-1 {
    right: 3.625rem;
}
.rgt--10-2 {
    right: 3.75rem;
}
.rgt--10-3 {
    right: 3.875rem;
}

.rgt--11 { /* .rgt--14 */
    right: 4rem;
}
.rgt--11-1 {
    right: 4.125rem;
}
.rgt--11-2 {
    right: 4.25rem;
}
.rgt--11-3 {
    right: 4.375rem;
}

.rgt--12 { /* .rgt--15 */
    right: 4.5rem;
}
.rgt--12-1 {
    right: 4.625rem;
}
.rgt--12-2 {
    right: 4.75rem;
}
.rgt--12-3 {
    right: 4.875rem;
}

.rgt--13 { /* .rgt--16 */
    right: 5rem;
}
.rgt--13-1 {
    right: 5.125rem;
}
.rgt--13-2 {
    right: 5.25rem;
}
.rgt--13-3 {
    right: 5.375rem;
}

.rgt--14 { /* .rgt--17 */
    right: 5.5rem;
}
.rgt--14-1 {
    right: 5.625rem;
}
.rgt--14-2 {
    right: 5.75rem;
}
.rgt--14-3 {
    right: 5.875rem;
}

.rgt--15 { /* .rgt--18 */
    right: 6rem;
}
.rgt--15-1 {
    right: 6.125rem;
}
.rgt--15-2 {
    right: 6.25rem;
}
.rgt--15-3 {
    right: 6.375rem;
}

.-rgt--0 {
    right: -0;
}
.-rgt--1 {
    right: -0.125rem;
}
.-rgt--2 {
    right: -0.25rem;
}
.-rgt--3 {
    right: -0.375rem;
}
.-rgt--4 {
    right: -0.5rem;
}
.-rgt--4-1 { /* .-rgt--5 */
    right: -0.625rem;
}
.-rgt--4-2 { /* .-rgt--6 */
    right: -0.75rem;
}
.-rgt--4-3 { /* .-rgt--7 */
    right: -0.875rem;
}

.-rgt--5 { /* .-rgt--8 */
    right: -1rem;
}
.-rgt--5-1 {
    right: -1.125rem;
}
.-rgt--5-2 {
    right: -1.25rem;
}
.-rgt--5-3 {
    right: -1.375rem;
}

.-rgt--6 { /* .-rgt--9 */
    right: -1.5rem;
}
.-rgt--6-1 {
    right: -1.625rem;
}
.-rgt--6-2 {
    right: -1.75rem;
}
.-rgt--6-3 {
    right: -1.875rem;
}

.-rgt--7 { /* .-rgt--10 */
    right: -2rem;
}
.-rgt--7-1 {
    right: -2.125rem;
}
.-rgt--7-2 {
    right: -2.25rem;
}
.-rgt--7-3 {
    right: -2.375rem;
}

.-rgt--8 { /* .-rgt--11 */
    right: -2.5rem;
}
.-rgt--8-1 {
    right: -2.625rem;
}
.-rgt--8-2 {
    right: -2.75rem;
}
.-rgt--8-3 {
    right: -2.875rem;
}

.-rgt--9 { /* .-rgt--12 */
    right: -3rem;
}
.-rgt--9-1 {
    right: -3.125rem;
}
.-rgt--9-2 {
    right: -3.25rem;
}
.-rgt--9-3 {
    right: -3.375rem;
}

.-rgt--10 { /* .-rgt--13 */
    right: -3.5rem;
}
.-rgt--10-1 {
    right: -3.625rem;
}
.-rgt--10-2 {
    right: -3.75rem;
}
.-rgt--10-3 {
    right: -3.875rem;
}

.-rgt--11 { /* .-rgt--14 */
    right: -4rem;
}
.-rgt--11-1 {
    right: -4.125rem;
}
.-rgt--11-2 {
    right: -4.25rem;
}
.-rgt--11-3 {
    right: -4.375rem;
}

.-rgt--12 { /* .-rgt--15 */
    right: -4.5rem;
}
.-rgt--12-1 {
    right: -4.625rem;
}
.-rgt--12-2 {
    right: -4.75rem;
}
.-rgt--12-3 {
    right: -4.875rem;
}

.-rgt--13 { /* .-rgt--16 */
    right: -5rem;
}
.-rgt--13-1 {
    right: -5.125rem;
}
.-rgt--13-2 {
    right: -5.25rem;
}
.-rgt--13-3 {
    right: -5.375rem;
}

.-rgt--14 { /* .-rgt--17 */
    right: -5.5rem;
}
.-rgt--14-1 {
    right: -5.625rem;
}
.-rgt--14-2 {
    right: -5.75rem;
}
.-rgt--14-3 {
    right: -5.875rem;
}

.-rgt--15 { /* .-rgt--18 */
    right: -6rem;
}
.-rgt--15-1 {
    right: -6.125rem;
}
.-rgt--15-2 {
    right: -6.25rem;
}
.-rgt--15-3 {
    right: -6.375rem;
}

/*======== 
 * border
 =========*/
.bdr--0 {
    border: none;
}
.bdr--1 {
    border: solid var(--gray-2vl) 1px;
}
.bdr--2 {
    border: solid var(--gray-2vl) 2px;
}
.bdr--3 {
    border: solid var(--gray-2vl) 3px;
}
.bdr-top--1 {
    border-top: solid var(--gray-2vl) 1px;
}
.bdr-top--2 {
    border-top: solid var(--gray-2vl) 2px;
}
.bdr-top--3 {
    border-top: solid var(--gray-2vl) 3px;
}
.bdr-btm--1 {
    border-bottom: solid var(--gray-2vl) 1px;
}
.bdr-btm--2 {
    border-bottom: solid var(--gray-2vl) 2px;
}
.bdr-btm--3 {
    border-bottom: solid var(--gray-2vl) 3px;
}
.bdr-lft--1 {
    border-left: solid var(--gray-2vl) 1px;
}
.bdr-rgt--1 {
    border-right: solid var(--gray-2vl) 1px;
}

/*==============
 * border color
================*/
/*==============
 * border color
================*/
.bdr--wht {
    border-color: var(--white);
}
.bdr--blu-l {
	border-color: var(--blue-l);
}
.bdr--blu-m {
    border-color: var(--blue-m);
}
.bdr--theme-sec {
    border-color: var(--theme-sec);
}
.bdr--blu-vh {
    border-color: var(--blue-vh);
}
.bdr--blu-2vh {
    border-color: var(--blue-2vh);
}
.bdr-top--wht {
    border-top-color: white;
}
.bdr-top--blk-8vl {
    border-top-color: var(--black-8vl);
}
.bdr-top--blk-9vl {
    border-top-color: var(--black-9vl);
}
.bdr-top--gry-16vh {
    border-top-color: var(--gray-16vh);
}
.bdr-top--gry-7vh {
    border-top-color: var(--gray-7vh);
}
.bdr-top--gry-6vh {
    border-top-color: var(--gray-6vh);
}
.bdr-top--gry-5vh {
    border-top-color: var(--gray-5vh);
}
.bdr-top--gry-4vh {
    border-top-color: var(--gray-4vh);
}
.bdr-top--gry-3vh {
    border-top-color: var(--gray-3vh);
}
.bdr-top--gry-2vh {
    border-top-color: var(--gray-2vh);
}
.bdr-top--gry-vh {
    border-top-color: var(--gray-vh);
}
.bdr-top--gry-h {
    border-top-color: var(--gray-h);
}
.bdr-top--gry-m {
    border-top-color: var(--gray-m);
}
.bdr-top--gry-l {
    border-top-color: var(--gray-l);
}
.bdr-top--gry-vl {
    border-top-color: var(--gray-vl);
}
.bdr-top--gry-2vl {
    border-top-color: var(--gray-2vl);
}
.bdr-top--gry-3vl {
    border-top-color: var(--gray-3vl);
}
.bdr-top--gry-4vl {
    border-top-color: var(--gray-4vl);
}
.bdr-top--gry-16vh {
    border-top-color: var(--gray-16vh);
}
.bdr-top--gry-18vh {
    border-top-color: var(--gray-18vh);
}
.bdr-top--gry-20vh {
    border-top-color: var(--gray-20vh);
}
.bdr-top--gry-22vh {
    border-top-color: var(--gray-22vh);
}

.bdr-btm--gry-22vh {
    border-bottom-color: var(--gray-22vh);
}
.bdr-btm--gry-20vh {
    border-bottom-color: var(--gray-20vh);
}
.bdr-btm--gry-17vh {
    border-bottom-color: var(--gray-17vh);
}
.bdr-btm--gry-16vh {
    border-bottom-color: var(--gray-16vh);
}
.bdr-btm--gry-15vh {
    border-bottom-color: var(--gray-15vh);
}
.bdr-btm--gry-8vh {
    border-bottom-color: var(--gray-8vh);
}
.bdr-btm--gry-2vh {
    border-bottom-color: var(--gray-2vh);
}
.bdr-btm--gry-h {
    border-bottom-color: var(--gray-h);
}
.bdr-btm--blk-9vl {
    border-bottom-color: var(--black-9vl);
}
.bdr-btm--blk-2vl {
    border-bottom-color: var(--black-2vl);
}
.bdr-btm--gry-vl {
    border-bottom-color: var(--gray-vl);
}
.bdr-btm--gry-2vl {
    border-bottom-color: var(--gray-2vl);
}
.bdr-btm--gry-3vl {
    border-bottom-color: var(--gray-3vl);
}
.bdr--gry-22vh {
    border-color: var(--gray-22vh);
}
.bdr--gry-21vh {
    border-color: var(--gray-21vh);
}
.bdr--gry-20vh {
    border-color: var(--gray-20vh);
}
.bdr--gry-19vh {
    border-color: var(--gray-19vh);
}
.bdr--gry-18vh {
    border-color: var(--gray-18vh);
}
.bdr--gry-17vh {
    border-color: var(--gray-17vh);
}
.bdr--gry-16vh {
    border-color: var(--gray-16vh);
}
.bdr--gry-15vh {
    border-color: var(--gray-15vh);
}
.bdr--gry-14vh {
    border-color: var(--gray-14vh);
}
.bdr--gry-13vh {
    border-color: var(--gray-13vh);
}
.bdr--gry-12vh {
    border-color: var(--gray-12vh);
}
.bdr--gry-11vh {
    border-color: var(--gray-11vh);
}
.bdr--gry-10vh {
    border-color: var(--gray-10vh);
}
.bdr--gry-9vh {
    border-color: var(--gray-9vh);
}
.bdr--gry-8vh {
    border-color: var(--gray-8vh);
}
.bdr--gry-7vh {
    border-color: var(--gray-7vh);
}
.bdr--gry-6vh {
    border-color: var(--gray-6vh);
}
.bdr--gry-5vh {
    border-color: var(--gray-5vh);
}
.bdr--gry-4vh {
    border-color: var(--gray-4vh);
}
.bdr--gry-3vh {
    border-color: var(--gray-3vh);
}
.bdr--gry-2vh {
    border-color: var(--gray-2vh);
}
.bdr--gry-vh {
    border-color: var(--gray-vh);
}
.bdr--gry-h {
    border-color: var(--gray-h);
}
.bdr--gry-m {
    border-color: var(--gray-m);
}
.bdr--gry-l {
    border-color: var(--gray-l);
}
.bdr--gry-vl {
    border-color: var(--gray-vl);
}
.bdr--gry-2vl {
    border-color: var(--gray-2vl);
}
.bdr--gry-3vl {
    border-color: var(--gray-3vl);
}
.bdr--gry-4vl {
    border-color: var(--gray-4vl);
}
.bdr--gry-5vl {
    border-color: var(--gray-5vl);
}
.bdr--blk-10vl {
    border-color: var(--black-10vl);
}
.bdr--blk-4vl {
    border-color: var(--black-4vl);
}
.bdr--blk-vl {
    border-color: var(--black-vl);
}
.bdr--blk-l {
    border-color: var(--black-l);
}
.bdr--blk-m {
    border-color: var(--black-m);
}
.bdr--red {
    border-color: var(--red);
}

/*===============
 * border radius
=================*/
.bdr-rds--0 {
    border-radius: 0;
}
.bdr-rds--2 {
    border-radius: 2px;
}
.bdr-rds--4 {
    border-radius: 4px;
}
.bdr-rds--6 {
    border-radius: 6px;
}
.bdr-rds--8 {
    border-radius: 8px;
}
.bdr-rds--20 {
    border-radius: 20px;
}
.bdr-rds--50 {
    border-radius: 50%;
}

/*============
 * box shadow
==============*/
.shd--gry-vl-3 {
    box-shadow: 0 0 3px 1px var(--gray-vl);
}
.shd--gry-l-4 {
    box-shadow: 0 0 4px 1px var(--gray-l);
}
.shd--gry-l-5 {
    box-shadow: 0 0 5px 1px var(--gray-l);
}
.shd--gry-l-6 {
    box-shadow: 0 0 6px 1px var(--gray-l);
}
.shd--gry-m-5 {
    box-shadow: 0 0 5px 1px var(--gray-m);
}
.shd--gry-12vh-5 {
    box-shadow: 0 0 5px 1px var(--gray-12vh);
}
.shd--gry-10vh-5 {
    box-shadow: 0 0 5px 1px var(--gray-10vh);
}
.shd--blk-h-8 {
    box-shadow: 0 0 8px 1px var(--black-h);
}

/*=============
 * font family
===============*/
/* regular font */
.fnt--rg {
    font-family: 'regular', sans-serif;
}
/* medium font */
.fnt--md {
    font-family: 'medium', sans-serif;
}
/* semibold font */
.fnt--sb {
    font-family: 'semibold', sans-serif;
}
/* bold font */
.fnt--bd {
    font-family: 'bold', sans-serif;
}

/*===========
 * font-size
=============*/
.fnt-sz--10 { /* OLD: fnt-sz--1 */
    font-size: 10px;
}
.fnt-sz--11 {
    font-size: 11px;
}
.fnt-sz--12 { /* OLD: fnt-sz--2 */
    font-size: 12px;
}
.fnt-sz--13 {
    font-size: 13px;
}
.fnt-sz--14 { /* OLD: fnt-sz--3 */
    font-size: 14px;
}
.fnt-sz--15 {
    font-size: 15px;
}
.fnt-sz--16 { /* OLD: fnt-sz--4 */
    font-size: 16px;
}
.fnt-sz--17 {
    font-size: 17px;
}
.fnt-sz--18 { /* OLD: fnt-sz--5 */
    font-size: 18px;
}
.fnt-sz--19 {
    font-size: 19px;
}
.fnt-sz--20 { /* OLD: fnt-sz--6 */
    font-size: 20px;
}
.fnt-sz--21 {
    font-size: 21px;
}
.fnt-sz--22 { /* OLD: fnt-sz--7 */
    font-size: 22px;
}
.fnt-sz--23 {
    font-size: 23px;
}
.fnt-sz--24 { /* OLD: fnt-sz--8 */
    font-size: 24px;
}

/*=======
 * float
=========*/
.flt--lft {
    float: left;
}
.flt--rgt {
    float: right;
}

/*============
 * clear float
==============*/
.clr-flt {
	clear: both;
}

/*==========
 * position
============*/
.pos--abs {
    position: absolute;
}
.pos--rel {
    position: relative;
}

/*===========
 * translate
=============*/
.move--rgt {
    left: 100%;
    transform: translateX(-100%);
}
.move--x-mid {
    left: 50%;
    transform: translateX(-50%);
}
.move--y-mid {
    top: 50%;
    transform: translateY(-50%);
}
.move-xy--mid {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*===========================================
 * Percent width relative to parent element.
 * Parent element is divided into 12 equal
   sections, where:
   pct-wdh--1 = smallest width
   pct-wdh--12 = full/largest width
=============================================*/
.pct-wdh--1 {
    width: 8.33333333333%;
}
.pct-wdh--1-1 {
    width: calc(8.33333333333% - 0.25rem);
}
.pct-wdh--1-2 {
    width: calc(8.33333333333% - 0.5rem);
}
.pct-wdh--1-3 {
    width: calc(8.33333333333% - 0.75rem);
}
.pct-wdh--1-4 {
    width: calc(8.33333333333% - 1rem);
}
.pct-wdh--1-5 {
    width: calc(8.33333333333% - 1.25rem);
}
.pct-wdh--1-6 {
    width: calc(8.33333333333% - 1.5rem);
}
.pct-wdh--1-7 {
    width: calc(8.33333333333% - 1.75rem);
}
.pct-wdh--1-8 {
    width: calc(8.33333333333% - 2rem);
}
.pct-wdh--1-9 {
    width: calc(8.33333333333% - 3rem);
}
.pct-wdh--1-10 {
    width: calc(8.33333333333% - 4rem);
}
.pct-wdh--1-11 {
    width: calc(8.33333333333% - 5rem);
}
.pct-wdh--1-12 {
    width: calc(8.33333333333% - 6rem);
}

.pct-wdh--2 {
    width: calc(8.33333333333% * 2);
}
.pct-wdh--2-1 {
    width: calc((8.33333333333% * 2) - 0.25rem);
}
.pct-wdh--2-2 {
    width: calc((8.33333333333% * 2) - 0.5rem);
}
.pct-wdh--2-3 {
    width: calc((8.33333333333% * 2) - 0.75rem);
}
.pct-wdh--2-4 {
    width: calc((8.33333333333% * 2) - 1rem);
}
.pct-wdh--2-5 {
    width: calc((8.33333333333% * 2) - 1.25rem);
}
.pct-wdh--2-6 {
    width: calc((8.33333333333% * 2) - 1.5rem);
}
.pct-wdh--2-7 {
    width: calc((8.33333333333% * 2) - 1.75rem);
}
.pct-wdh--2-8 {
    width: calc((8.33333333333% * 2) - 2rem);
}
.pct-wdh--2-9 {
    width: calc((8.33333333333% * 2) - 3rem);
}
.pct-wdh--2-10 {
    width: calc((8.33333333333% * 2) - 4rem);
}
.pct-wdh--2-11 {
    width: calc((8.33333333333% * 2) - 5rem);
}
.pct-wdh--2-12 {
    width: calc((8.33333333333% * 2) - 6rem);
}

.pct-wdh--3 {
    width: calc(8.33333333333% * 3);
}
.pct-wdh--3-1 {
    width: calc((8.33333333333% * 3) - 0.25rem);
}
.pct-wdh--3-2 {
    width: calc((8.33333333333% * 3) - 0.5rem);
}
.pct-wdh--3-3 {
    width: calc((8.33333333333% * 3) - 0.75rem);
}
.pct-wdh--3-4 {
    width: calc((8.33333333333% * 3) - 1rem);
}
.pct-wdh--3-5 {
    width: calc((8.33333333333% * 3) - 1.25rem);
}
.pct-wdh--3-6 {
    width: calc((8.33333333333% * 3) - 1.5rem);
}
.pct-wdh--3-7 {
    width: calc((8.33333333333% * 3) - 1.75rem);
}
.pct-wdh--3-8 {
    width: calc((8.33333333333% * 3) - 2rem);
}
.pct-wdh--3-9 {
    width: calc((8.33333333333% * 3) - 3rem);
}
.pct-wdh--3-10 {
    width: calc((8.33333333333% * 3) - 4rem);
}
.pct-wdh--3-11 {
    width: calc((8.33333333333% * 3) - 5rem);
}
.pct-wdh--3-12 {
    width: calc((8.33333333333% * 3) - 6rem);
}

.pct-wdh--4 {
    width: calc(8.33333333333% * 4);
}
.pct-wdh--4-1 {
    width: calc((8.33333333333% * 4) - 0.25rem);
}
.pct-wdh--4-2 {
    width: calc((8.33333333333% * 4) - 0.5rem);
}
.pct-wdh--4-3 {
    width: calc((8.33333333333% * 4) - 0.75rem);
}
.pct-wdh--4-4 {
    width: calc((8.33333333333% * 4) - 1rem);
}
.pct-wdh--4-5 {
    width: calc((8.33333333333% * 4) - 1.25rem);
}
.pct-wdh--4-6 {
    width: calc((8.33333333333% * 4) - 1.5rem);
}
.pct-wdh--4-7 {
    width: calc((8.33333333333% * 4) - 1.75rem);
}
.pct-wdh--4-8 {
    width: calc((8.33333333333% * 4) - 2rem);
}
.pct-wdh--4-9 {
    width: calc((8.33333333333% * 4) - 3rem);
}
.pct-wdh--4-10 {
    width: calc((8.33333333333% * 4) - 4rem);
}
.pct-wdh--4-11 {
    width: calc((8.33333333333% * 4) - 5rem);
}
.pct-wdh--4-12 {
    width: calc((8.33333333333% * 4) - 6rem);
}

.pct-wdh--5 {
    width: calc(8.33333333333% * 5);
}
.pct-wdh--5-1 {
    width: calc((8.33333333333% * 5) - 0.25rem);
}
.pct-wdh--5-2 {
    width: calc((8.33333333333% * 5) - 0.5rem);
}
.pct-wdh--5-3 {
    width: calc((8.33333333333% * 5) - 0.75rem);
}
.pct-wdh--5-4 {
    width: calc((8.33333333333% * 5) - 1rem);
}
.pct-wdh--5-5 {
    width: calc((8.33333333333% * 5) - 1.25rem);
}
.pct-wdh--5-6 {
    width: calc((8.33333333333% * 5) - 1.5rem);
}
.pct-wdh--5-7 {
    width: calc((8.33333333333% * 5) - 1.75rem);
}
.pct-wdh--5-8 {
    width: calc((8.33333333333% * 5) - 2rem);
}
.pct-wdh--5-9 {
    width: calc((8.33333333333% * 5) - 3rem);
}
.pct-wdh--5-10 {
    width: calc((8.33333333333% * 5) - 4rem);
}
.pct-wdh--5-11 {
    width: calc((8.33333333333% * 5) - 5rem);
}
.pct-wdh--5-12 {
    width: calc((8.33333333333% * 5) - 6rem);
}

.pct-wdh--6 {
    width: calc(8.33333333333% * 6);
}
.pct-wdh--6-1 {
    width: calc((8.33333333333% * 6) - 0.25rem);
}
.pct-wdh--6-2 {
    width: calc((8.33333333333% * 6) - 0.5rem);
}
.pct-wdh--6-3 {
    width: calc((8.33333333333% * 6) - 0.75rem);
}
.pct-wdh--6-4 {
    width: calc((8.33333333333% * 6) - 1rem);
}
.pct-wdh--6-5 {
    width: calc((8.33333333333% * 6) - 1.25rem);
}
.pct-wdh--6-6 {
    width: calc((8.33333333333% * 6) - 1.5rem);
}
.pct-wdh--6-7 {
    width: calc((8.33333333333% * 6) - 1.75rem);
}
.pct-wdh--6-8 {
    width: calc((8.33333333333% * 6) - 2rem);
}
.pct-wdh--6-9 {
    width: calc((8.33333333333% * 6) - 3rem);
}
.pct-wdh--6-10 {
    width: calc((8.33333333333% * 6) - 4rem);
}
.pct-wdh--6-11 {
    width: calc((8.33333333333% * 6) - 5rem);
}
.pct-wdh--6-12 {
    width: calc((8.33333333333% * 6) - 6rem);
}

.pct-wdh--7 {
    width: calc(8.33333333333% * 7);
}
.pct-wdh--7-1 {
    width: calc((8.33333333333% * 7) - 0.25rem);
}
.pct-wdh--7-2 {
    width: calc((8.33333333333% * 7) - 0.5rem);
}
.pct-wdh--7-3 {
    width: calc((8.33333333333% * 7) - 0.75rem);
}
.pct-wdh--7-4 {
    width: calc((8.33333333333% * 7) - 1rem);
}
.pct-wdh--7-5 {
    width: calc((8.33333333333% * 7) - 1.25rem);
}
.pct-wdh--7-6 {
    width: calc((8.33333333333% * 7) - 1.5rem);
}
.pct-wdh--7-7 {
    width: calc((8.33333333333% * 7) - 1.75rem);
}
.pct-wdh--7-8 {
    width: calc((8.33333333333% * 7) - 2rem);
}
.pct-wdh--7-9 {
    width: calc((8.33333333333% * 7) - 3rem);
}
.pct-wdh--7-10 {
    width: calc((8.33333333333% * 7) - 4rem);
}
.pct-wdh--7-11 {
    width: calc((8.33333333333% * 7) - 5rem);
}
.pct-wdh--7-12 {
    width: calc((8.33333333333% * 7) - 6rem);
}

.pct-wdh--8 {
    width: calc(8.33333333333% * 8);
}
.pct-wdh--8-1 {
    width: calc((8.33333333333% * 8) - 0.25rem);
}
.pct-wdh--8-2 {
    width: calc((8.33333333333% * 8) - 0.5rem);
}
.pct-wdh--8-3 {
    width: calc((8.33333333333% * 8) - 0.75rem);
}
.pct-wdh--8-4 {
    width: calc((8.33333333333% * 8) - 1rem);
}
.pct-wdh--8-5 {
    width: calc((8.33333333333% * 8) - 1.25rem);
}
.pct-wdh--8-6 {
    width: calc((8.33333333333% * 8) - 1.5rem);
}
.pct-wdh--8-7 {
    width: calc((8.33333333333% * 8) - 1.75rem);
}
.pct-wdh--8-8 {
    width: calc((8.33333333333% * 8) - 2rem);
}
.pct-wdh--8-9 {
    width: calc((8.33333333333% * 8) - 3rem);
}
.pct-wdh--8-10 {
    width: calc((8.33333333333% * 8) - 4rem);
}
.pct-wdh--8-11 {
    width: calc((8.33333333333% * 8) - 5rem);
}
.pct-wdh--8-12 {
    width: calc((8.33333333333% * 8) - 6rem);
}

.pct-wdh--9 {
    width: calc(8.33333333333% * 9);
}
.pct-wdh--9-1 {
    width: calc((8.33333333333% * 9) - 0.25rem);
}
.pct-wdh--9-2 {
    width: calc((8.33333333333% * 9) - 0.5rem);
}
.pct-wdh--9-3 {
    width: calc((8.33333333333% * 9) - 0.75rem);
}
.pct-wdh--9-4 {
    width: calc((8.33333333333% * 9) - 1rem);
}
.pct-wdh--9-5 {
    width: calc((8.33333333333% * 9) - 1.25rem);
}
.pct-wdh--9-6 {
    width: calc((8.33333333333% * 9) - 1.5rem);
}
.pct-wdh--9-7 {
    width: calc((8.33333333333% * 9) - 1.75rem);
}
.pct-wdh--9-8 {
    width: calc((8.33333333333% * 9) - 2rem);
}
.pct-wdh--9-9 {
    width: calc((8.33333333333% * 9) - 3rem);
}
.pct-wdh--9-10 {
    width: calc((8.33333333333% * 9) - 4rem);
}
.pct-wdh--9-11 {
    width: calc((8.33333333333% * 9) - 5rem);
}
.pct-wdh--9-12 {
    width: calc((8.33333333333% * 9) - 6rem);
}

.pct-wdh--10 {
    width: calc(8.33333333333% * 10);
}
.pct-wdh--10-1 {
    width: calc((8.33333333333% * 10) - 0.25rem);
}
.pct-wdh--10-2 {
    width: calc((8.33333333333% * 10) - 0.5rem);
}
.pct-wdh--10-3 {
    width: calc((8.33333333333% * 10) - 0.75rem);
}
.pct-wdh--10-4 {
    width: calc((8.33333333333% * 10) - 1rem);
}
.pct-wdh--10-5 {
    width: calc((8.33333333333% * 10) - 1.25rem);
}
.pct-wdh--10-6 {
    width: calc((8.33333333333% * 10) - 1.5rem);
}
.pct-wdh--10-7 {
    width: calc((8.33333333333% * 10) - 1.75rem);
}
.pct-wdh--10-8 {
    width: calc((8.33333333333% * 10) - 2rem);
}
.pct-wdh--10-9 {
    width: calc((8.33333333333% * 10) - 3rem);
}
.pct-wdh--10-10 {
    width: calc((8.33333333333% * 10) - 4rem);
}
.pct-wdh--10-11 {
    width: calc((8.33333333333% * 10) - 5rem);
}
.pct-wdh--10-12 {
    width: calc((8.33333333333% * 10) - 6rem);
}

.pct-wdh--11 {
    width: calc(8.33333333333% * 11);
}
.pct-wdh--11-1 {
    width: calc((8.33333333333% * 11) - 0.25rem);
}
.pct-wdh--11-2 {
    width: calc((8.33333333333% * 11) - 0.5rem);
}
.pct-wdh--11-3 {
    width: calc((8.33333333333% * 11) - 0.75rem);
}
.pct-wdh--11-4 {
    width: calc((8.33333333333% * 11) - 1rem);
}
.pct-wdh--11-5 {
    width: calc((8.33333333333% * 11) - 1.25rem);
}
.pct-wdh--11-6 {
    width: calc((8.33333333333% * 11) - 1.5rem);
}
.pct-wdh--11-7 {
    width: calc((8.33333333333% * 11) - 1.75rem);
}
.pct-wdh--11-8 {
    width: calc((8.33333333333% * 11) - 2rem);
}
.pct-wdh--11-9 {
    width: calc((8.33333333333% * 11) - 3rem);
}
.pct-wdh--11-10 {
    width: calc((8.33333333333% * 11) - 4rem);
}
.pct-wdh--11-11 {
    width: calc((8.33333333333% * 11) - 5rem);
}
.pct-wdh--11-12 {
    width: calc((8.33333333333% * 11) - 6rem);
}

.pct-wdh--12 {
    width: calc(8.33333333333% * 12);
}
.pct-wdh--12-1 {
    width: calc((8.33333333333% * 12) - 0.25rem);
}
.pct-wdh--12-2 {
    width: calc((8.33333333333% * 12) - 0.5rem);
}
.pct-wdh--12-3 {
    width: calc((8.33333333333% * 12) - 0.75rem);
}
.pct-wdh--12-4 {
    width: calc((8.33333333333% * 12) - 1rem);
}
.pct-wdh--12-5 {
    width: calc((8.33333333333% * 12) - 1.25rem);
}
.pct-wdh--12-6 {
    width: calc((8.33333333333% * 12) - 1.5rem);
}
.pct-wdh--12-7 {
    width: calc((8.33333333333% * 12) - 1.75rem);
}
.pct-wdh--12-8 {
    width: calc((8.33333333333% * 12) - 2rem);
}
.pct-wdh--12-9 {
    width: calc((8.33333333333% * 12) - 3rem);
}
.pct-wdh--12-10 {
    width: calc((8.33333333333% * 12) - 4rem);
}
.pct-wdh--12-11 {
    width: calc((8.33333333333% * 12) - 5rem);
}
.pct-wdh--12-12 {
    width: calc((8.33333333333% * 12) - 6rem);
}
.pct-wdh--12-a-01 {
	width: calc((8.33333333333% * 12) + 0.125rem);
}
.pct-wdh--12-a-02 {
	width: calc((8.33333333333% * 12) + 0.25rem);
}
.pct-wdh--12-a-03 {
	width: calc((8.33333333333% * 12) + 0.375rem);
}
.pct-wdh--12-a-05 {
	width: calc((8.33333333333% * 12) + 0.5rem);
}

/*==================
 * pixel width
 * For large width
====================*/
.pxl-wdh--100 {
    width: 100px;
}
.pxl-wdh--120 {
    width: 120px;
}
.pxl-wdh--140 {
    width: 140px;
}
.pxl-wdh--160 {
    width: 160px;
}
.pxl-wdh--180 {
    width: 180px;
}
.pxl-wdh--200 {
    width: 200px;
}
.pxl-wdh--300 {
    width: 300px;
}
.pxl-wdh--320 {
    width: 320px;
}
.pxl-wdh--340 {
    width: 340px;
}
.pxl-wdh--360 {
    width: 360px;
}
.pxl-wdh--380 {
    width: 380px;
}
.pxl-wdh--400 {
    width: 400px;
}
.pxl-wdh--500 {
    width: 500px;
}
.pxl-wdh--600 {
    width: 600px;
}
.pxl-wdh--700 {
    width: 700px;
}
.pxl-wdh--800 {
    width: 800px;
}
.pxl-wdh--850 {
    width: 850px;
}
.pxl-wdh--900 {
    width: 900px;
}
.pxl-wdh--920 {
    width: 920px;
}
.pxl-wdh--1000 {
    width: 1000px;
}

/*=================
 * pixel height
 * For large height
===================*/
.pxl-hgt--100 {
    height: 100px;
}
.pxl-hgt--125 {
	height: 125px;
}
.pxl-hgt--250 {
    height: 250px;
}

/*========
 * height
==========*/
.hgt--iht {
	height: inherit;
}
.hgt--auto {
	height: auto;
}

/*=================
 * rem height
 * For small height
===================*/
.rem-hgt--1 {
    height: 0.25rem;
}
.rem-hgt--2 {
    height: 0.5rem;
}
.rem-hgt--3 {
    height: 0.75rem;
}
.rem-hgt--4 {
    height: 1rem;
}
.rem-hgt--4-1 { /* OLD: rem-hgt--5  */
    height: 1.25rem;
}
.rem-hgt--4-2 { /* OLD: .rem-hgt--6 */
    height: 1.5rem;
}
.rem-hgt--4-3 { /* OLD: .rem-hgt--7 */
    height: 1.75rem;
}
.rem-hgt--5 { /* OLD: .rem-hgt--8 */
    height: 2rem;
}
.rem-hgt--5-1 {
    height: 2.25rem;
}
.rem-hgt--5-2 {
    height: 2.5rem;
}
.rem-hgt--5-3 { 
    height: 2.75rem;
}
.rem-hgt--6 { /* OLD: .rem-hgt--9 */
    height: 3rem;
}
.rem-hgt--6-1 {
    height: 3.25rem;
}
.rem-hgt--6-2 {
    height: 3.5rem;
}
.rem-hgt--6-3 {
    height: 3.75rem;
}
.rem-hgt--7 { /* OLD: .rem-hgt--10 */
    height: 4rem;
}
.rem-hgt--7-1 {
    height: 4.25rem;
}
.rem-hgt--7-2 {
    height: 4.5rem;
}
.rem-hgt--7-3 {
    height: 4.75rem;
}
.rem-hgt--8 {  /* OLD: .rem-hgt--11 */
    height: 5rem;
}
.rem-hgt--8-1 {
    height: 5.25rem;
}
.rem-hgt--8-2 {
    height: 5.5rem;
}
.rem-hgt--8-3 {
    height: 5.75rem;
}
.rem-hgt--9 { /* OLD: .rem-hgt--12 */
    height: 6rem;
}

/*=================
 * rem width
 * For small width
===================*/
.rem-wdh--1 {
    width: 0.25rem;
}
.rem-wdh--2 {
    width: 0.5rem;
}
.rem-wdh--2-1 {
    width: 0.55rem;
}
.rem-wdh--2-2 {
    width: 0.6rem;
}
.rem-wdh--2-3 {
    width: 0.65rem;
}
.rem-wdh--2-4 {
    width: 0.7rem;
}
.rem-wdh--3 {
    width: 0.75rem;
}
.rem-wdh--3-1 {
	width: 0.8rem;
}
.rem-wdh--3-2 {
	width: 0.85rem;
}
.rem-wdh--3-3 {
	width: 0.9rem;
}
.rem-wdh--3-4 {
	width: 0.95rem;
}
.rem-wdh--4 {
    width: 1rem;
}
.rem-wdh--4-1 { /* rem-wdh--5  */
    width: 1.25rem;
}
.rem-wdh--4-2 { /* .rem-wdh--6 */
    width: 1.5rem;
}
.rem-wdh--4-3 { /* .rem-wdh--7 */
    width: 1.75rem;
}
.rem-wdh--5 { /* .rem-wdh--8 */
    width: 2rem;
}
.rem-wdh--5-1 {
    width: 2.25rem;
}
.rem-wdh--5-2 {
    width: 2.5rem;
}
.rem-wdh--5-3 { 
    width: 2.75rem;
}
.rem-wdh--6 { /* .rem-wdh--9 */
    width: 3rem;
}
.rem-wdh--6-1 {
    width: 3.25rem;
}
.rem-wdh--6-2 {
    width: 3.5rem;
}
.rem-wdh--6-3 {
    width: 3.75rem;
}
.rem-wdh--7 { /* .rem-wdh--10 */
    width: 4rem;
}
.rem-wdh--7-1 {
    width: 4.25rem;
}
.rem-wdh--7-2 {
    width: 4.5rem;
}
.rem-wdh--7-3 {
    width: 4.75rem;
}
.rem-wdh--8 {  /* .rem-wdh--11 */
    width: 5rem;
}
.rem-wdh--8-1 {
    width: 5.25rem;
}
.rem-wdh--8-2 {
    width: 5.5rem;
}
.rem-wdh--8-3 {
    width: 5.75rem;
}
.rem-wdh--9 { /* .rem-wdh--12 */
    width: 6rem;
}


/*==========
 * overflow
============*/
.ofl--aut {
    overflow: auto;
}
.ofl--vsb {
    overflow: visible;
}
.ofl--hdn {
    overflow: hidden;
}

/*========
 * cursor
==========*/
.csr--dft {
	cursor: default;
}
.csr--ptr {
	cursor: pointer;
}
.csr--txt {
	cursor: text;
}

/*============
 * background
==============*/
/* Transparent */
.bkg--trp {
	background-color: transparent;
}
/* White transparent */
.bkg--wht-trp-5 {
    background-color: rgba(255, 255, 255, 0.05);
}
.bkg--wht-trp-6 {
    background-color: rgba(255, 255, 255, 0.06);
}
.bkg--wht-trp-7 {
    background-color: rgba(255, 255, 255, 0.07);
}
.bkg--wht-trp-8 {
    background-color: rgba(255, 255, 255, 0.08);
}
.bkg--wht-trp-9 {
    background-color: rgba(255, 255, 255, 0.09);
}
.bkg--wht-trp-10 {
    background-color: rgba(255, 255, 255, 0.1);
}
.bkg--wht-trp-11 {
    background-color: rgba(255, 255, 255, 0.11);
}
.bkg--wht-trp-12 {
    background-color: rgba(255, 255, 255, 0.12);
}
.bkg--wht-trp-13 {
    background-color: rgba(255, 255, 255, 0.13);
}
.bkg--wht-trp-20 {
    background-color: rgba(255, 255, 255, 0.2);
}
.bkg--wht-trp-21 {
    background-color: rgba(255, 255, 255, 0.21);
}
.bkg--wht-trp-22 {
    background-color: rgba(255, 255, 255, 0.22);
}
/* Black transparent */
.bkg--blk-trp-10 {
    background-color: rgba(0, 0, 0, 0.1);
}
.bkg--blk-trp-11 {
    background-color: rgba(0, 0, 0, 0.11);
}
.bkg--blk-trp-12 {
    background-color: rgba(0, 0, 0, 0.12);
}
.bkg--blk-trp-15 {
    background-color: rgba(0, 0, 0, 0.15);
}
.bkg--blk-trp-18 {
    background-color: rgba(0, 0, 0, 0.18);
}
.bkg--blk-trp-60 {
    background-color: rgba(0, 0, 0, 0.6);
}

/* White */
.bkg--wht {
	background-color: var(--white);
}

.bkg--blk-2vh {
    background-color: var(--black-2vh);
}
.bkg--blk-vh {
    background-color: var(--black-vh);
}
.bkg--blk-h {
    background-color: var(--black-h);
}
.bkg--blk-m {
    background-color: var(--black-m);
}
.bkg--blk-l {
    background-color: var(--black-l);
}
.bkg--blk-3vl {
    background-color: var(--black-3vl);
}
.bkg--blk-4vl {
    background-color: var(--black-4vl);
}
.bkg--blk-5vl {
    background-color: var(--black-5vl);
}
.bkg--blk-6vl {
    background-color: var(--black-6vl);
}
.bkg--blk-7vl {
    background-color: var(--black-7vl);
}
.bkg--blk-8vl {
    background-color: var(--black-8vl);
}
.bkg--blk-9vl {
    background-color: var(--black-9vl);
}
.bkg--blk-10vl {
    background-color: var(--black-10vl);
}
.bkg--gry-22vh {
    background-color: var(--gray-22vh);
}
.bkg--gry-20vh {
    background-color: var(--gray-20vh);
}
.bkg--gry-19vh {
    background-color: var(--gray-19vh);
}
.bkg--gry-18vh {
    background-color: var(--gray-18vh);
}
.bkg--gry-16vh {
    background-color: var(--gray-16vh);
}
.bkg--gry-9vh {
    background-color: var(--gray-9vh);
}
.bkg--gry-8vh {
    background-color: var(--gray-8vh);
}
.bkg--gry-7vh {
    background-color: var(--gray-7vh);
}
.bkg--gry-6vh {
    background-color: var(--gray-6vh);
}
.bkg--gry-5vh {
    background-color: var(--gray-5vh);
}
.bkg--gry-4vh {
    background-color: var(--gray-4vh);
}
.bkg--gry-3vh {
    background-color: var(--gray-3vh);
}
.bkg--gry-2vh {
    background-color: var(--gray-2vh);
}
.bkg--gry-vh {
    background-color: var(--gray-vh);
}
.bkg--gry-h {
    background-color: var(--gray-h);
}
.bkg--gry-m {
    background-color: var(--gray-m);
}
.bkg--gry-l {
    background-color: var(--gray-l);
}
.bkg--gry-vl {
    background-color: var(--gray-vl);
}
.bkg--gry-2vl {
    background-color: var(--gray-2vl);
}
.bkg--gry-3vl {
    background-color: var(--gray-3vl);
}
.bkg--gry-4vl {
    background-color: var(--gray-4vl);
}
.bkg--gry-5vl {
    background-color: var(--gray-5vl);
}
.bkg--gry-6vl {
    background-color: var(--gray-6vl);
}
.bkg--gry-7vl {
    background-color: var(--gray-7vl);
}
.bkg--gry-8vl {
    background-color: var(--gray-8vl);
}
.bkg--gry-9vl {
    background-color: var(--gray-9vl);
}
.bkg--gry-10vl {
    background-color: var(--gray-10vl);
}
.bkg--gry-11vl {
    background-color: var(--gray-11vl);
}
.bkg--crm {
	background: var(--cream);
}
.bkg--red {
	background: var(--red);
}
.bkg--red-20vl {
    background: var(--red-20vl);
}
.bkg--thm {
	background: var(--theme-pri);
}

/*=========
 * z-index
===========*/
.z-idx--10 {
	z-index: 10;
}
.z-idx--15 {
	z-index: 15;
}
.z-idx--20 {
	z-index: 20;
}

/*=====================
 * flex box properties
=======================*/
.flx--row { /* Old name `flx-box--row`, `flx-dir--row` */
	flex-direction: row;
}
.flx--col { /* Old name `flx-box--col`, `flx-dir--col` */
	flex-direction: column;
}
.flx--y-mid { /* Old name `flx-box--y-mid`, flx-align--y-mid */
	align-items: center;
}
.flx--y-strch { /* Old name `flx-box--y-strch`, flx-align--y-strch */
	align-items: stretch;
}
.flx--x-mid { /* Old name `flx-box--x-mid`, flx-align--x-mid */
	justify-content: center;
}
.flx--x-spc-btw { /* Old name `flx-box--x-sp-btw`, flx-align--x-spc-btw */
	justify-content: space-between;
}
.flx--x-spc-arnd { /* Old name `flx-box--x-sp-arnd`, flx-align--x-spc-arnd */
	justify-content: space-around;
}
.flx--x-start { /* Old name `flx-box--x-start`, flx-align--x-start */
	justify-content: flex-start;
}
.flx--x-end { /* Old name `flx-box--x-end`, flx-align--x-end */
	justify-content: flex-end;
}

/*======================
 * flex item properties
========================*/
.flx-grw--1 {
	flex-grow: 1;
}


/*============
 * RESPONSIVE
==============*/
@media screen and (max-width: 465px), (max-height: 465px) {
	body {
		/*overflow-y: hidden;*/ /* Hide vertical scroll bar. */
	}
	.popup-skeleton {
		width: 100%;
		height: 100vh;
		border-radius: 0;
	}
}

@media screen and (max-width: 1080px) {
	.main-content {
		width: 1020px;
	}
	.header__container {
		width: 1020px;
	}
	.page-col {
		width: 320px;
	}
}
@media screen and (max-width: 1020px) {
	.main-content {
		width: 760px;
	}
	.header__container {
		width: 760px;
	}
	.page-col {
		width: 360px;
	}
}
@media screen and (max-width: 760px) {
	.main-content {
		width: 720px;
	}
	.header__container {
		width: 720px;
	}
	.page-col {
		width: 340px;
	}
}
@media screen and (max-width: 720px) {
	.main-content {
		width: 680px;
	}
	.header__container {
		width: 680px;
	}
	.page-col {
		width: 320px;
	}
}
@media screen and (max-width: 680px) {
	.main-content {
		width: calc(100% - 30px);
	}
	.header__container {
		width: calc(100% - 30px);
	}
	.page-col {
		width: calc(100% - 20px);
	}
}
@media screen and (max-width: 465px) {
	.main-content {
		width: 100%;
	}
	.page-col {
		margin-left: 0;
		width: 100%;
	}
	.card {
		border-radius: 0;
	}
}