* {
    box-sizing: border-box;
}

@font-face {
    font-family: 'Inter';
    src: url('../../font/Inter/Inter-Regular.woff2') format('woff2'),
        url('../../font/Inter/Inter-Regular.woff') format('woff'),
        url('../../font/Inter/Inter-Regular.otf') format('opentype');
}

:root {
    --white-color: #fff;
    --orange-color: #EB5F28;
    --red-color: #e03;
    --yellow-color: #f8b927;
    --bg-color: #fefefe;
    --bg-color-second: #eee;
    --text-color: #494D57;
    --p-color: #9d9aad;
    /* --main-color: #3dbfcd; */
    --main-color: #151727;
    /* --title-color: #00a9ca; */
    --title-color: #06263f;
    /* --bule-second-color: #008aae; */
    --bule-second-color: #0c111d;
    --text-color-second: #63676b;
    --border-color: #979797;
    --border-color-2: #f2f4f7;
    --fontSize-primary: 1.4rem;
    --fontFamily-primary: 'Inter';
    --fontAwesome: 'Font Awesome 6 Free';
    --width-dropmenu: 250px;
    --color-boxshadow: #817e7e4f;
    --view-all: #d11313;
    --zalo-color: #61c9ff;
}



html {
    font-size: 62.5%;
    line-height: 1.6;
}

body {
    margin: 0;
    padding: 0;
    font-size: var(--fontsize-primary);
    font-family: var(--fontFamily-primary);
}

.pc-none {
    display: none;
}

.bg-main {
    background-color: var(--bg-color);
}

.color-main {
    color: var(--text-color);
}

.color-second {
    color: var(--text-color-second);
}

.color-white {
    color: var(--white-color);
}

.color-yellow {
    color: var(--yellow-color);
}

.color-bule-second {
    color: var(--bule-second-color);
}


.white {
    color: var(--white-color) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.heading-2 {
    text-transform: uppercase;
    color: var(--title-color);
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 40px;
}

a {
    text-decoration: none;
    color: initial;
}

.justify {
    text-align: justify;
}

.text-center {
    text-align: center;
}

.uppercase {
    text-transform: uppercase;
}

.line-2 {
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 8px;
    overflow: hidden;
}

.line-3 {
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 8px;
    overflow: hidden;
}

.line-5 {
    line-clamp: 5;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 8px;
    overflow: hidden;
}



ul,
ol {
    margin: 0;
    padding: 0;
}

ul li,
ol li {
    padding: 0;
    list-style: none;
}

.btn-main .btn {
    padding: 10px 12px;
    font-size: 16px;
    color: var(--white-color);
    margin-top: 20px;
    background-color: var(--main-color);
    border: none;
    transition: background-color .2s linear;
}

.btn-main .btn:hover {
    color: var(--white-color);
    background-color: var(--yellow-color);
}

.btn-second {
    padding: 10px 20px;
    border: none;
    background: var(--main-color);
    border-radius: 50px;
    font-size: 18px;
    color: var(--white-color);
}

.btn-second:hover {
    background-color: #19c4d0;
    transition: all .2s linear;
}

.pointer {
    cursor: pointer;
}

.link {
    color: initial;
}

.link.active,
.nav-link.active {
    color: var(--view-all) !important;
    background: transparent !important;
    position: relative;
}

.link.active::before,
.nav-link.active::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--view-all);
    bottom: 0;
    left: 0;
}

.link:hover {
    color: var(--yellow-color) !important;
}

.link-title:hover {
    color: var(--main-color);
    transition: all .2s linear;
}

.view-all {
    color: var(--red-color);
    font-weight: 500;
    font-size: 16px;
    transition: all .3s ease;
    position: relative;
}

.view-all:hover {
    color: var(--view-all);
}

.view-all.view-before {
    padding-right: 20px;
}

.view-before::after {
    content: '\f054';
    display: block;
    font-family: var(--fontAwesome);
    color: var(--red-color);
    font-size: 12px;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

input {
    font-family: var(--fontFamily-primary);
    outline: none;
}

.inputNumber[type=number]::-webkit-outer-spin-button,
.inputNumber[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

button {
    padding: 0;
}

.btn-default {
    border: 1px solid var(--border-color);
}

.btn-default:hover {
    border-color: var(--border-color);
}

.btn-null {
    border: 2px solid #000;
    padding: 10px 20px;
    font-size: 18px;
    border-top-left-radius: 14px;
    border-bottom-right-radius: 14px;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

.btn-null::after {
    content: '';
    display: block;
    position: absolute;
    border-top-left-radius: 14px;
    border-bottom-right-radius: 14px;
    top: 0;
    left: 0;
    height: 100%;
    background-color: var(--red-color);
    z-index: -1;
    width: 0;
    transition: width .3s linear;
}

.btn-null:hover {
    color: white;
}

.btn-null:hover:after {
    width: 100%;
}

.color-red {
    background-color: var(--red-color);
}

.box-shadow {
    -webkit-box-shadow: 0 5px 10px var(--color-boxshadow);
    box-shadow: 0 5px 10px var(--color-boxshadow);
}

.cover {
    height: 100%;
    width: 100%;
    display: block;
}

.cover>img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.contain {
    height: 100%;
    width: 100%;
    display: block;
}

.contain>img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.radius-8 {
    border-radius: 8px;
}

/* .container {
    width: 1320px;
}

.container-center {
    margin-left: auto;
    margin-right: auto;
} */

.flex {
    display: flex;
}

.flex-between {
    justify-content: space-between;
}

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

.flex-warp {
    flex-wrap: wrap;
}

.none {
    display: none;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.gird {
    display: grid;
    grid-auto-flow: row;
}

.gird-1 {
    grid-template-columns: repeat(1, minmax(100px, 1fr));
}

.gird-2 {
    grid-template-columns: repeat(2, minmax(100px, 1fr));
}

.gird-3 {
    grid-template-columns: repeat(3, minmax(100px, 1fr));
}

.gird-4 {
    grid-template-columns: repeat(4, minmax(100px, 1fr));
}

.gird-5 {
    grid-template-columns: repeat(5, minmax(100px, 1fr));
}

.gird-6 {
    grid-template-columns: repeat(6, minmax(100px, 1fr));
}

.gird-7 {
    grid-template-columns: repeat(7, minmax(100px, 1fr));
}

.gird-8 {
    grid-template-columns: repeat(8, minmax(100px, 1fr));
}

.gird-9 {
    grid-template-columns: repeat(9, minmax(100px, 1fr));
}

.gird-10 {
    grid-template-columns: repeat(10, minmax(100px, 1fr));
}

.gird-11 {
    grid-template-columns: repeat(11, minmax(100px, 1fr));
}

.gird-12 {
    grid-template-columns: repeat(12, minmax(100px, 1fr));
}

.gap-1 {
    gap: 1px;
}

.gap-2 {
    gap: 2px;
}

.gap-3 {
    gap: 3px;
}

.gap-4 {
    gap: 4px;
}

.gap-5 {
    gap: 5px;
}

.gap-6 {
    gap: 6px;
}

.gap-7 {
    gap: 7px;
}

.gap-8 {
    gap: 8px;
}

.gap-9 {
    gap: 9px;
}

.gap-10 {
    gap: 10px;
}

.gap-11 {
    gap: 11px;
}

.gap-12 {
    gap: 12px;
}

.gap-13 {
    gap: 13px;
}

.gap-14 {
    gap: 14px;
}

.gap-15 {
    gap: 15px;
}

.gap-16 {
    gap: 16px;
}

.gap-17 {
    gap: 17px;
}

.gap-18 {
    gap: 18px;
}

.gap-19 {
    gap: 19px;
}

.gap-20 {
    gap: 20px;
}

.gap-21 {
    gap: 21px;
}

.gap-22 {
    gap: 22px;
}

.gap-23 {
    gap: 23px;
}

.gap-24 {
    gap: 24px;
}

.gap-25 {
    gap: 25px;
}

.gap-26 {
    gap: 26px;
}

.gap-27 {
    gap: 27px;
}

.gap-28 {
    gap: 28px;
}

.gap-29 {
    gap: 29px;
}

.gap-30 {
    gap: 30px;
}

.gap-31 {
    gap: 31px;
}

.gap-32 {
    gap: 32px;
}

.gap-33 {
    gap: 33px;
}

.gap-34 {
    gap: 34px;
}

.gap-35 {
    gap: 35px;
}

.gap-36 {
    gap: 36px;
}

.gap-37 {
    gap: 37px;
}

.gap-38 {
    gap: 38px;
}

.gap-39 {
    gap: 39px;
}

.gap-40 {
    gap: 40px;
}

.gap-41 {
    gap: 41px;
}

.gap-42 {
    gap: 42px;
}

.gap-43 {
    gap: 43px;
}

.gap-44 {
    gap: 44px;
}

.gap-45 {
    gap: 45px;
}

.gap-46 {
    gap: 46px;
}

.gap-47 {
    gap: 47px;
}

.gap-48 {
    gap: 48px;
}

.gap-49 {
    gap: 49px;
}

.gap-50 {
    gap: 50px;
}

/* BORDER */
.border-bottom {
    border-bottom: 1px solid #ccc;
}

.border-w1px {
    border-width: 1px;
}

.border-w2px {
    border-width: 2px;
}

.border-solid {
    border-style: solid;
}

.border-dotted {
    border-style: dotted;
}

.border-dashed {
    border-style: dashed;
}

.border-color {
    border-color: var(--border-color);
}

.border-bottom {
    border-bottom: 1px solid var(--border-color-2);
}

.border-top {
    border-top: 1px solid var(--border-color-2);
}

.border-radius-1 {
    border-radius: 1px;
}

.border-radius-2 {
    border-radius: 2px;
}

.border-radius-3 {
    border-radius: 3px;
}

.border-radius-4 {
    border-radius: 4px;
}

.border-radius-5 {
    border-radius: 5px;
}

.border-radius-6 {
    border-radius: 6px;
}

.border-radius-7 {
    border-radius: 7px;
}

.border-radius-8 {
    border-radius: 8px;
}

.border-radius-9 {
    border-radius: 9px;
}

.border-radius-10 {
    border-radius: 10px;
}

/* FONT */
.fs-0 {
    font-size: 0px;
}

.fs-1 {
    font-size: 1px;
}

.fs-2 {
    font-size: 2px;
}

.fs-3 {
    font-size: 3px;
}

.fs-4 {
    font-size: 4px;
}

.fs-5 {
    font-size: 5px;
}

.fs-6 {
    font-size: 6px;
}

.fs-7 {
    font-size: 7px;
}

.fs-8 {
    font-size: 8px;
}

.fs-9 {
    font-size: 9px;
}

.fs-10 {
    font-size: 10px;
}

.fs-11 {
    font-size: 11px;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

.fs-18 {
    font-size: 18px;
}

.fs-19 {
    font-size: 19px;
}

.fs-20 {
    font-size: 20px;
}

.fs-21 {
    font-size: 21px;
}

.fs-22 {
    font-size: 22px;
}

.fs-23 {
    font-size: 23px;
}

.fs-24 {
    font-size: 24px;
}

.fs-25 {
    font-size: 25px;
}

.fs-26 {
    font-size: 26px;
}

.fs-27 {
    font-size: 27px;
}

.fs-28 {
    font-size: 28px;
}

.fs-29 {
    font-size: 29px;
}

.fs-30 {
    font-size: 30px;
}

.fs-31 {
    font-size: 31px;
}

.fs-32 {
    font-size: 32px;
}

.fs-33 {
    font-size: 33px;
}

.fs-34 {
    font-size: 34px;
}

.fs-35 {
    font-size: 35px;
}

.fs-36 {
    font-size: 36px;
}

.fs-37 {
    font-size: 37px;
}

.fs-38 {
    font-size: 38px;
}

.fs-39 {
    font-size: 39px;
}

.fs-40 {
    font-size: 40px;
}

.fs-41 {
    font-size: 41px;
}

.fs-42 {
    font-size: 42px;
}

.fs-43 {
    font-size: 43px;
}

.fs-44 {
    font-size: 44px;
}

.fs-45 {
    font-size: 45px;
}

.fs-46 {
    font-size: 46px;
}

.fs-47 {
    font-size: 47px;
}

.fs-48 {
    font-size: 48px;
}

.fs-49 {
    font-size: 49px;
}

.fs-50 {
    font-size: 50px;
}

/* FONT-WEIGHT */

.weight-100 {
    font-weight: 100;
}

.weight-200 {
    font-weight: 200;
}

.weight-300 {
    font-weight: 300;
}

.weight-400 {
    font-weight: 400;
}

.weight-500 {
    font-weight: 500;
}

.weight-550 {
    font-weight: 550;
}

.weight-600 {
    font-weight: 600;
}

.weight-700 {
    font-weight: 700;
}

.weight-800 {
    font-weight: 800;
}

.weight-900 {
    font-weight: 900;
}

.bold {
    font-weight: bold;
}

/* MARGIN */

.mr-0 {
    margin: 0;
}

.mr-8 {
    margin: 8px;
}

.mr-10 {
    margin: 10px;
}

.mr-20 {
    margin: 20px;

}


.mry-30 {
    margin: 30px 0;

}

.mrt-0 {
    margin-top: 0px;
}

.mrt-1 {
    margin-top: 1px;
}

.mrt-2 {
    margin-top: 2px;
}

.mrt-3 {
    margin-top: 3px;
}

.mrt-4 {
    margin-top: 4px;
}

.mrt-5 {
    margin-top: 5px;
}

.mrt-6 {
    margin-top: 6px;
}

.mrt-7 {
    margin-top: 7px;
}

.mrt-8 {
    margin-top: 8px;
}

.mrt-9 {
    margin-top: 9px;
}

.mrt-10 {
    margin-top: 10px;
}

.mrt-11 {
    margin-top: 11px;
}

.mrt-12 {
    margin-top: 12px;
}

.mrt-13 {
    margin-top: 13px;
}

.mrt-14 {
    margin-top: 14px;
}

.mrt-15 {
    margin-top: 15px;
}

.mrt-16 {
    margin-top: 16px;
}

.mrt-17 {
    margin-top: 17px;
}

.mrt-18 {
    margin-top: 18px;
}

.mrt-19 {
    margin-top: 19px;
}

.mrt-20 {
    margin-top: 20px;
}

.mrt-21 {
    margin-top: 21px;
}

.mrt-22 {
    margin-top: 22px;
}

.mrt-23 {
    margin-top: 23px;
}

.mrt-24 {
    margin-top: 24px;
}

.mrt-25 {
    margin-top: 25px;
}

.mrt-26 {
    margin-top: 26px;
}

.mrt-27 {
    margin-top: 27px;
}

.mrt-28 {
    margin-top: 28px;
}

.mrt-29 {
    margin-top: 29px;
}

.mrt-30 {
    margin-top: 30px;
}

.mrt-31 {
    margin-top: 31px;
}

.mrt-32 {
    margin-top: 32px;
}

.mrt-33 {
    margin-top: 33px;
}

.mrt-34 {
    margin-top: 34px;
}

.mrt-35 {
    margin-top: 35px;
}

.mrt-36 {
    margin-top: 36px;
}

.mrt-37 {
    margin-top: 37px;
}

.mrt-38 {
    margin-top: 38px;
}

.mrt-39 {
    margin-top: 39px;
}

.mrt-40 {
    margin-top: 40px;
}

.mrt-41 {
    margin-top: 41px;
}

.mrt-42 {
    margin-top: 42px;
}

.mrt-43 {
    margin-top: 43px;
}

.mrt-44 {
    margin-top: 44px;
}

.mrt-45 {
    margin-top: 45px;
}

.mrt-46 {
    margin-top: 46px;
}

.mrt-47 {
    margin-top: 47px;
}

.mrt-48 {
    margin-top: 48px;
}

.mrt-49 {
    margin-top: 49px;
}

.mrt-50 {
    margin-top: 50px;
}

.mrr-0 {
    margin-right: 0px;
}

.mrr-1 {
    margin-right: 1px;
}

.mrr-2 {
    margin-right: 2px;
}

.mrr-3 {
    margin-right: 3px;
}

.mrr-4 {
    margin-right: 4px;
}

.mrr-5 {
    margin-right: 5px;
}

.mrr-6 {
    margin-right: 6px;
}

.mrr-7 {
    margin-right: 7px;
}

.mrr-8 {
    margin-right: 8px;
}

.mrr-9 {
    margin-right: 9px;
}

.mrr-10 {
    margin-right: 10px;
}

.mrr-11 {
    margin-right: 11px;
}

.mrr-12 {
    margin-right: 12px;
}

.mrr-13 {
    margin-right: 13px;
}

.mrr-14 {
    margin-right: 14px;
}

.mrr-15 {
    margin-right: 15px;
}

.mrr-16 {
    margin-right: 16px;
}

.mrr-17 {
    margin-right: 17px;
}

.mrr-18 {
    margin-right: 18px;
}

.mrr-19 {
    margin-right: 19px;
}

.mrr-20 {
    margin-right: 20px;
}

.mrr-21 {
    margin-right: 21px;
}

.mrr-22 {
    margin-right: 22px;
}

.mrr-23 {
    margin-right: 23px;
}

.mrr-24 {
    margin-right: 24px;
}

.mrr-25 {
    margin-right: 25px;
}

.mrr-26 {
    margin-right: 26px;
}

.mrr-27 {
    margin-right: 27px;
}

.mrr-28 {
    margin-right: 28px;
}

.mrr-29 {
    margin-right: 29px;
}

.mrr-30 {
    margin-right: 30px;
}

.mrr-31 {
    margin-right: 31px;
}

.mrr-32 {
    margin-right: 32px;
}

.mrr-33 {
    margin-right: 33px;
}

.mrr-34 {
    margin-right: 34px;
}

.mrr-35 {
    margin-right: 35px;
}

.mrr-36 {
    margin-right: 36px;
}

.mrr-37 {
    margin-right: 37px;
}

.mrr-38 {
    margin-right: 38px;
}

.mrr-39 {
    margin-right: 39px;
}

.mrr-40 {
    margin-right: 40px;
}

.mrr-41 {
    margin-right: 41px;
}

.mrr-42 {
    margin-right: 42px;
}

.mrr-43 {
    margin-right: 43px;
}

.mrr-44 {
    margin-right: 44px;
}

.mrr-45 {
    margin-right: 45px;
}

.mrr-46 {
    margin-right: 46px;
}

.mrr-47 {
    margin-right: 47px;
}

.mrr-48 {
    margin-right: 48px;
}

.mrr-49 {
    margin-right: 49px;
}

.mrr-50 {
    margin-right: 50px;
}

.mrb-0 {
    margin-bottom: 0px !important;
}

.mrb-1 {
    margin-bottom: 1px;
}

.mrb-2 {
    margin-bottom: 2px;
}

.mrb-3 {
    margin-bottom: 3px;
}

.mrb-4 {
    margin-bottom: 4px;
}

.mrb-5 {
    margin-bottom: 5px;
}

.mrb-6 {
    margin-bottom: 6px;
}

.mrb-7 {
    margin-bottom: 7px;
}

.mrb-8 {
    margin-bottom: 8px;
}

.mrb-9 {
    margin-bottom: 9px;
}

.mrb-10 {
    margin-bottom: 10px;
}

.mrb-11 {
    margin-bottom: 11px;
}

.mrb-12 {
    margin-bottom: 12px;
}

.mrb-13 {
    margin-bottom: 13px;
}

.mrb-14 {
    margin-bottom: 14px;
}

.mrb-15 {
    margin-bottom: 15px;
}

.mrb-16 {
    margin-bottom: 16px;
}

.mrb-17 {
    margin-bottom: 17px;
}

.mrb-18 {
    margin-bottom: 18px;
}

.mrb-19 {
    margin-bottom: 19px;
}

.mrb-20 {
    margin-bottom: 20px !important;
}

.mrb-21 {
    margin-bottom: 21px;
}

.mrb-22 {
    margin-bottom: 22px;
}

.mrb-23 {
    margin-bottom: 23px;
}

.mrb-24 {
    margin-bottom: 24px;
}

.mrb-25 {
    margin-bottom: 25px;
}

.mrb-26 {
    margin-bottom: 26px;
}

.mrb-27 {
    margin-bottom: 27px;
}

.mrb-28 {
    margin-bottom: 28px;
}

.mrb-29 {
    margin-bottom: 29px;
}

.mrb-30 {
    margin-bottom: 30px;
}

.mrb-31 {
    margin-bottom: 31px;
}

.mrb-32 {
    margin-bottom: 32px;
}

.mrb-33 {
    margin-bottom: 33px;
}

.mrb-34 {
    margin-bottom: 34px;
}

.mrb-35 {
    margin-bottom: 35px;
}

.mrb-36 {
    margin-bottom: 36px;
}

.mrb-37 {
    margin-bottom: 37px;
}

.mrb-38 {
    margin-bottom: 38px;
}

.mrb-39 {
    margin-bottom: 39px;
}

.mrb-40 {
    margin-bottom: 40px;
}

.mrb-41 {
    margin-bottom: 41px;
}

.mrb-42 {
    margin-bottom: 42px;
}

.mrb-43 {
    margin-bottom: 43px;
}

.mrb-44 {
    margin-bottom: 44px;
}

.mrb-45 {
    margin-bottom: 45px;
}

.mrb-46 {
    margin-bottom: 46px;
}

.mrb-47 {
    margin-bottom: 47px;
}

.mrb-48 {
    margin-bottom: 48px;
}

.mrb-49 {
    margin-bottom: 49px;
}

.mrb-50 {
    margin-bottom: 50px;
}

.mrb-60 {
    margin-bottom: 60px;
}

.mrb-80 {
    margin-bottom: 80px;
}

.mrb-100 {
    margin-bottom: 100px;
}


.mrl-0 {
    margin-left: 0px;
}

.mrl-1 {
    margin-left: 1px;
}

.mrl-2 {
    margin-left: 2px;
}

.mrl-3 {
    margin-left: 3px;
}

.mrl-4 {
    margin-left: 4px;
}

.mrl-5 {
    margin-left: 5px;
}

.mrl-6 {
    margin-left: 6px;
}

.mrl-7 {
    margin-left: 7px;
}

.mrl-8 {
    margin-left: 8px;
}

.mrl-9 {
    margin-left: 9px;
}

.mrl-10 {
    margin-left: 10px;
}

.mrl-11 {
    margin-left: 11px;
}

.mrl-12 {
    margin-left: 12px;
}

.mrl-13 {
    margin-left: 13px;
}

.mrl-14 {
    margin-left: 14px;
}

.mrl-15 {
    margin-left: 15px;
}

.mrl-16 {
    margin-left: 16px;
}

.mrl-17 {
    margin-left: 17px;
}

.mrl-18 {
    margin-left: 18px;
}

.mrl-19 {
    margin-left: 19px;
}

.mrl-20 {
    margin-left: 20px;
}

.mrl-21 {
    margin-left: 21px;
}

.mrl-22 {
    margin-left: 22px;
}

.mrl-23 {
    margin-left: 23px;
}

.mrl-24 {
    margin-left: 24px;
}

.mrl-25 {
    margin-left: 25px;
}

.mrl-26 {
    margin-left: 26px;
}

.mrl-27 {
    margin-left: 27px;
}

.mrl-28 {
    margin-left: 28px;
}

.mrl-29 {
    margin-left: 29px;
}

.mrl-30 {
    margin-left: 30px;
}

.mrl-31 {
    margin-left: 31px;
}

.mrl-32 {
    margin-left: 32px;
}

.mrl-33 {
    margin-left: 33px;
}

.mrl-34 {
    margin-left: 34px;
}

.mrl-35 {
    margin-left: 35px;
}

.mrl-36 {
    margin-left: 36px;
}

.mrl-37 {
    margin-left: 37px;
}

.mrl-38 {
    margin-left: 38px;
}

.mrl-39 {
    margin-left: 39px;
}

.mrl-40 {
    margin-left: 40px;
}

.mrl-41 {
    margin-left: 41px;
}

.mrl-42 {
    margin-left: 42px;
}

.mrl-43 {
    margin-left: 43px;
}

.mrl-44 {
    margin-left: 44px;
}

.mrl-45 {
    margin-left: 45px;
}

.mrl-46 {
    margin-left: 46px;
}

.mrl-47 {
    margin-left: 47px;
}

.mrl-48 {
    margin-left: 48px;
}

.mrl-49 {
    margin-left: 49px;
}

.mrl-50 {
    margin-left: 50px;
}

.mry-1 {
    margin-top: 1px;
    margin-bottom: 1px;
}

.mry-2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.mry-3 {
    margin-top: 3px;
    margin-bottom: 3px;
}

.mry-4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.mry-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mry-6 {
    margin-top: 6px;
    margin-bottom: 6px;
}

.mry-7 {
    margin-top: 7px;
    margin-bottom: 7px;
}

.mry-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.mry-9 {
    margin-top: 9px;
    margin-bottom: 9px;
}

.mry-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mry-11 {
    margin-top: 11px;
    margin-bottom: 11px;
}

.mry-12 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.mry-13 {
    margin-top: 13px;
    margin-bottom: 13px;
}

.mry-14 {
    margin-top: 14px;
    margin-bottom: 14px;
}

.mry-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mry-16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.mry-17 {
    margin-top: 17px;
    margin-bottom: 17px;
}

.mry-18 {
    margin-top: 18px;
    margin-bottom: 18px;
}

.mry-19 {
    margin-top: 19px;
    margin-bottom: 19px;
}

.mry-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mry-21 {
    margin-top: 21px;
    margin-bottom: 21px;
}

.mry-22 {
    margin-top: 22px;
    margin-bottom: 22px;
}

.mry-23 {
    margin-top: 23px;
    margin-bottom: 23px;
}

.mry-24 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.mry-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mry-26 {
    margin-top: 26px;
    margin-bottom: 26px;
}

.mry-27 {
    margin-top: 27px;
    margin-bottom: 27px;
}

.mry-28 {
    margin-top: 28px;
    margin-bottom: 28px;
}

.mry-29 {
    margin-top: 29px;
    margin-bottom: 29px;
}

.mry-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mry-31 {
    margin-top: 31px;
    margin-bottom: 31px;
}

.mry-32 {
    margin-top: 32px;
    margin-bottom: 32px;
}

.mry-33 {
    margin-top: 33px;
    margin-bottom: 33px;
}

.mry-34 {
    margin-top: 34px;
    margin-bottom: 34px;
}

.mry-35 {
    margin-top: 35px;
    margin-bottom: 35px;
}

.mry-36 {
    margin-top: 36px;
    margin-bottom: 36px;
}

.mry-37 {
    margin-top: 37px;
    margin-bottom: 37px;
}

.mry-38 {
    margin-top: 38px;
    margin-bottom: 38px;
}

.mry-39 {
    margin-top: 39px;
    margin-bottom: 39px;
}

.mry-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mry-41 {
    margin-top: 41px;
    margin-bottom: 41px;
}

.mry-42 {
    margin-top: 42px;
    margin-bottom: 42px;
}

.mry-43 {
    margin-top: 43px;
    margin-bottom: 43px;
}

.mry-44 {
    margin-top: 44px;
    margin-bottom: 44px;
}

.mry-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.mry-46 {
    margin-top: 46px;
    margin-bottom: 46px;
}

.mry-47 {
    margin-top: 47px;
    margin-bottom: 47px;
}

.mry-48 {
    margin-top: 48px;
    margin-bottom: 48px;
}

.mry-49 {
    margin-top: 49px;
    margin-bottom: 49px;
}

.mry-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mrx-1 {
    margin-right: 1px;
    margin-left: 1px;
}

.mrx-2 {
    margin-right: 2px;
    margin-left: 2px;
}

.mrx-3 {
    margin-right: 3px;
    margin-left: 3px;
}

.mrx-4 {
    margin-right: 4px;
    margin-left: 4px;
}

.mrx-5 {
    margin-right: 5px;
    margin-left: 5px;
}

.mrx-6 {
    margin-right: 6px;
    margin-left: 6px;
}

.mrx-7 {
    margin-right: 7px;
    margin-left: 7px;
}

.mrx-8 {
    margin-right: 8px;
    margin-left: 8px;
}

.mrx-9 {
    margin-right: 9px;
    margin-left: 9px;
}

.mrx-10 {
    margin-right: 10px;
    margin-left: 10px;
}

.mrx-11 {
    margin-right: 11px;
    margin-left: 11px;
}

.mrx-12 {
    margin-right: 12px;
    margin-left: 12px;
}

.mrx-13 {
    margin-right: 13px;
    margin-left: 13px;
}

.mrx-14 {
    margin-right: 14px;
    margin-left: 14px;
}

.mrx-15 {
    margin-right: 15px;
    margin-left: 15px;
}

.mrx-16 {
    margin-right: 16px;
    margin-left: 16px;
}

.mrx-17 {
    margin-right: 17px;
    margin-left: 17px;
}

.mrx-18 {
    margin-right: 18px;
    margin-left: 18px;
}

.mrx-19 {
    margin-right: 19px;
    margin-left: 19px;
}

.mrx-20 {
    margin-right: 20px;
    margin-left: 20px;
}

.mrx-21 {
    margin-right: 21px;
    margin-left: 21px;
}

.mrx-22 {
    margin-right: 22px;
    margin-left: 22px;
}

.mrx-23 {
    margin-right: 23px;
    margin-left: 23px;
}

.mrx-24 {
    margin-right: 24px;
    margin-left: 24px;
}

.mrx-25 {
    margin-right: 25px;
    margin-left: 25px;
}

.mrx-26 {
    margin-right: 26px;
    margin-left: 26px;
}

.mrx-27 {
    margin-right: 27px;
    margin-left: 27px;
}

.mrx-28 {
    margin-right: 28px;
    margin-left: 28px;
}

.mrx-29 {
    margin-right: 29px;
    margin-left: 29px;
}

.mrx-30 {
    margin-right: 30px;
    margin-left: 30px;
}

.mrx-31 {
    margin-right: 31px;
    margin-left: 31px;
}

.mrx-32 {
    margin-right: 32px;
    margin-left: 32px;
}

.mrx-33 {
    margin-right: 33px;
    margin-left: 33px;
}

.mrx-34 {
    margin-right: 34px;
    margin-left: 34px;
}

.mrx-35 {
    margin-right: 35px;
    margin-left: 35px;
}

.mrx-36 {
    margin-right: 36px;
    margin-left: 36px;
}

.mrx-37 {
    margin-right: 37px;
    margin-left: 37px;
}

.mrx-38 {
    margin-right: 38px;
    margin-left: 38px;
}

.mrx-39 {
    margin-right: 39px;
    margin-left: 39px;
}

.mrx-40 {
    margin-right: 40px;
    margin-left: 40px;
}

.mrx-41 {
    margin-right: 41px;
    margin-left: 41px;
}

.mrx-42 {
    margin-right: 42px;
    margin-left: 42px;
}

.mrx-43 {
    margin-right: 43px;
    margin-left: 43px;
}

.mrx-44 {
    margin-right: 44px;
    margin-left: 44px;
}

.mrx-45 {
    margin-right: 45px;
    margin-left: 45px;
}

.mrx-46 {
    margin-right: 46px;
    margin-left: 46px;
}

.mrx-47 {
    margin-right: 47px;
    margin-left: 47px;
}

.mrx-48 {
    margin-right: 48px;
    margin-left: 48px;
}

.mrx-49 {
    margin-right: 49px;
    margin-left: 49px;
}

.mrx-50 {
    margin-right: 50px;
    margin-left: 50px;
}

/* PADDING */

.pd-1 {
    padding: 1px;
}

.pd-2 {
    padding: 2px;
}

.pd-3 {
    padding: 3px;
}

.pd-4 {
    padding: 4px;
}

.pd-5 {
    padding: 5px;
}

.pd-6 {
    padding: 6px;
}

.pd-7 {
    padding: 7px;
}

.pd-8 {
    padding: 8px;
}

.pd-9 {
    padding: 9px;
}

.pd-10 {
    padding: 10px;
}

.pd-11 {
    padding: 11px;
}

.pd-12 {
    padding: 12px;
}

.pd-13 {
    padding: 13px;
}

.pd-14 {
    padding: 14px;
}

.pd-15 {
    padding: 15px;
}

.pd-16 {
    padding: 16px;
}

.pd-17 {
    padding: 17px;
}

.pd-18 {
    padding: 18px;
}

.pd-19 {
    padding: 19px;
}

.pd-20 {
    padding: 20px;
}

.pd-21 {
    padding: 21px;
}

.pd-22 {
    padding: 22px;
}

.pd-23 {
    padding: 23px;
}

.pd-24 {
    padding: 24px;
}

.pd-25 {
    padding: 25px;
}

.pd-26 {
    padding: 26px;
}

.pd-27 {
    padding: 27px;
}

.pd-28 {
    padding: 28px;
}

.pd-29 {
    padding: 29px;
}

.pd-30 {
    padding: 30px;
}

.pd-31 {
    padding: 31px;
}

.pd-32 {
    padding: 32px;
}

.pd-33 {
    padding: 33px;
}

.pd-34 {
    padding: 34px;
}

.pd-35 {
    padding: 35px;
}

.pd-36 {
    padding: 36px;
}

.pd-37 {
    padding: 37px;
}

.pd-38 {
    padding: 38px;
}

.pd-39 {
    padding: 39px;
}

.pd-40 {
    padding: 40px;
}

.pd-41 {
    padding: 41px;
}

.pd-42 {
    padding: 42px;
}

.pd-43 {
    padding: 43px;
}

.pd-44 {
    padding: 44px;
}

.pd-45 {
    padding: 45px;
}

.pd-46 {
    padding: 46px;
}

.pd-47 {
    padding: 47px;
}

.pd-48 {
    padding: 48px;
}

.pd-49 {
    padding: 49px;
}

.pd-50 {
    padding: 50px;
}

.pdt-0 {
    padding-top: 0px
}

.pdt-1 {
    padding-top: 1px
}

.pdt-2 {
    padding-top: 2px
}

.pdt-3 {
    padding-top: 3px
}

.pdt-4 {
    padding-top: 4px
}

.pdt-5 {
    padding-top: 5px
}

.pdt-6 {
    padding-top: 6px
}

.pdt-7 {
    padding-top: 7px
}

.pdt-8 {
    padding-top: 8px
}

.pdt-9 {
    padding-top: 9px
}

.pdt-10 {
    padding-top: 10px
}

.pdt-11 {
    padding-top: 11px
}

.pdt-12 {
    padding-top: 12px
}

.pdt-13 {
    padding-top: 13px
}

.pdt-14 {
    padding-top: 14px
}

.pdt-15 {
    padding-top: 15px
}

.pdt-16 {
    padding-top: 16px
}

.pdt-17 {
    padding-top: 17px
}

.pdt-18 {
    padding-top: 18px
}

.pdt-19 {
    padding-top: 19px
}

.pdt-20 {
    padding-top: 20px
}

.pdt-21 {
    padding-top: 21px
}

.pdt-22 {
    padding-top: 22px
}

.pdt-23 {
    padding-top: 23px
}

.pdt-24 {
    padding-top: 24px
}

.pdt-25 {
    padding-top: 25px
}

.pdt-26 {
    padding-top: 26px
}

.pdt-27 {
    padding-top: 27px
}

.pdt-28 {
    padding-top: 28px
}

.pdt-29 {
    padding-top: 29px
}

.pdt-30 {
    padding-top: 30px
}

.pdt-31 {
    padding-top: 31px
}

.pdt-32 {
    padding-top: 32px
}

.pdt-33 {
    padding-top: 33px
}

.pdt-34 {
    padding-top: 34px
}

.pdt-35 {
    padding-top: 35px
}

.pdt-36 {
    padding-top: 36px
}

.pdt-37 {
    padding-top: 37px
}

.pdt-38 {
    padding-top: 38px
}

.pdt-39 {
    padding-top: 39px
}

.pdt-40 {
    padding-top: 40px
}

.pdt-41 {
    padding-top: 41px
}

.pdt-42 {
    padding-top: 42px
}

.pdt-43 {
    padding-top: 43px
}

.pdt-44 {
    padding-top: 44px
}

.pdt-45 {
    padding-top: 45px
}

.pdt-46 {
    padding-top: 46px
}

.pdt-47 {
    padding-top: 47px
}

.pdt-48 {
    padding-top: 48px
}

.pdt-49 {
    padding-top: 49px
}

.pdt-50 {
    padding-top: 50px
}

.pdt-80 {
    padding-top: 80px;
}

.pdr-0 {
    padding-right: 0px
}

.pdr-1 {
    padding-right: 1px
}

.pdr-2 {
    padding-right: 2px
}

.pdr-3 {
    padding-right: 3px
}

.pdr-4 {
    padding-right: 4px
}

.pdr-5 {
    padding-right: 5px
}

.pdr-6 {
    padding-right: 6px
}

.pdr-7 {
    padding-right: 7px
}

.pdr-8 {
    padding-right: 8px
}

.pdr-9 {
    padding-right: 9px
}

.pdr-10 {
    padding-right: 10px
}

.pdr-11 {
    padding-right: 11px
}

.pdr-12 {
    padding-right: 12px
}

.pdr-13 {
    padding-right: 13px
}

.pdr-14 {
    padding-right: 14px
}

.pdr-15 {
    padding-right: 15px
}

.pdr-16 {
    padding-right: 16px
}

.pdr-17 {
    padding-right: 17px
}

.pdr-18 {
    padding-right: 18px
}

.pdr-19 {
    padding-right: 19px
}

.pdr-20 {
    padding-right: 20px
}

.pdr-21 {
    padding-right: 21px
}

.pdr-22 {
    padding-right: 22px
}

.pdr-23 {
    padding-right: 23px
}

.pdr-24 {
    padding-right: 24px
}

.pdr-25 {
    padding-right: 25px
}

.pdr-26 {
    padding-right: 26px
}

.pdr-27 {
    padding-right: 27px
}

.pdr-28 {
    padding-right: 28px
}

.pdr-29 {
    padding-right: 29px
}

.pdr-30 {
    padding-right: 30px
}

.pdr-31 {
    padding-right: 31px
}

.pdr-32 {
    padding-right: 32px
}

.pdr-33 {
    padding-right: 33px
}

.pdr-34 {
    padding-right: 34px
}

.pdr-35 {
    padding-right: 35px
}

.pdr-36 {
    padding-right: 36px
}

.pdr-37 {
    padding-right: 37px
}

.pdr-38 {
    padding-right: 38px
}

.pdr-39 {
    padding-right: 39px
}

.pdr-40 {
    padding-right: 40px
}

.pdr-41 {
    padding-right: 41px
}

.pdr-42 {
    padding-right: 42px
}

.pdr-43 {
    padding-right: 43px
}

.pdr-44 {
    padding-right: 44px
}

.pdr-45 {
    padding-right: 45px
}

.pdr-46 {
    padding-right: 46px
}

.pdr-47 {
    padding-right: 47px
}

.pdr-48 {
    padding-right: 48px
}

.pdr-49 {
    padding-right: 49px
}

.pdr-50 {
    padding-right: 50px
}

.pdb-0 {
    padding-bottom: 0px
}

.pdb-1 {
    padding-bottom: 1px
}

.pdb-2 {
    padding-bottom: 2px
}

.pdb-3 {
    padding-bottom: 3px
}

.pdb-4 {
    padding-bottom: 4px
}

.pdb-5 {
    padding-bottom: 5px
}

.pdb-6 {
    padding-bottom: 6px
}

.pdb-7 {
    padding-bottom: 7px
}

.pdb-8 {
    padding-bottom: 8px
}

.pdb-9 {
    padding-bottom: 9px
}

.pdb-10 {
    padding-bottom: 10px
}

.pdb-11 {
    padding-bottom: 11px
}

.pdb-12 {
    padding-bottom: 12px
}

.pdb-13 {
    padding-bottom: 13px
}

.pdb-14 {
    padding-bottom: 14px
}

.pdb-15 {
    padding-bottom: 15px
}

.pdb-16 {
    padding-bottom: 16px
}

.pdb-17 {
    padding-bottom: 17px
}

.pdb-18 {
    padding-bottom: 18px
}

.pdb-19 {
    padding-bottom: 19px
}

.pdb-20 {
    padding-bottom: 20px
}

.pdb-21 {
    padding-bottom: 21px
}

.pdb-22 {
    padding-bottom: 22px
}

.pdb-23 {
    padding-bottom: 23px
}

.pdb-24 {
    padding-bottom: 24px
}

.pdb-25 {
    padding-bottom: 25px
}

.pdb-26 {
    padding-bottom: 26px
}

.pdb-27 {
    padding-bottom: 27px
}

.pdb-28 {
    padding-bottom: 28px
}

.pdb-29 {
    padding-bottom: 29px
}

.pdb-30 {
    padding-bottom: 30px
}

.pdb-31 {
    padding-bottom: 31px
}

.pdb-32 {
    padding-bottom: 32px
}

.pdb-33 {
    padding-bottom: 33px
}

.pdb-34 {
    padding-bottom: 34px
}

.pdb-35 {
    padding-bottom: 35px
}

.pdb-36 {
    padding-bottom: 36px
}

.pdb-37 {
    padding-bottom: 37px
}

.pdb-38 {
    padding-bottom: 38px
}

.pdb-39 {
    padding-bottom: 39px
}

.pdb-40 {
    padding-bottom: 40px
}

.pdb-41 {
    padding-bottom: 41px
}

.pdb-42 {
    padding-bottom: 42px
}

.pdb-43 {
    padding-bottom: 43px
}

.pdb-44 {
    padding-bottom: 44px
}

.pdb-45 {
    padding-bottom: 45px
}

.pdb-46 {
    padding-bottom: 46px
}

.pdb-47 {
    padding-bottom: 47px
}

.pdb-48 {
    padding-bottom: 48px
}

.pdb-49 {
    padding-bottom: 49px
}

.pdb-50 {
    padding-bottom: 50px
}

.pdb-100 {
    padding-bottom: 100px
}

.pdl-0 {
    padding-left: 0px
}

.pdl-1 {
    padding-left: 1px
}

.pdl-2 {
    padding-left: 2px
}

.pdl-3 {
    padding-left: 3px
}

.pdl-4 {
    padding-left: 4px
}

.pdl-5 {
    padding-left: 5px
}

.pdl-6 {
    padding-left: 6px
}

.pdl-7 {
    padding-left: 7px
}

.pdl-8 {
    padding-left: 8px
}

.pdl-9 {
    padding-left: 9px
}

.pdl-10 {
    padding-left: 10px
}

.pdl-11 {
    padding-left: 11px
}

.pdl-12 {
    padding-left: 12px
}

.pdl-13 {
    padding-left: 13px
}

.pdl-14 {
    padding-left: 14px
}

.pdl-15 {
    padding-left: 15px
}

.pdl-16 {
    padding-left: 16px
}

.pdl-17 {
    padding-left: 17px
}

.pdl-18 {
    padding-left: 18px
}

.pdl-19 {
    padding-left: 19px
}

.pdl-20 {
    padding-left: 20px
}

.pdl-21 {
    padding-left: 21px
}

.pdl-22 {
    padding-left: 22px
}

.pdl-23 {
    padding-left: 23px
}

.pdl-24 {
    padding-left: 24px
}

.pdl-25 {
    padding-left: 25px
}

.pdl-26 {
    padding-left: 26px
}

.pdl-27 {
    padding-left: 27px
}

.pdl-28 {
    padding-left: 28px
}

.pdl-29 {
    padding-left: 29px
}

.pdl-30 {
    padding-left: 30px
}

.pdl-31 {
    padding-left: 31px
}

.pdl-32 {
    padding-left: 32px
}

.pdl-33 {
    padding-left: 33px
}

.pdl-34 {
    padding-left: 34px
}

.pdl-35 {
    padding-left: 35px
}

.pdl-36 {
    padding-left: 36px
}

.pdl-37 {
    padding-left: 37px
}

.pdl-38 {
    padding-left: 38px
}

.pdl-39 {
    padding-left: 39px
}

.pdl-40 {
    padding-left: 40px
}

.pdl-41 {
    padding-left: 41px
}

.pdl-42 {
    padding-left: 42px
}

.pdl-43 {
    padding-left: 43px
}

.pdl-44 {
    padding-left: 44px
}

.pdl-45 {
    padding-left: 45px
}

.pdl-46 {
    padding-left: 46px
}

.pdl-47 {
    padding-left: 47px
}

.pdl-48 {
    padding-left: 48px
}

.pdl-49 {
    padding-left: 49px
}

.pdl-50 {
    padding-left: 50px
}

.pdx-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.pdx-1 {
    padding-left: 1px;
    padding-right: 1px;
}

.pdx-2 {
    padding-left: 2px;
    padding-right: 2px;
}

.pdx-3 {
    padding-left: 3px;
    padding-right: 3px;
}

.pdx-4 {
    padding-left: 4px;
    padding-right: 4px;
}

.pdx-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pdx-6 {
    padding-left: 6px;
    padding-right: 6px;
}

.pdx-7 {
    padding-left: 7px;
    padding-right: 7px;
}

.pdx-8 {
    padding-left: 8px;
    padding-right: 8px;
}

.pdx-9 {
    padding-left: 9px;
    padding-right: 9px;
}

.pdx-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pdx-11 {
    padding-left: 11px;
    padding-right: 11px;
}

.pdx-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.pdx-13 {
    padding-left: 13px;
    padding-right: 13px;
}

.pdx-14 {
    padding-left: 14px;
    padding-right: 14px;
}

.pdx-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.pdx-16 {
    padding-left: 16px;
    padding-right: 16px;
}

.pdx-17 {
    padding-left: 17px;
    padding-right: 17px;
}

.pdx-18 {
    padding-left: 18px;
    padding-right: 18px;
}

.pdx-19 {
    padding-left: 19px;
    padding-right: 19px;
}

.pdx-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.pdx-21 {
    padding-left: 21px;
    padding-right: 21px;
}

.pdx-22 {
    padding-left: 22px;
    padding-right: 22px;
}

.pdx-23 {
    padding-left: 23px;
    padding-right: 23px;
}

.pdx-24 {
    padding-left: 24px;
    padding-right: 24px;
}

.pdx-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.pdx-26 {
    padding-left: 26px;
    padding-right: 26px;
}

.pdx-27 {
    padding-left: 27px;
    padding-right: 27px;
}

.pdx-28 {
    padding-left: 28px;
    padding-right: 28px;
}

.pdx-29 {
    padding-left: 29px;
    padding-right: 29px;
}

.pdx-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.pdx-31 {
    padding-left: 31px;
    padding-right: 31px;
}

.pdx-32 {
    padding-left: 32px;
    padding-right: 32px;
}

.pdx-33 {
    padding-left: 33px;
    padding-right: 33px;
}

.pdx-34 {
    padding-left: 34px;
    padding-right: 34px;
}

.pdx-35 {
    padding-left: 35px;
    padding-right: 35px;
}

.pdx-36 {
    padding-left: 36px;
    padding-right: 36px;
}

.pdx-37 {
    padding-left: 37px;
    padding-right: 37px;
}

.pdx-38 {
    padding-left: 38px;
    padding-right: 38px;
}

.pdx-39 {
    padding-left: 39px;
    padding-right: 39px;
}

.pdx-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.pdx-41 {
    padding-left: 41px;
    padding-right: 41px;
}

.pdx-42 {
    padding-left: 42px;
    padding-right: 42px;
}

.pdx-43 {
    padding-left: 43px;
    padding-right: 43px;
}

.pdx-44 {
    padding-left: 44px;
    padding-right: 44px;
}

.pdx-45 {
    padding-left: 45px;
    padding-right: 45px;
}

.pdx-46 {
    padding-left: 46px;
    padding-right: 46px;
}

.pdx-47 {
    padding-left: 47px;
    padding-right: 47px;
}

.pdx-48 {
    padding-left: 48px;
    padding-right: 48px;
}

.pdx-49 {
    padding-left: 49px;
    padding-right: 49px;
}

.pdx-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.pdy-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.pdy-1 {
    padding-top: 1px;
    padding-bottom: 1px;
}

.pdy-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.pdy-3 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.pdy-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.pdy-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pdy-6 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.pdy-7 {
    padding-top: 7px;
    padding-bottom: 7px;
}

.pdy-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.pdy-9 {
    padding-top: 9px;
    padding-bottom: 9px;
}

.pdy-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pdy-11 {
    padding-top: 11px;
    padding-bottom: 11px;
}

.pdy-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.pdy-13 {
    padding-top: 13px;
    padding-bottom: 13px;
}

.pdy-14 {
    padding-top: 14px;
    padding-bottom: 14px;
}

.pdy-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pdy-16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.pdy-17 {
    padding-top: 17px;
    padding-bottom: 17px;
}

.pdy-18 {
    padding-top: 18px;
    padding-bottom: 18px;
}

.pdy-19 {
    padding-top: 19px;
    padding-bottom: 19px;
}

.pdy-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pdy-21 {
    padding-top: 21px;
    padding-bottom: 21px;
}

.pdy-22 {
    padding-top: 22px;
    padding-bottom: 22px;
}

.pdy-23 {
    padding-top: 23px;
    padding-bottom: 23px;
}

.pdy-24 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.pdy-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.pdy-26 {
    padding-top: 26px;
    padding-bottom: 26px;
}

.pdy-27 {
    padding-top: 27px;
    padding-bottom: 27px;
}

.pdy-28 {
    padding-top: 28px;
    padding-bottom: 28px;
}

.pdy-29 {
    padding-top: 29px;
    padding-bottom: 29px;
}

.pdy-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pdy-31 {
    padding-top: 31px;
    padding-bottom: 31px;
}

.pdy-32 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.pdy-33 {
    padding-top: 33px;
    padding-bottom: 33px;
}

.pdy-34 {
    padding-top: 34px;
    padding-bottom: 34px;
}

.pdy-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.pdy-36 {
    padding-top: 36px;
    padding-bottom: 36px;
}

.pdy-37 {
    padding-top: 37px;
    padding-bottom: 37px;
}

.pdy-38 {
    padding-top: 38px;
    padding-bottom: 38px;
}

.pdy-39 {
    padding-top: 39px;
    padding-bottom: 39px;
}

.pdy-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pdy-41 {
    padding-top: 41px;
    padding-bottom: 41px;
}

.pdy-42 {
    padding-top: 42px;
    padding-bottom: 42px;
}

.pdy-43 {
    padding-top: 43px;
    padding-bottom: 43px;
}

.pdy-44 {
    padding-top: 44px;
    padding-bottom: 44px;
}

.pdy-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.pdy-46 {
    padding-top: 46px;
    padding-bottom: 46px;
}

.pdy-47 {
    padding-top: 47px;
    padding-bottom: 47px;
}

.pdy-48 {
    padding-top: 48px;
    padding-bottom: 48px;
}

.pdy-49 {
    padding-top: 49px;
    padding-bottom: 49px;
}

.pdy-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.pdy-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}


.pdy-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.pdy-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pdy-130 {
    padding-top: 130px;
    padding-bottom: 130px;
}

/* TOP - RIGHT - BOTTOM - LEFT */

.center {
    top: 50%;
    transform: translateY(-50%);
}

.top-0 {
    top: 0px
}

.top-1 {
    top: 1px
}

.top-2 {
    top: 2px
}

.top-3 {
    top: 3px
}

.top-4 {
    top: 4px
}

.top-5 {
    top: 5px
}

.top-6 {
    top: 6px
}

.top-7 {
    top: 7px
}

.top-8 {
    top: 8px
}

.top-9 {
    top: 9px
}

.top-10 {
    top: 10px
}

.top-11 {
    top: 11px
}

.top-12 {
    top: 12px
}

.top-13 {
    top: 13px
}

.top-14 {
    top: 14px
}

.top-15 {
    top: 15px
}

.top-16 {
    top: 16px
}

.top-17 {
    top: 17px
}

.top-18 {
    top: 18px
}

.top-19 {
    top: 19px
}

.top-20 {
    top: 20px
}

.top-21 {
    top: 21px
}

.top-22 {
    top: 22px
}

.top-23 {
    top: 23px
}

.top-24 {
    top: 24px
}

.top-25 {
    top: 25px
}

.top-26 {
    top: 26px
}

.top-27 {
    top: 27px
}

.top-28 {
    top: 28px
}

.top-29 {
    top: 29px
}

.top-30 {
    top: 30px
}

.top-31 {
    top: 31px
}

.top-32 {
    top: 32px
}

.top-33 {
    top: 33px
}

.top-34 {
    top: 34px
}

.top-35 {
    top: 35px
}

.top-36 {
    top: 36px
}

.top-37 {
    top: 37px
}

.top-38 {
    top: 38px
}

.top-39 {
    top: 39px
}

.top-40 {
    top: 40px
}

.top-41 {
    top: 41px
}

.top-42 {
    top: 42px
}

.top-43 {
    top: 43px
}

.top-44 {
    top: 44px
}

.top-45 {
    top: 45px
}

.top-46 {
    top: 46px
}

.top-47 {
    top: 47px
}

.top-48 {
    top: 48px
}

.top-49 {
    top: 49px
}

.top-50 {
    top: 50px
}

.right-0 {
    right: 0px
}

.right-1 {
    right: 1px
}

.right-2 {
    right: 2px
}

.right-3 {
    right: 3px
}

.right-4 {
    right: 4px
}

.right-5 {
    right: 5px
}

.right-6 {
    right: 6px
}

.right-7 {
    right: 7px
}

.right-8 {
    right: 8px
}

.right-9 {
    right: 9px
}

.right-10 {
    right: 10px
}

.right-11 {
    right: 11px
}

.right-12 {
    right: 12px
}

.right-13 {
    right: 13px
}

.right-14 {
    right: 14px
}

.right-15 {
    right: 15px
}

.right-16 {
    right: 16px
}

.right-17 {
    right: 17px
}

.right-18 {
    right: 18px
}

.right-19 {
    right: 19px
}

.right-20 {
    right: 20px
}

.right-21 {
    right: 21px
}

.right-22 {
    right: 22px
}

.right-23 {
    right: 23px
}

.right-24 {
    right: 24px
}

.right-25 {
    right: 25px
}

.right-26 {
    right: 26px
}

.right-27 {
    right: 27px
}

.right-28 {
    right: 28px
}

.right-29 {
    right: 29px
}

.right-30 {
    right: 30px
}

.right-31 {
    right: 31px
}

.right-32 {
    right: 32px
}

.right-33 {
    right: 33px
}

.right-34 {
    right: 34px
}

.right-35 {
    right: 35px
}

.right-36 {
    right: 36px
}

.right-37 {
    right: 37px
}

.right-38 {
    right: 38px
}

.right-39 {
    right: 39px
}

.right-40 {
    right: 40px
}

.right-41 {
    right: 41px
}

.right-42 {
    right: 42px
}

.right-43 {
    right: 43px
}

.right-44 {
    right: 44px
}

.right-45 {
    right: 45px
}

.right-46 {
    right: 46px
}

.right-47 {
    right: 47px
}

.right-48 {
    right: 48px
}

.right-49 {
    right: 49px
}

.right-50 {
    right: 50px
}

.bottom-0 {
    bottom: 0px
}

.bottom-1 {
    bottom: 1px
}

.bottom-2 {
    bottom: 2px
}

.bottom-3 {
    bottom: 3px
}

.bottom-4 {
    bottom: 4px
}

.bottom-5 {
    bottom: 5px
}

.bottom-6 {
    bottom: 6px
}

.bottom-7 {
    bottom: 7px
}

.bottom-8 {
    bottom: 8px
}

.bottom-9 {
    bottom: 9px
}

.bottom-10 {
    bottom: 10px
}

.bottom-11 {
    bottom: 11px
}

.bottom-12 {
    bottom: 12px
}

.bottom-13 {
    bottom: 13px
}

.bottom-14 {
    bottom: 14px
}

.bottom-15 {
    bottom: 15px
}

.bottom-16 {
    bottom: 16px
}

.bottom-17 {
    bottom: 17px
}

.bottom-18 {
    bottom: 18px
}

.bottom-19 {
    bottom: 19px
}

.bottom-20 {
    bottom: 20px
}

.bottom-21 {
    bottom: 21px
}

.bottom-22 {
    bottom: 22px
}

.bottom-23 {
    bottom: 23px
}

.bottom-24 {
    bottom: 24px
}

.bottom-25 {
    bottom: 25px
}

.bottom-26 {
    bottom: 26px
}

.bottom-27 {
    bottom: 27px
}

.bottom-28 {
    bottom: 28px
}

.bottom-29 {
    bottom: 29px
}

.bottom-30 {
    bottom: 30px
}

.bottom-31 {
    bottom: 31px
}

.bottom-32 {
    bottom: 32px
}

.bottom-33 {
    bottom: 33px
}

.bottom-34 {
    bottom: 34px
}

.bottom-35 {
    bottom: 35px
}

.bottom-36 {
    bottom: 36px
}

.bottom-37 {
    bottom: 37px
}

.bottom-38 {
    bottom: 38px
}

.bottom-39 {
    bottom: 39px
}

.bottom-40 {
    bottom: 40px
}

.bottom-41 {
    bottom: 41px
}

.bottom-42 {
    bottom: 42px
}

.bottom-43 {
    bottom: 43px
}

.bottom-44 {
    bottom: 44px
}

.bottom-45 {
    bottom: 45px
}

.bottom-46 {
    bottom: 46px
}

.bottom-47 {
    bottom: 47px
}

.bottom-48 {
    bottom: 48px
}

.bottom-49 {
    bottom: 49px
}

.bottom-50 {
    bottom: 50px
}

.left-0 {
    left: 0px
}

.left-1 {
    left: 1px
}

.left-2 {
    left: 2px
}

.left-3 {
    left: 3px
}

.left-4 {
    left: 4px
}

.left-5 {
    left: 5px
}

.left-6 {
    left: 6px
}

.left-7 {
    left: 7px
}

.left-8 {
    left: 8px
}

.left-9 {
    left: 9px
}

.left-10 {
    left: 10px
}

.left-11 {
    left: 11px
}

.left-12 {
    left: 12px
}

.left-13 {
    left: 13px
}

.left-14 {
    left: 14px
}

.left-15 {
    left: 15px
}

.left-16 {
    left: 16px
}

.left-17 {
    left: 17px
}

.left-18 {
    left: 18px
}

.left-19 {
    left: 19px
}

.left-20 {
    left: 20px
}

.left-21 {
    left: 21px
}

.left-22 {
    left: 22px
}

.left-23 {
    left: 23px
}

.left-24 {
    left: 24px
}

.left-25 {
    left: 25px
}

.left-26 {
    left: 26px
}

.left-27 {
    left: 27px
}

.left-28 {
    left: 28px
}

.left-29 {
    left: 29px
}

.left-30 {
    left: 30px
}

.left-31 {
    left: 31px
}

.left-32 {
    left: 32px
}

.left-33 {
    left: 33px
}

.left-34 {
    left: 34px
}

.left-35 {
    left: 35px
}

.left-36 {
    left: 36px
}

.left-37 {
    left: 37px
}

.left-38 {
    left: 38px
}

.left-39 {
    left: 39px
}

.left-40 {
    left: 40px
}

.left-41 {
    left: 41px
}

.left-42 {
    left: 42px
}

.left-43 {
    left: 43px
}

.left-44 {
    left: 44px
}

.left-45 {
    left: 45px
}

.left-46 {
    left: 46px
}

.left-47 {
    left: 47px
}

.left-48 {
    left: 48px
}

.left-49 {
    left: 49px
}

.left-50 {
    left: 50px
}

.w-0 {
    width: 0px
}

.width-1 {
    width: 1px
}

.width-2 {
    width: 2px
}

.width-3 {
    width: 3px
}

.width-4 {
    width: 4px
}

.width-5 {
    width: 5px
}

.width-6 {
    width: 6px
}

.width-7 {
    width: 7px
}

.width-8 {
    width: 8px
}

.width-9 {
    width: 9px
}

.width-10 {
    width: 10px
}

.width-11 {
    width: 11px
}

.width-12 {
    width: 12px
}

.width-13 {
    width: 13px
}

.width-14 {
    width: 14px
}

.width-15 {
    width: 15px
}

.width-16 {
    width: 16px
}

.width-17 {
    width: 17px
}

.width-18 {
    width: 18px
}

.width-19 {
    width: 19px
}

.width-20 {
    width: 20px
}

.width-21 {
    width: 21px
}

.width-22 {
    width: 22px
}

.width-23 {
    width: 23px
}

.width-24 {
    width: 24px
}

.width-25 {
    width: 25px
}

.width-26 {
    width: 26px
}

.width-27 {
    width: 27px
}

.width-28 {
    width: 28px
}

.width-29 {
    width: 29px
}

.width-30 {
    width: 30px
}

.width-31 {
    width: 31px
}

.width-32 {
    width: 32px
}

.width-33 {
    width: 33px
}

.width-34 {
    width: 34px
}

.width-35 {
    width: 35px
}

.width-36 {
    width: 36px
}

.width-37 {
    width: 37px
}

.width-38 {
    width: 38px
}

.width-39 {
    width: 39px
}

.width-40 {
    width: 40px
}

.width-41 {
    width: 41px
}

.width-42 {
    width: 42px
}

.width-43 {
    width: 43px
}

.width-44 {
    width: 44px
}

.width-45 {
    width: 45px
}

.width-46 {
    width: 46px
}

.width-47 {
    width: 47px
}

.width-48 {
    width: 48px
}

.width-49 {
    width: 49px
}

.width-50 {
    width: 50px
}

.width-200 {
    width: 200px
}

.width-full {
    width: 100%;
}

.width-haft {
    width: 50%;
}

.height-0 {
    height: 0px
}

.height-1 {
    height: 1px
}

.height-2 {
    height: 2px
}

.height-3 {
    height: 3px
}

.height-4 {
    height: 4px
}

.height-5 {
    height: 5px
}

.height-6 {
    height: 6px
}

.height-7 {
    height: 7px
}

.height-8 {
    height: 8px
}

.height-9 {
    height: 9px
}

.height-10 {
    height: 10px
}

.height-11 {
    height: 11px
}

.height-12 {
    height: 12px
}

.height-13 {
    height: 13px
}

.height-14 {
    height: 14px
}

.height-15 {
    height: 15px
}

.height-16 {
    height: 16px
}

.height-17 {
    height: 17px
}

.height-18 {
    height: 18px
}

.height-19 {
    height: 19px
}

.height-20 {
    height: 20px
}

.height-21 {
    height: 21px
}

.height-22 {
    height: 22px
}

.height-23 {
    height: 23px
}

.height-24 {
    height: 24px
}

.height-25 {
    height: 25px
}

.height-26 {
    height: 26px
}

.height-27 {
    height: 27px
}

.height-28 {
    height: 28px
}

.height-29 {
    height: 29px
}

.height-30 {
    height: 30px
}

.height-31 {
    height: 31px
}

.height-32 {
    height: 32px
}

.height-33 {
    height: 33px
}

.height-34 {
    height: 34px
}

.height-35 {
    height: 35px
}

.height-36 {
    height: 36px
}

.height-37 {
    height: 37px
}

.height-38 {
    height: 38px
}

.height-39 {
    height: 39px
}

.height-40 {
    height: 40px
}

.height-41 {
    height: 41px
}

.height-42 {
    height: 42px
}

.height-43 {
    height: 43px
}

.height-44 {
    height: 44px
}

.height-45 {
    height: 45px
}

.height-46 {
    height: 46px
}

.height-47 {
    height: 47px
}

.height-48 {
    height: 48px
}

.height-49 {
    height: 49px
}

.height-50 {
    height: 50px
}

.height-full {
    height: 100%;
}

.height-haft {
    height: 50%;
}

.line-height-0 {
    line-height: 0px;
}

.line-height-1 {
    line-height: 1px;
}

.line-height-2 {
    line-height: 2px;
}

.line-height-3 {
    line-height: 3px;
}

.line-height-4 {
    line-height: 4px;
}

.line-height-5 {
    line-height: 5px;
}

.line-height-6 {
    line-height: 6px;
}

.line-height-7 {
    line-height: 7px;
}

.line-height-8 {
    line-height: 8px;
}

.line-height-9 {
    line-height: 9px;
}

.line-height-10 {
    line-height: 10px;
}

.line-height-11 {
    line-height: 11px;
}

.line-height-12 {
    line-height: 12px;
}

.line-height-13 {
    line-height: 13px;
}

.line-height-14 {
    line-height: 14px;
}

.line-height-15 {
    line-height: 15px;
}

.line-height-16 {
    line-height: 16px;
}

.line-height-17 {
    line-height: 17px;
}

.line-height-18 {
    line-height: 18px;
}

.line-height-19 {
    line-height: 19px;
}

.line-height-20 {
    line-height: 20px;
}

.line-height-21 {
    line-height: 21px;
}

.line-height-22 {
    line-height: 22px;
}

.line-height-23 {
    line-height: 23px;
}

.line-height-24 {
    line-height: 24px;
}

.line-height-25 {
    line-height: 25px;
}

.line-height-26 {
    line-height: 26px;
}

.line-height-27 {
    line-height: 27px;
}

.line-height-28 {
    line-height: 28px;
}

.line-height-29 {
    line-height: 29px;
}

.line-height-30 {
    line-height: 30px;
}

.line-height-31 {
    line-height: 31px;
}

.line-height-32 {
    line-height: 32px;
}

.line-height-33 {
    line-height: 33px;
}

.line-height-34 {
    line-height: 34px;
}

.line-height-35 {
    line-height: 35px;
}

.line-height-36 {
    line-height: 36px;
}

.line-height-37 {
    line-height: 37px;
}

.line-height-38 {
    line-height: 38px;
}

.line-height-39 {
    line-height: 39px;
}

.line-height-40 {
    line-height: 40px;
}

.line-height-41 {
    line-height: 41px;
}

.line-height-42 {
    line-height: 42px;
}

.line-height-43 {
    line-height: 43px;
}

.line-height-44 {
    line-height: 44px;
}

.line-height-45 {
    line-height: 45px;
}

.line-height-46 {
    line-height: 46px;
}

.line-height-47 {
    line-height: 47px;
}

.line-height-48 {
    line-height: 48px;
}

.line-height-49 {
    line-height: 49px;
}

.line-height-50 {
    line-height: 50px;
}