@charset "UTF-8";

/*

xl
@media screen and (min-width: 1200px) {}

lg
@media screen and (max-width:1199px) {}

md
@media screen and (max-width:959px) {}

sm
@media screen and (max-width:639px) {}

xsm
@media screen and (max-width:479px) {}
*/

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fx-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.fx-col-1,
.fx-col-2,
.fx-col-3,
.fx-col-4,
.fx-col-5,
.fx-col-6,
.fx-col-7,
.fx-col-8,
.fx-col-9,
.fx-col-10,
.fx-col-11,
.fx-col-12,
.fx-col,
.fx-col-xsm-1,
.fx-col-xsm-2,
.fx-col-xsm-3,
.fx-col-xsm-4,
.fx-col-xsm-5,
.fx-col-xsm-6,
.fx-col-xsm-7,
.fx-col-xsm-8,
.fx-col-xsm-9,
.fx-col-xsm-10,
.fx-col-xsm-11,
.fx-col-xsm-12,
fx-col-xsm,
.fx-col-auto,
.fx-col-sm-1,
.fx-col-sm-2,
.fx-col-sm-3,
.fx-col-sm-4,
.fx-col-sm-5,
.fx-col-sm-6,
.fx-col-sm-7,
.fx-col-sm-8,
.fx-col-sm-9,
.fx-col-sm-10,
.fx-col-sm-11,
.fx-col-sm-12,
.fx-col-sm,
.fx-col-sm-auto,
.fx-col-md-1,
.fx-col-md-2,
.fx-col-md-3,
.fx-col-md-4,
.fx-col-md-5,
.fx-col-md-6,
.fx-col-md-7,
.fx-col-md-8,
.fx-col-md-9,
.fx-col-md-10,
.fx-col-md-11,
.fx-col-md-12,
.fx-col-md,
.fx-col-md-auto,
.fx-col-lg-1,
.fx-col-lg-2,
.fx-col-lg-3,
.fx-col-lg-4,
.fx-col-lg-5,
.fx-col-lg-6,
.fx-col-lg-7,
.fx-col-lg-8,
.fx-col-lg-9,
.fx-col-lg-10,
.fx-col-lg-11,
.fx-col-lg-12,
.fx-col-lg,
.fx-col-lg-auto,
.fx-col-xl-1,
.fx-col-xl-2,
.fx-col-xl-3,
.fx-col-xl-4,
.fx-col-xl-5,
.fx-col-xl-6,
.fx-col-xl-7,
.fx-col-xl-8,
.fx-col-xl-9,
.fx-col-xl-10,
.fx-col-xl-11,
.fx-col-xl-12,
.fx-col-xl,
.fx-col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
}

.fx-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.fx-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.fx-col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.fx-col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.fx-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.fx-col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.fx-col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.fx-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.fx-col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.fx-col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.fx-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.fx-col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.fx-col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.fx-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.fx-col-break {
  width: 100%;
}


.fx-box {
  display: flex;
}

.fx-inline {
  display: inline-flex;
}

.fx-dir-column-reverse {
  flex-direction: column-reverse;
  min-height: 0;
}

.fx-dir-row-reverse {
  flex-direction: row-reverse;
  min-width: 0;
}

.fx-dir-column {
  flex-direction: column;
  min-height: 0;
}

.fx-dir-row {
  flex-direction: row;
  min-width: 0;
}

.fx-first {
  order: -100;
}

.fx-last {
  order: 100;
}

.fx-unordered {
  order: 0;
}

.fx-order-0 {
  order: 0;
}

.fx-order-1 {
  order: 1;
}

.fx-order-2 {
  order: 2;
}

.fx-order-3 {
  order: 3;
}

.fx-order-4 {
  order: 4;
}

.fx-order-5 {
  order: 5;
}

.fx-order-6 {
  order: 6;
}

.fx-order-7 {
  order: 7;
}

.fx-order-8 {
  order: 8;
}

.fx-order-9 {
  order: 9;
}

.fx-order-10 {
  order: 10;
}

.fx-order-11 {
  order: 11;
}

.fx-order-12 {
  order: 12;
}

.fx-offset-1 {
  margin-left: 8.333333%;
}

.fx-offset-2 {
  margin-left: 16.666667%;
}

.fx-offset-3 {
  margin-left: 25%;
}

.fx-offset-4 {
  margin-left: 33.333333%;
}

.fx-offset-5 {
  margin-left: 41.666667%;
}

.fx-offset-6 {
  margin-left: 50%;
}

.fx-offset-7 {
  margin-left: 58.333333%;
}

.fx-offset-8 {
  margin-left: 66.666667%;
}

.fx-offset-9 {
  margin-left: 75%;
}

.fx-offset-10 {
  margin-left: 83.333333%;
}

.fx-offset-11 {
  margin-left: 91.666667%;
}

.fx-min-basis {
  flex-basis: 1px;
  min-width: 0;
}

.fx-grow-0 {
  flex-grow: 0;
}

.fx-grow-1 {
  flex-grow: 1;
}

.fx-grow-2 {
  flex-grow: 2;
}

.fx-grow-3 {
  flex-grow: 3;
}

.fx-grow-4 {
  flex-grow: 4;
}

.fx-grow-5 {
  flex-grow: 5;
}

.fx-grow-6 {
  flex-grow: 6;
}

.fx-grow-7 {
  flex-grow: 7;
}

.fx-grow-8 {
  flex-grow: 8;
}

.fx-grow-9 {
  flex-grow: 9;
}

.fx-grow-10 {
  flex-grow: 10;
}

.fx-grow-11 {
  flex-grow: 11;
}

.fx-grow-12 {
  flex-grow: 12;
}

.fx-shrink-0 {
  flex-shrink: 0;
}

.fx-shrink-1 {
  flex-shrink: 1;
}

.fx-shrink-2 {
  flex-shrink: 2;
}

.fx-shrink-3 {
  flex-shrink: 3;
}

.fx-shrink-4 {
  flex-shrink: 4;
}

.fx-shrink-5 {
  flex-shrink: 5;
}

.fx-shrink-6 {
  flex-shrink: 6;
}

.fx-shrink-7 {
  flex-shrink: 7;
}

.fx-shrink-8 {
  flex-shrink: 8;
}

.fx-shrink-9 {
  flex-shrink: 9;
}

.fx-shrink-10 {
  flex-shrink: 10;
}

.fx-shrink-11 {
  flex-shrink: 11;
}

.fx-shrink-12 {
  flex-shrink: 12;
}

.fx-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.fx-nowrap {
  flex-wrap: nowrap;
}

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

.fx-justify-content-around {
  justify-content: space-around;
}

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

.fx-justify-content-center {
  justify-content: center;
}

.fx-justify-content-end {
  justify-content: flex-end;
}

.fx-justify-content-start {
  justify-content: flex-start;
}

.fx-align-items-stretch {
  align-items: stretch;
}

.fx-align-items-baseline {
  align-items: baseline;
}

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

.fx-align-items-end {
  align-items: flex-end;
}

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

.fx-align-content-around {
  align-content: space-around;
}

.fx-align-content-between {
  align-content: space-between;
}

.fx-align-content-center {
  align-content: center;
}

.fx-align-content-end {
  align-content: flex-end;
}

.fx-align-content-start {
  align-content: flex-start;
}

.fx-align-self-stretch {
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.fx-align-self-baseline {
  align-self: baseline;
}

.fx-align-self-center {
  -ms-grid-row-align: center;
  align-self: center;
}

.fx-align-self-end {
  align-self: flex-end;
}

.fx-align-self-start {
  align-self: flex-start;
}

.fx-align-self-auto {
  -ms-grid-row-align: auto;
  align-self: auto;
}

.block {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

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

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

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

.text-justify {
  text-align: justify
}

/*text vertical align*/

.v-align-t {
  vertical-align: top;
}

.v-align-m {
  vertical-align: middle;
}

.v-align-b {
  vertical-align: bottom;
}

/*text no line brack*/

.text-nowrap {
  white-space: nowrap
}

/*text transform*/

.text-lowercase {
  text-transform: lowercase
}

.text-uppercase {
  text-transform: uppercase
}

.text-capitalize {
  text-transform: capitalize
}

/*text size*/

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

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

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

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

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

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

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

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

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

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

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

.font-12vw {
  font-size: calc(12px + 0.390625vw);
}

.font-14vw {
  font-size: calc(14px + 0.390625vw);
}

.font-16vw {
  font-size: calc(16px + 0.390625vw);
}

.font-18vw {
  font-size: calc(18px + 0.390625vw);
}

.font-20vw {
  font-size: calc(20px + 0.390625vw);
}

.font-22vw {
  font-size: calc(22px + 0.390625vw);
}

.font-24vw {
  font-size: calc(24px + 0.390625vw);
}

.font-26vw {
  font-size: calc(26px + 0.390625vw);
}

.font-28vw {
  font-size: calc(28px + 0.390625vw);
}

.font-30vw {
  font-size: calc(30px + 0.390625vw);
}

.font-32vw {
  font-size: calc(32px + 0.390625vw);
}

.font-12r {
  font-size: 0.75rem;
}

.font-14r {
  font-size: 0.875rem;
}

.font-16r {
  font-size: 1rem;
}

.font-18r {
  font-size: 1.125rem;
}

.font-20r {
  font-size: 1.25rem;
}

.font-22r {
  font-size: 1.375rem;
}

.font-24r {
  font-size: 1.5rem;
}

.font-26r {
  font-size: 1.625rem;
}

.font-28r {
  font-size: 1.75rem;
}

.font-30r {
  font-size: 1.875rem;
}

.font-32r {
  font-size: 2rem;
}

.font-36r {
  font-size: 2.25rem;
}

.font-38r {
  font-size: 2.375rem;
}

.font-40r {
  font-size: 2.5rem;
}

.font-42r {
  font-size: 2.625rem;
}

.font-44r {
  font-size: 2.75rem;
}

.font-46r {
  font-size: 2.875rem;
}

.font-48r {
  font-size: 3rem;
}

.font-12-i {
  font-size: 12px !important;
}

.font-14-i {
  font-size: 14px !important;
}

.font-16-i {
  font-size: 16px !important;
}

.font-18-i {
  font-size: 18px !important;
}

.font-20-i {
  font-size: 20px !important;
}

.font-22-i {
  font-size: 22px !important;
}

.font-24-i {
  font-size: 24px !important;
}

.font-26-i {
  font-size: 26px !important;
}

.font-28-i {
  font-size: 28px !important;
}

.font-30-i {
  font-size: 30px !important;
}

.font-32-i {
  font-size: 32px !important;
}

.font-12vw-i {
  font-size: calc(12px + 0.390625vw) !important;
}

.font-14vw-i {
  font-size: calc(14px + 0.390625vw) !important;
}

.font-16vw-i {
  font-size: calc(16px + 0.390625vw) !important;
}

.font-18vw-i {
  font-size: calc(18px + 0.390625vw) !important;
}

.font-20vw-i {
  font-size: calc(20px + 0.390625vw) !important;
}

.font-22vw-i {
  font-size: calc(22px + 0.390625vw) !important;
}

.font-24vw-i {
  font-size: calc(24px + 0.390625vw) !important;
}

.font-26vw-i {
  font-size: calc(26px + 0.390625vw) !important;
}

.font-28vw-i {
  font-size: calc(28px + 0.390625vw) !important;
}

.font-30vw-i {
  font-size: calc(30px + 0.390625vw) !important;
}

.font-32vw-i {
  font-size: calc(32px + 0.390625vw) !important;
}

.font-12r-i {
  font-size: 0.75rem !important;
}

.font-14r-i {
  font-size: 0.875rem !important;
}

.font-16r-i {
  font-size: 1rem !important;
}

.font-18r-i {
  font-size: 1.125rem !important;
}

.font-20r-i {
  font-size: 1.25rem !important;
}

.font-22r-i {
  font-size: 1.375rem !important;
}

.font-24r-i {
  font-size: 1.5rem !important;
}

.font-26r-i {
  font-size: 1.625rem !important;
}

.font-28r-i {
  font-size: 1.75rem !important;
}

.font-30r-i {
  font-size: 1.875rem !important;
}

.font-32r-i {
  font-size: 2rem !important;
}

.font-38r-i {
  font-size: 2.375rem !important;
}

.font-40r-i {
  font-size: 2.5rem !important;
}

.font-42r-i {
  font-size: 2.625rem !important;
}

.font-44r-i {
  font-size: 2.75rem !important;
}

.font-46r-i {
  font-size: 2.875rem !important;
}

.font-48r-i {
  font-size: 3rem !important;
}

/*text weight*/

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

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

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

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

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

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

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

/*---------------------------------------------------------------
4. LISTS
---------------------------------------------------------------*/

dl:not([class]),
ul:not([class]),
ol:not([class]) {
  list-style-position: outside;
  padding: 0;
}

ul:not([class]),
ol:not([class]) {
  margin-bottom: 24px;
}

ul:not([class]) li,
ol:not([class]) li {
  padding: 0;
}

dl:not([class]) {
  margin-left: 0;
  margin-bottom: 30px;
}

dl:not([class]) dd {
  margin-bottom: 10px;
}

/*---------------------------------------------------------------
5. BOX SPACING (inner & outer)
  >padding
  >marging
---------------------------------------------------------------*/
/*== >padding (around) ======*/

.p-a0 {
  padding: 0;
}

.p-a5 {
  padding: 5px;
}

.p-a10 {
  padding: 10px;
}

.p-a15 {
  padding: 15px;
}

.p-a20 {
  padding: 20px;
}

.p-a25 {
  padding: 25px;
}

.p-a30 {
  padding: 30px;
}

.p-a40 {
  padding: 40px;
}

.p-a50 {
  padding: 50px;
}

.p-a60 {
  padding: 60px;
}

.p-a70 {
  padding: 70px;
}

.p-a80 {
  padding: 80px;
}

.p-a90 {
  padding: 90px;
}

.p-a100 {
  padding: 100px;
}

/*== >Padding (top) ==*/

.p-t0 {
  padding-top: 0;
}

.p-t5 {
  padding-top: 5px;
}

.p-t10 {
  padding-top: 10px;
}

.p-t15 {
  padding-top: 15px;
}

.p-t20 {
  padding-top: 20px;
}

.p-t30 {
  padding-top: 30px;
}

.p-t40 {
  padding-top: 40px;
}

.p-t50 {
  padding-top: 50px;
}

.p-t60 {
  padding-top: 60px;
}

.p-t70 {
  padding-top: 70px;
}

.p-t80 {
  padding-top: 80px;
}

.p-t90 {
  padding-top: 90px;
}

.p-t100 {
  padding-top: 100px;
}

/*== >Padding (bottom) ==*/

.p-b0 {
  padding-bottom: 0;
}

.p-b5 {
  padding-bottom: 5px;
}

.p-b10 {
  padding-bottom: 10px;
}

.p-b15 {
  padding-bottom: 15px;
}

.p-b20 {
  padding-bottom: 20px;
}

.p-b30 {
  padding-bottom: 30px;
}

.p-b40 {
  padding-bottom: 40px;
}

.p-b50 {
  padding-bottom: 50px;
}

.p-b60 {
  padding-bottom: 60px;
}

.p-b70 {
  padding-bottom: 70px;
}

.p-b80 {
  padding-bottom: 80px;
}

.p-b90 {
  padding-bottom: 90px;
}

.p-b100 {
  padding-bottom: 100px;
}

/*== >Padding (left) ==*/

.p-l0 {
  padding-left: 0;
}

.p-l5 {
  padding-left: 5px;
}

.p-l10 {
  padding-left: 10px;
}

.p-l15 {
  padding-left: 15px;
}

.p-l20 {
  padding-left: 20px;
}

.p-l20-i {
  padding-left: 20px !important;
}

.p-l30 {
  padding-left: 30px;
}

.p-l40 {
  padding-left: 40px;
}

.p-l50 {
  padding-left: 50px;
}

.p-l60 {
  padding-left: 60px;
}

.p-l70 {
  padding-left: 70px;
}

.p-l80 {
  padding-left: 80px;
}

.p-l90 {
  padding-left: 90px;
}

.p-l100 {
  padding-left: 100px;
}

/*== >Padding (right) ==*/

.p-r0 {
  padding-right: 0;
}

.p-r5 {
  padding-right: 5px;
}

.p-r10 {
  padding-right: 10px;
}

.p-r15 {
  padding-right: 15px;
}

.p-r20 {
  padding-right: 20px;
}

.p-r30 {
  padding-right: 30px;
}

.p-r40 {
  padding-right: 40px;
}

.p-r50 {
  padding-right: 50px;
}

.p-r60 {
  padding-right: 60px;
}

.p-r70 {
  padding-right: 70px;
}

.p-r80 {
  padding-right: 80px;
}

.p-r90 {
  padding-right: 90px;
}

.p-r100 {
  padding-right: 100px;
}

/*== >Padding (left right) ==*/

.p-lr0 {
  padding-left: 0;
  padding-right: 0;
}

.p-lr5 {
  padding-left: 5px;
  padding-right: 5px;
}

.p-lr10 {
  padding-left: 10px;
  padding-right: 10px;
}

.p-lr15 {
  padding-left: 15px;
  padding-right: 15px;
}

.p-lr20 {
  padding-left: 20px;
  padding-right: 20px;
}

.p-lr30 {
  padding-left: 30px;
  padding-right: 30px;
}

.p-lr40 {
  padding-left: 40px;
  padding-right: 40px;
}

.p-lr50 {
  padding-left: 50px;
  padding-right: 50px;
}

.p-lr60 {
  padding-left: 60px;
  padding-right: 60px;
}

.p-lr70 {
  padding-left: 70px;
  padding-right: 70px;
}

.p-lr80 {
  padding-left: 80px;
  padding-right: 80px;
}

.p-lr90 {
  padding-left: 90px;
  padding-right: 90px;
}

.p-lr100 {
  padding-left: 100px;
  padding-right: 100px;
}

/*== >Padding (top bottom) ==*/

.p-tb0 {
  padding-bottom: 0;
  padding-top: 0;
}

.p-tb5 {
  padding-bottom: 5px;
  padding-top: 5px;
}

.p-tb10 {
  padding-bottom: 10px;
  padding-top: 10px;
}

.p-tb15 {
  padding-bottom: 15px;
  padding-top: 15px;
}

.p-tb20 {
  padding-bottom: 20px;
  padding-top: 20px;
}

.p-tb30 {
  padding-bottom: 30px;
  padding-top: 30px;
}

.p-tb40 {
  padding-bottom: 40px;
  padding-top: 40px;
}

.p-tb50 {
  padding-bottom: 50px;
  padding-top: 50px;
}

.p-tb60 {
  padding-bottom: 60px;
  padding-top: 60px;
}

.p-tb70 {
  padding-bottom: 70px;
  padding-top: 70px;
}

.p-tb80 {
  padding-bottom: 80px;
  padding-top: 80px;
}

.p-tb90 {
  padding-bottom: 90px;
  padding-top: 90px;
}

.p-tb100 {
  padding-bottom: 100px;
  padding-top: 100px;
}

.p-a0-i {
  padding: 0 !important;
}

.p-a5-i {
  padding: 5px !important;
}

.p-a10-i {
  padding: 10px !important;
}

.p-a15-i {
  padding: 15px !important;
}

.p-a20-i {
  padding: 20px !important;
}

.p-a25-i {
  padding: 25px !important;
}

.p-a30-i {
  padding: 30px !important;
}

.p-a40-i {
  padding: 40px !important;
}

.p-a50-i {
  padding: 50px !important;
}

.p-a60-i {
  padding: 60px !important;
}

.p-a70-i {
  padding: 70px !important;
}

.p-a80-i {
  padding: 80px !important;
}

.p-a90-i {
  padding: 90px !important;
}

.p-a100-i {
  padding: 100px !important;
}

/*== >Padding (top) ==*/

.p-t0-i {
  padding-top: 0 !important;
}

.p-t5-i {
  padding-top: 5px !important;
}

.p-t10-i {
  padding-top: 10px !important;
}

.p-t15-i {
  padding-top: 15px !important;
}

.p-t20-i {
  padding-top: 20px !important;
}

.p-t30-i {
  padding-top: 30px !important;
}

.p-t40-i {
  padding-top: 40px !important;
}

.p-t50-i {
  padding-top: 50px !important;
}

.p-t60-i {
  padding-top: 60px !important;
}

.p-t70-i {
  padding-top: 70px !important;
}

.p-t80-i {
  padding-top: 80px !important;
}

.p-t90-i {
  padding-top: 90px !important;
}

.p-t100-i {
  padding-top: 100px !important;
}

/*== >Padding (bottom) ==*/

.p-b0-i {
  padding-bottom: 0 !important;
}

.p-b5-i {
  padding-bottom: 5px !important;
}

.p-b10-i {
  padding-bottom: 10px !important;
}

.p-b15-i {
  padding-bottom: 15px !important;
}

.p-b20-i {
  padding-bottom: 20px !important;
}

.p-b30-i {
  padding-bottom: 30px !important;
}

.p-b40-i {
  padding-bottom: 40px !important;
}

.p-b50-i {
  padding-bottom: 50px !important;
}

.p-b60-i {
  padding-bottom: 60px !important;
}

.p-b70-i {
  padding-bottom: 70px !important;
}

.p-b80-i {
  padding-bottom: 80px !important;
}

.p-b90-i {
  padding-bottom: 90px !important;
}

.p-b100-i {
  padding-bottom: 100px !important;
}

/*== >Padding (left) ==*/

.p-l0-i {
  padding-left: 0 !important;
}

.p-l5-i {
  padding-left: 5px !important;
}

.p-l10-i {
  padding-left: 10px !important;
}

.p-l15-i {
  padding-left: 15px !important;
}

.p-l20-i {
  padding-left: 20px !important;
}

.p-l20-i-i {
  padding-left: 20px !important
}

.p-l30-i {
  padding-left: 30px !important;
}

.p-l40-i {
  padding-left: 40px !important;
}

.p-l50-i {
  padding-left: 50px !important;
}

.p-l60-i {
  padding-left: 60px !important;
}

.p-l70-i {
  padding-left: 70px !important;
}

.p-l80-i {
  padding-left: 80px !important;
}

.p-l90-i {
  padding-left: 90px !important;
}

.p-l100-i {
  padding-left: 100px !important;
}

/*== >Padding (right) ==*/

.p-r0-i {
  padding-right: 0 !important;
}

.p-r5-i {
  padding-right: 5px !important;
}

.p-r10-i {
  padding-right: 10px !important;
}

.p-r15-i {
  padding-right: 15px !important;
}

.p-r20-i {
  padding-right: 20px !important;
}

.p-r30-i {
  padding-right: 30px !important;
}

.p-r40-i {
  padding-right: 40px !important;
}

.p-r50-i {
  padding-right: 50px !important;
}

.p-r60-i {
  padding-right: 60px !important;
}

.p-r70-i {
  padding-right: 70px !important;
}

.p-r80-i {
  padding-right: 80px !important;
}

.p-r90-i {
  padding-right: 90px !important;
}

.p-r100-i {
  padding-right: 100px !important;
}

/*== >Padding (left right) ==*/

.p-lr0-i {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p-lr5-i {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.p-lr10-i {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.p-lr15-i {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.p-lr20-i {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.p-lr30-i {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.p-lr40-i {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.p-lr50-i {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.p-lr60-i {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.p-lr70-i {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.p-lr80-i {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.p-lr90-i {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.p-lr100-i {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

/*== >Padding (top bottom) ==*/

.p-tb0-i {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.p-tb5-i {
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}

.p-tb10-i {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

.p-tb15-i {
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}

.p-tb20-i {
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}

.p-tb30-i {
  padding-bottom: 30px !important;
  padding-top: 30px !important;
}

.p-tb40-i {
  padding-bottom: 40px !important;
  padding-top: 40px !important;
}

.p-tb50-i {
  padding-bottom: 50px !important;
  padding-top: 50px !important;
}

.p-tb60-i {
  padding-bottom: 60px !important;
  padding-top: 60px !important;
}

.p-tb70-i {
  padding-bottom: 70px !important;
  padding-top: 70px !important;
}

.p-tb80-i {
  padding-bottom: 80px !important;
  padding-top: 80px !important;
}

.p-tb90-i {
  padding-bottom: 90px !important;
  padding-top: 90px !important;
}

.p-tb100-i {
  padding-bottom: 100px !important;
  padding-top: 100px !important;
}

/*== >margin (around) ======*/

.m-auto {
  margin: auto;
}

.m-a0 {
  margin: 0;
}

.m-a5 {
  margin: 5px;
}

.m-a10 {
  margin: 10px;
}

.m-a15 {
  margin: 15px;
}

.m-a20 {
  margin: 20px;
}

.m-a30 {
  margin: 30px;
}

.m-a40 {
  margin: 40px;
}

.m-a50 {
  margin: 50px;
}

.m-a60 {
  margin: 60px;
}

.m-a70 {
  margin: 70px;
}

.m-a80 {
  margin: 80px;
}

.m-a90 {
  margin: 90px;
}

.m-a100 {
  margin: 100px;
}

/*== >marging (top) ==*/

.m-t0 {
  margin-top: 0;
}

.m-t5 {
  margin-top: 5px;
}

.m-t10 {
  margin-top: 10px;
}

.m-t15 {
  margin-top: 15px;
}

.m-t20 {
  margin-top: 20px;
}

.m-t30 {
  margin-top: 30px;
}

.m-t40 {
  margin-top: 40px;
}

.m-t50 {
  margin-top: 50px;
}

.m-t60 {
  margin-top: 60px;
}

.m-t70 {
  margin-top: 70px;
}

.m-t80 {
  margin-top: 80px;
}

.m-t90 {
  margin-top: 90px;
}

.m-t100 {
  margin-top: 100px;
}

/*== >marging (bottom) ==*/

.m-b0 {
  margin-bottom: 0;
}

.m-b5 {
  margin-bottom: 5px;
}

.m-b10 {
  margin-bottom: 10px;
}

.m-b15 {
  margin-bottom: 15px;
}

.m-b20 {
  margin-bottom: 20px;
}

.m-b20-i {
  margin-bottom: 20px !important;
}

.m-b30 {
  margin-bottom: 30px !important;
}

.m-b30-i {
  margin-bottom: 30px;
}

.m-b40 {
  margin-bottom: 40px;
}

.m-b50 {
  margin-bottom: 50px;
}

.m-b60 {
  margin-bottom: 60px;
}

.m-b70 {
  margin-bottom: 70px;
}

.m-b80 {
  margin-bottom: 80px;
}

.m-b90 {
  margin-bottom: 90px;
}

.m-b100 {
  margin-bottom: 100px;
}

/*== >marging (left) ==*/

.m-l0 {
  margin-left: 0;
}

.m-l5 {
  margin-left: 5px;
}

.m-l10 {
  margin-left: 10px;
}

.m-l15 {
  margin-left: 15px;
}

.m-l20 {
  margin-left: 20px;
}

.m-l30 {
  margin-left: 30px;
}

.m-l40 {
  margin-left: 40px;
}

.m-l50 {
  margin-left: 50px;
}

.m-l60 {
  margin-left: 60px;
}

.m-l70 {
  margin-left: 70px;
}

.m-l80 {
  margin-left: 80px;
}

.m-l90 {
  margin-left: 90px;
}

.m-l100 {
  margin-left: 100px;
}

/*== >marging (right) ==*/

.m-r0 {
  margin-right: 0;
}

.m-r5 {
  margin-right: 5px;
}

.m-r10 {
  margin-right: 10px;
}

.m-r15 {
  margin-right: 15px;
}

.m-r20 {
  margin-right: 20px;
}

.m-r30 {
  margin-right: 30px;
}

.m-r40 {
  margin-right: 40px;
}

.m-r50 {
  margin-right: 50px;
}

.m-r60 {
  margin-right: 60px;
}

.m-r70 {
  margin-right: 70px;
}

.m-r80 {
  margin-right: 80px;
}

.m-r90 {
  margin-right: 90px;
}

.m-r100 {
  margin-right: 100px;
}

/*== >marging (left right) ==*/

.m-lr0 {
  margin-left: 0;
  margin-right: 0;
}

.m-lr5 {
  margin-left: 5px;
  margin-right: 5px;
}

.m-lr10 {
  margin-left: 10px;
  margin-right: 10px;
}

.m-lr15 {
  margin-left: 15px;
  margin-right: 15px;
}

.m-lr20 {
  margin-left: 20px;
  margin-right: 20px;
}

.m-lr30 {
  margin-left: 30px;
  margin-right: 30px;
}

.m-lr40 {
  margin-left: 40px;
  margin-right: 40px;
}

.m-lr50 {
  margin-left: 50px;
  margin-right: 50px;
}

.m-lr60 {
  margin-left: 60px;
  margin-right: 60px;
}

.m-lr70 {
  margin-left: 70px;
  margin-right: 70px;
}

.m-lr80 {
  margin-left: 80px;
  margin-right: 80px;
}

.m-lr90 {
  margin-left: 90px;
  margin-right: 90px;
}

.m-lr100 {
  margin-left: 100px;
  margin-right: 100px;
}

/*== >marging (top bottom) ==*/

.m-tb0 {
  margin-bottom: 0;
  margin-top: 0;
}

.m-tb5 {
  margin-bottom: 5px;
  margin-top: 5px;
}

.m-tb10 {
  margin-bottom: 10px;
  margin-top: 10px;
}

.m-tb15 {
  margin-bottom: 15px;
  margin-top: 15px;
}

.m-tb20 {
  margin-bottom: 20px;
  margin-top: 20px;
}

.m-tb30 {
  margin-bottom: 30px;
  margin-top: 30px;
}

.m-tb40 {
  margin-bottom: 40px;
  margin-top: 40px;
}

.m-tb50 {
  margin-bottom: 50px;
  margin-top: 50px;
}

.m-tb60 {
  margin-bottom: 60px;
  margin-top: 60px;
}

.m-tb70 {
  margin-bottom: 70px;
  margin-top: 70px;
}

.m-tb80 {
  margin-bottom: 80px;
  margin-top: 80px;
}

.m-tb90 {
  margin-bottom: 90px;
  margin-top: 90px;
}

.m-tb100 {
  margin-bottom: 100px;
  margin-top: 100px;
}

/*---------------------------------------------------------------
6. BOX MAX-WIDTH CSS
---------------------------------------------------------------*/

.max-w100 {
  max-width: 100px;
}

.max-w200 {
  max-width: 200px;
}

.max-w300 {
  max-width: 300px;
}

.max-w400 {
  max-width: 400px;
}

.max-w500 {
  max-width: 500px;
}

.max-w600 {
  max-width: 600px;
}

.c {
  max-width: 700px;
}

.max-w800 {
  max-width: 800px;
}

.max-w900 {
  max-width: 900px;
}

.max-w1000 {
  max-width: 1000px;
}

.max-w1200 {
  max-width: 1200px;
}

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

.m-auto-i {
  margin: auto !important;
}

.m-a0-i {
  margin: 0 !important;
}

.m-a5-i {
  margin: 5px !important;
}

.m-a10-i {
  margin: 10px !important;
}

.m-a15-i {
  margin: 15px !important;
}

.m-a20-i {
  margin: 20px !important;
}

.m-a30-i {
  margin: 30px !important;
}

.m-a40-i {
  margin: 40px !important;
}

.m-a50-i {
  margin: 50px !important;
}

.m-a60-i {
  margin: 60px !important;
}

.m-a70-i {
  margin: 70px !important;
}

.m-a80-i {
  margin: 80px !important;
}

.m-a90-i {
  margin: 90px !important;
}

.m-a100-i {
  margin: 100px !important;
}

/*== >marging (top) ==*/

.m-t0-i {
  margin-top: 0 !important;
}

.m-t5-i {
  margin-top: 5px !important;
}

.m-t10-i {
  margin-top: 10px !important;
}

.m-t15-i {
  margin-top: 15px !important;
}

.m-t20-i {
  margin-top: 20px !important;
}

.m-t30-i {
  margin-top: 30px !important;
}

.m-t40-i {
  margin-top: 40px !important;
}

.m-t50-i {
  margin-top: 50px !important;
}

.m-t60-i {
  margin-top: 60px !important;
}

.m-t70-i {
  margin-top: 70px !important;
}

.m-t80-i {
  margin-top: 80px !important;
}

.m-t90-i {
  margin-top: 90px !important;
}

.m-t100-i {
  margin-top: 100px !important;
}

/*== >marging (bottom) ==*/

.m-b0-i {
  margin-bottom: 0 !important;
}

.m-b5-i {
  margin-bottom: 5px !important;
}

.m-b10-i {
  margin-bottom: 10px !important;
}

.m-b15-i {
  margin-bottom: 15px !important;
}

.m-b20-i {
  margin-bottom: 20px !important;
}

.m-b20-i-i {
  margin-bottom: 20px !important
}

.m-b30-i {
  margin-bottom: 30px !important
}

.m-b30-i-i {
  margin-bottom: 30px !important;
}

.m-b40-i {
  margin-bottom: 40px !important;
}

.m-b50-i {
  margin-bottom: 50px !important;
}

.m-b60-i {
  margin-bottom: 60px !important;
}

.m-b70-i {
  margin-bottom: 70px !important;
}

.m-b80-i {
  margin-bottom: 80px !important;
}

.m-b90-i {
  margin-bottom: 90px !important;
}

.m-b100-i {
  margin-bottom: 100px !important;
}

/*== >marging (left) ==*/

.m-l0-i {
  margin-left: 0 !important;
}

.m-l5-i {
  margin-left: 5px !important;
}

.m-l10-i {
  margin-left: 10px !important;
}

.m-l15-i {
  margin-left: 15px !important;
}

.m-l20-i {
  margin-left: 20px !important;
}

.m-l30-i {
  margin-left: 30px !important;
}

.m-l40-i {
  margin-left: 40px !important;
}

.m-l50-i {
  margin-left: 50px !important;
}

.m-l60-i {
  margin-left: 60px !important;
}

.m-l70-i {
  margin-left: 70px !important;
}

.m-l80-i {
  margin-left: 80px !important;
}

.m-l90-i {
  margin-left: 90px !important;
}

.m-l100-i {
  margin-left: 100px !important;
}

/*== >marging (right) ==*/

.m-r0-i {
  margin-right: 0 !important;
}

.m-r5-i {
  margin-right: 5px !important;
}

.m-r10-i {
  margin-right: 10px !important;
}

.m-r15-i {
  margin-right: 15px !important;
}

.m-r20-i {
  margin-right: 20px !important;
}

.m-r30-i {
  margin-right: 30px !important;
}

.m-r40-i {
  margin-right: 40px !important;
}

.m-r50-i {
  margin-right: 50px !important;
}

.m-r60-i {
  margin-right: 60px !important;
}

.m-r70-i {
  margin-right: 70px !important;
}

.m-r80-i {
  margin-right: 80px !important;
}

.m-r90-i {
  margin-right: 90px !important;
}

.m-r100-i {
  margin-right: 100px !important;
}

/*== >marging (left right) ==*/

.m-lr0-i {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.m-lr5-i {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.m-lr10-i {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.m-lr15-i {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.m-lr20-i {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.m-lr30-i {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.m-lr40-i {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.m-lr50-i {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.m-lr60-i {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.m-lr70-i {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.m-lr80-i {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.m-lr90-i {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.m-lr100-i {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

/*== >marging (top bottom) ==*/

.m-tb0-i {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.m-tb5-i {
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}

.m-tb10-i {
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

.m-tb15-i {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}

.m-tb20-i {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}

.m-tb30-i {
  margin-bottom: 30px !important;
  margin-top: 30px !important;
}

.m-tb40-i {
  margin-bottom: 40px !important;
  margin-top: 40px !important;
}

.m-tb50-i {
  margin-bottom: 50px !important;
  margin-top: 50px !important;
}

.m-tb60-i {
  margin-bottom: 60px !important;
  margin-top: 60px !important;
}

.m-tb70-i {
  margin-bottom: 70px !important;
  margin-top: 70px !important;
}

.m-tb80-i {
  margin-bottom: 80px !important;
  margin-top: 80px !important;
}

.m-tb90-i {
  margin-bottom: 90px !important;
  margin-top: 90px !important;
}

.m-tb100-i {
  margin-bottom: 100px !important;
  margin-top: 100px !important;
}

.max-w100 {
  max-width: 100px !important;
}

.max-w200 {
  max-width: 200px !important;
}

.max-w300 {
  max-width: 300px !important;
}

.max-w400 {
  max-width: 400px !important;
}

.max-w500 {
  max-width: 500px !important;
}

.max-w600 {
  max-width: 600px !important;
}

.max-w700 {
  max-width: 700px !important;
}

.max-w800 {
  max-width: 800px !important;
}

.max-w900 {
  max-width: 900px !important;
}

.max-w1000 {
  max-width: 1000px !important;
}

.vh-10 {
  height: 10vh;
}

.vh-20 {
  height: 20vh;
}

.vh-30 {
  height: 30vh;
}

.vh-40 {
  height: 40vh;
}

.vh-50 {
  height: 50vh;
}

.vh-60 {
  height: 60vh;
}

.vh-70 {
  height: 70vh;
}

.vh-80 {
  height: 80vh;
}

.vh-90 {
  height: 90vh;
}

.vw-10 {
  width: 10vh;
}

.vw-20 {
  width: 20vh;
}

.vw-30 {
  width: 30vh;
}

.vw-40 {
  width: 40vh;
}

.vw-50 {
  width: 50vh;
}

.vw-60 {
  width: 60vh;
}

.vw-70 {
  width: 70vh;
}

.vw-80 {
  width: 80vh;
}

.vw-90 {
  width: 90vh;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

/*---------------------------------------------------------------
7. POSITIONS ( absolute & relative & statice & z-index )
---------------------------------------------------------------*/

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.static {
  position: static;
}

.z-index1 {
  z-index: 1;
}

.z-index2 {
  z-index: 2;
}

.z-index3 {
  z-index: 3;
}

.z-index4 {
  z-index: 4;
}

.z-index5 {
  z-index: 5;
}

.z-index6 {
  z-index: 6;
}

.z-index7 {
  z-index: 7;
}

.z-index8 {
  z-index: 8;
}

.z-index9 {
  z-index: 9;
}

.z-index10 {
  z-index: 10;
}

.z-index100 {
  z-index: 100;
}

.z-index999 {
  z-index: 999;
}

.dh {
  display: none;
}


@media screen and (min-width: 1200px) {

  .d-xl-h {
    display: none !important;
  }

  .p-xl-a0 {
    padding: 0;
  }

  .p-xl-a5 {
    padding: 5px;
  }

  .p-xl-a10 {
    padding: 10px;
  }

  .p-xl-a15 {
    padding: 15px;
  }

  .p-xl-a20 {
    padding: 20px;
  }

  .p-xl-a25 {
    padding: 25px;
  }

  .p-xl-a30 {
    padding: 30px;
  }

  .p-xl-a40 {
    padding: 40px;
  }

  .p-xl-a50 {
    padding: 50px;
  }

  .p-xl-a60 {
    padding: 60px;
  }

  .p-xl-a70 {
    padding: 70px;
  }

  .p-xl-a80 {
    padding: 80px;
  }

  .p-xl-a90 {
    padding: 90px;
  }

  .p-xl-a100 {
    padding: 100px;
  }

  /*== >Padding (top) ==*/

  .p-xl-t0 {
    padding-top: 0;
  }

  .p-xl-t5 {
    padding-top: 5px;
  }

  .p-xl-t10 {
    padding-top: 10px;
  }

  .p-xl-t15 {
    padding-top: 15px;
  }

  .p-xl-t20 {
    padding-top: 20px;
  }

  .p-xl-t30 {
    padding-top: 30px;
  }

  .p-xl-t40 {
    padding-top: 40px;
  }

  .p-xl-t50 {
    padding-top: 50px;
  }

  .p-xl-t60 {
    padding-top: 60px;
  }

  .p-xl-t70 {
    padding-top: 70px;
  }

  .p-xl-t80 {
    padding-top: 80px;
  }

  .p-xl-t90 {
    padding-top: 90px;
  }

  .p-xl-t100 {
    padding-top: 100px;
  }

  /*== >Padding (bottom) ==*/

  .p-xl-b0 {
    padding-bottom: 0;
  }

  .p-xl-b5 {
    padding-bottom: 5px;
  }

  .p-xl-b10 {
    padding-bottom: 10px;
  }

  .p-xl-b15 {
    padding-bottom: 15px;
  }

  .p-xl-b20 {
    padding-bottom: 20px;
  }

  .p-xl-b30 {
    padding-bottom: 30px;
  }

  .p-xl-b40 {
    padding-bottom: 40px;
  }

  .p-xl-b50 {
    padding-bottom: 50px;
  }

  .p-xl-b60 {
    padding-bottom: 60px;
  }

  .p-xl-b70 {
    padding-bottom: 70px;
  }

  .p-xl-b80 {
    padding-bottom: 80px;
  }

  .p-xl-b90 {
    padding-bottom: 90px;
  }

  .p-xl-b100 {
    padding-bottom: 100px;
  }

  /*== >Padding (left) ==*/

  .p-xl-l0 {
    padding-left: 0;
  }

  .p-xl-l5 {
    padding-left: 5px;
  }

  .p-xl-l10 {
    padding-left: 10px;
  }

  .p-xl-l15 {
    padding-left: 15px;
  }

  .p-xl-l20 {
    padding-left: 20px;
  }

  .p-xl-l20-i {
    padding-left: 20px !important;
  }

  .p-xl-l30 {
    padding-left: 30px;
  }

  .p-xl-l40 {
    padding-left: 40px;
  }

  .p-xl-l50 {
    padding-left: 50px;
  }

  .p-xl-l60 {
    padding-left: 60px;
  }

  .p-xl-l70 {
    padding-left: 70px;
  }

  .p-xl-l80 {
    padding-left: 80px;
  }

  .p-xl-l90 {
    padding-left: 90px;
  }

  .p-xl-l100 {
    padding-left: 100px;
  }

  /*== >Padding (right) ==*/

  .p-xl-r0 {
    padding-right: 0;
  }

  .p-xl-r5 {
    padding-right: 5px;
  }

  .p-xl-r10 {
    padding-right: 10px;
  }

  .p-xl-r15 {
    padding-right: 15px;
  }

  .p-xl-r20 {
    padding-right: 20px;
  }

  .p-xl-r30 {
    padding-right: 30px;
  }

  .p-xl-r40 {
    padding-right: 40px;
  }

  .p-xl-r50 {
    padding-right: 50px;
  }

  .p-xl-r60 {
    padding-right: 60px;
  }

  .p-xl-r70 {
    padding-right: 70px;
  }

  .p-xl-r80 {
    padding-right: 80px;
  }

  .p-xl-r90 {
    padding-right: 90px;
  }

  .p-xl-r100 {
    padding-right: 100px;
  }

  /*== >margin (around) ======*/

  .m-xl-auto {
    margin: auto;
  }

  .m-xl-a0 {
    margin: 0;
  }

  .m-xl-a5 {
    margin: 5px;
  }

  .m-xl-a10 {
    margin: 10px;
  }

  .m-xl-a15 {
    margin: 15px;
  }

  .m-xl-a20 {
    margin: 20px;
  }

  .m-xl-a30 {
    margin: 30px;
  }

  .m-xl-a40 {
    margin: 40px;
  }

  .m-xl-a50 {
    margin: 50px;
  }

  .m-xl-a60 {
    margin: 60px;
  }

  .m-xl-a70 {
    margin: 70px;
  }

  .m-xl-a80 {
    margin: 80px;
  }

  .m-xl-a90 {
    margin: 90px;
  }

  .m-xl-a100 {
    margin: 100px;
  }

  /*== >marging (top) ==*/

  .m-xl-t0 {
    margin-top: 0;
  }

  .m-xl-t5 {
    margin-top: 5px;
  }

  .m-xl-t10 {
    margin-top: 10px;
  }

  .m-xl-t15 {
    margin-top: 15px;
  }

  .m-xl-t20 {
    margin-top: 20px;
  }

  .m-xl-t30 {
    margin-top: 30px;
  }

  .m-xl-t40 {
    margin-top: 40px;
  }

  .m-xl-t50 {
    margin-top: 50px;
  }

  .m-xl-t60 {
    margin-top: 60px;
  }

  .m-xl-t70 {
    margin-top: 70px;
  }

  .m-xl-t80 {
    margin-top: 80px;
  }

  .m-xl-t90 {
    margin-top: 90px;
  }

  .m-xl-t100 {
    margin-top: 100px;
  }

  /*== >marging (bottom) ==*/

  .m-xl-b0 {
    margin-bottom: 0;
  }

  .m-xl-b5 {
    margin-bottom: 5px;
  }

  .m-xl-b10 {
    margin-bottom: 10px;
  }

  .m-xl-b15 {
    margin-bottom: 15px;
  }

  .m-xl-b20 {
    margin-bottom: 20px;
  }

  .m-xl-b20-i {
    margin-bottom: 20px !important;
  }

  .m-xl-b30 {
    margin-bottom: 30px !important;
  }

  .m-xl-b30-i {
    margin-bottom: 30px;
  }

  .m-xl-b40 {
    margin-bottom: 40px;
  }

  .m-xl-b50 {
    margin-bottom: 50px;
  }

  .m-xl-b60 {
    margin-bottom: 60px;
  }

  .m-xl-b70 {
    margin-bottom: 70px;
  }

  .m-xl-b80 {
    margin-bottom: 80px;
  }

  .m-xl-b90 {
    margin-bottom: 90px;
  }

  .m-xl-b100 {
    margin-bottom: 100px;
  }

  /*== >marging (left) ==*/

  .m-xl-l0 {
    margin-left: 0;
  }

  .m-xl-l5 {
    margin-left: 5px;
  }

  .m-xl-l10 {
    margin-left: 10px;
  }

  .m-xl-l15 {
    margin-left: 15px;
  }

  .m-xl-l20 {
    margin-left: 20px;
  }

  .m-xl-l30 {
    margin-left: 30px;
  }

  .m-xl-l40 {
    margin-left: 40px;
  }

  .m-xl-l50 {
    margin-left: 50px;
  }

  .m-xl-l60 {
    margin-left: 60px;
  }

  .m-xl-l70 {
    margin-left: 70px;
  }

  .m-xl-l80 {
    margin-left: 80px;
  }

  .m-xl-l90 {
    margin-left: 90px;
  }

  .m-xl-l100 {
    margin-left: 100px;
  }

  /*== >marging (right) ==*/

  .m-xl-r0 {
    margin-right: 0;
  }

  .m-xl-r5 {
    margin-right: 5px;
  }

  .m-xl-r10 {
    margin-right: 10px;
  }

  .m-xl-r15 {
    margin-right: 15px;
  }

  .m-xl-r20 {
    margin-right: 20px;
  }

  .m-xl-r30 {
    margin-right: 30px;
  }

  .m-xl-r40 {
    margin-right: 40px;
  }

  .m-xl-r50 {
    margin-right: 50px;
  }

  .m-xl-r60 {
    margin-right: 60px;
  }

  .m-xl-r70 {
    margin-right: 70px;
  }

  .m-xl-r80 {
    margin-right: 80px;
  }

  .m-xl-r90 {
    margin-right: 90px;
  }

  .m-xl-r100 {
    margin-right: 100px;
  }

  .text-xl-left {
    text-align: left;
  }

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

  .text-xl-right {
    text-align: right;
  }

  .text-xl-justify {
    text-align: justify
  }

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

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

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

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

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

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

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

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

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

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

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

  .font-xl-12vw {
    font-size: calc(12px + 0.390625vw);
  }

  .font-xl-14vw {
    font-size: calc(14px + 0.390625vw);
  }

  .font-xl-16vw {
    font-size: calc(16px + 0.390625vw);
  }

  .font-xl-18vw {
    font-size: calc(18px + 0.390625vw);
  }

  .font-xl-20vw {
    font-size: calc(20px + 0.390625vw);
  }

  .font-xl-22vw {
    font-size: calc(22px + 0.390625vw);
  }

  .font-xl-24vw {
    font-size: calc(24px + 0.390625vw);
  }

  .font-xl-26vw {
    font-size: calc(26px + 0.390625vw);
  }

  .font-xl-28vw {
    font-size: calc(28px + 0.390625vw);
  }

  .font-xl-30vw {
    font-size: calc(30px + 0.390625vw);
  }

  .font-xl-32vw {
    font-size: calc(32px + 0.390625vw);
  }

  .font-xl-12r {
    font-size: 0.75rem;
  }

  .font-xl-14r {
    font-size: 0.875rem;
  }

  .font-xl-16r {
    font-size: 1rem;
  }

  .font-xl-18r {
    font-size: 1.125rem;
  }

  .font-xl-20r {
    font-size: 1.25rem;
  }

  .font-xl-22r {
    font-size: 1.375rem;
  }

  .font-xl-24r {
    font-size: 1.5rem;
  }

  .font-xl-26r {
    font-size: 1.625rem;
  }

  .font-xl-28r {
    font-size: 1.75rem;
  }

  .font-xl-30r {
    font-size: 1.875rem;
  }

  .font-xl-32r {
    font-size: 2rem;
  }

  .font-xl-36r {
    font-size: 2.25rem;
  }

  .font-xl-38r {
    font-size: 2.375rem;
  }

  .font-xl-40r {
    font-size: 2.5rem;
  }

  .font-xl-42r {
    font-size: 2.625rem;
  }

  .font-xl-44r {
    font-size: 2.75rem;
  }

  .font-xl-46r {
    font-size: 2.875rem;
  }

  .font-xl-48r {
    font-size: 3rem;
  }



  .font-xl-14-i {
    font-size: 14px !important;

  }

  .font-xl-16-i {
    font-size: 16px !important;

  }

  .font-xl-18-i {
    font-size: 18px !important;

  }

  .font-xl-20-i {
    font-size: 20px !important;

  }

  .font-xl-22-i {
    font-size: 22px !important;

  }

  .font-xl-24-i {
    font-size: 24px !important;

  }

  .font-xl-26-i {
    font-size: 26px !important;

  }

  .font-xl-28-i {
    font-size: 28px !important;

  }

  .font-xl-30-i {
    font-size: 30px !important;
  }

  .font-xl-32-i {
    font-size: 32px !important;

  }

  .font-xl-12vw-i {
    font-size: calc(12px + 0.390625vw) !important;
  }

  .font-xl-14vw-i {
    font-size: calc(14px + 0.390625vw) !important;
  }

  .font-xl-16vw-i {
    font-size: calc(16px + 0.390625vw) !important;
  }

  .font-xl-18vw-i {
    font-size: calc(18px + 0.390625vw) !important;
  }

  .font-xl-20vw-i {
    font-size: calc(20px + 0.390625vw) !important;
  }

  .font-xl-22vw-i {
    font-size: calc(22px + 0.390625vw) !important;
  }

  .font-xl-24vw-i {
    font-size: calc(24px + 0.390625vw) !important;
  }

  .font-xl-26vw-i {
    font-size: calc(26px + 0.390625vw) !important;
  }

  .font-xl-28vw-i {
    font-size: calc(28px + 0.390625vw) !important;
  }

  .font-xl-30vw-i {
    font-size: calc(30px + 0.390625vw) !important;
  }

  .font-xl-32vw-i {
    font-size: calc(32px + 0.390625vw) !important;
  }

  .font-xl-12r-i {
    font-size: 0.75rem !important;
  }

  .font-xl-14r-i {
    font-size: 0.875rem !important;
  }

  .font-xl-16r-i {
    font-size: 1rem !important;
  }

  .font-xl-18r-i {
    font-size: 1.125rem !important;
  }

  .font-xl-20r-i {
    font-size: 1.25rem !important;
  }

  .font-xl-22r-i {
    font-size: 1.375rem !important;
  }

  .font-xl-24r-i {
    font-size: 1.5rem !important;
  }

  .font-xl-26r-i {
    font-size: 1.625rem !important;
  }

  .font-xl-28r-i {
    font-size: 1.75rem !important;
  }

  .font-xl-30r-i {
    font-size: 1.875rem !important;
  }

  .font-xl-32r-i {
    font-size: 2rem !important;
  }

  .font-xl-34r-i {
    font-size: 2.125rem !important;
  }

  .font-xl-36r-i {
    font-size: 2.25rem !important;
  }

  .font-xl-38r-i {
    font-size: 2.375rem !important;
  }

  .font-xl-40r-i {
    font-size: 2.5rem !important;
  }

  .font-xl-42r-i {
    font-size: 2.625rem !important;
  }

  .font-xl-44r-i {
    font-size: 2.75rem !important;
  }

  .font-xl-46r-i {
    font-size: 2.875rem !important;
  }

  .font-xl-48r-i {
    font-size: 3rem !important;
  }

  /*text weight*/

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

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

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

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

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

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

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

  .fx-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .fx-col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .fx-col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .fx-col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .fx-col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .fx-col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .fx-col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .fx-col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .fx-col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .fx-col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .fx-col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .fx-col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .fx-col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .fx-col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .fx-col-xl-break {
    width: 100%;
  }

  .fx-xl-row {
    flex-direction: row !important;
  }

  .fx-xl-column {
    flex-direction: column !important;
  }

  .fx-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .fx-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .fx-xl-wrap {
    flex-wrap: wrap !important;
  }

  .fx-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .fx-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .fx-justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .fx-justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .fx-justify-content-xl-center {
    justify-content: center !important;
  }

  .fx-justify-content-xl-between {
    justify-content: space-between !important;
  }

  .fx-justify-content-xl-around {
    justify-content: space-around !important;
  }

  .fx-align-items-xl-start {
    align-items: flex-start !important;
  }

  .fx-align-items-xl-end {
    align-items: flex-end !important;
  }

  .fx-align-items-xl-center {
    align-items: center !important;
  }

  .fx-align-items-xl-baseline {
    align-items: baseline !important;
  }

  .fx-align-items-xl-stretch {
    align-items: stretch !important;
  }

  .fx-align-content-xl-start {
    align-content: flex-start !important;
  }

  .fx-align-content-xl-end {
    align-content: flex-end !important;
  }

  .fx-align-content-xl-center {
    align-content: center !important;
  }

  .fx-align-content-xl-between {
    align-content: space-between !important;
  }

  .fx-align-content-xl-around {
    align-content: space-around !important;
  }

  .fx-align-content-xl-stretch {
    align-content: stretch !important;
  }

  .fx-align-self-xl-auto {
    align-self: auto !important;
  }

  .fx-align-self-xl-start {
    align-self: flex-start !important;
  }

  .fx-align-self-xl-end {
    align-self: flex-end !important;
  }

  .fx-align-self-xl-center {
    align-self: center !important;
  }

  .fx-align-self-xl-baseline {
    align-self: baseline !important;
  }

  .fx-align-self-xl-stretch {
    align-self: stretch !important;
  }

  .fx-order-xl-0 {
    order: 0;
  }

  .fx-order-xl-1 {
    order: 1;
  }

  .fx-order-xl-2 {
    order: 2;
  }

  .fx-order-xl-3 {
    order: 3;
  }

  .fx-order-xl-4 {
    order: 4;
  }

  .fx-order-xl-5 {
    order: 5;
  }

  .fx-order-xl-6 {
    order: 6;
  }

  .fx-order-xl-7 {
    order: 7;
  }

  .fx-order-xl-8 {
    order: 8;
  }

  .fx-order-xl-9 {
    order: 9;
  }

  .fx-order-xl-10 {
    order: 10;
  }

  .fx-order-xl-11 {
    order: 11;
  }

  .fx-order-xl-12 {
    order: 12;
  }

  .fx-offset-xl-1 {
    margin-left: 8.333333%;
  }

  .fx-offset-xl-2 {
    margin-left: 16.666667%;
  }

  .fx-offset-xl-3 {
    margin-left: 25%;
  }

  .fx-offset-xl-4 {
    margin-left: 33.333333%;
  }

  .fx-offset-xl-5 {
    margin-left: 41.666667%;
  }

  .fx-offset-xl-6 {
    margin-left: 50%;
  }

  .fx-offset-xl-7 {
    margin-left: 58.333333%;
  }

  .fx-offset-xl-8 {
    margin-left: 66.666667%;
  }

  .fx-offset-xl-9 {
    margin-left: 75%;
  }

  .fx-offset-xl-10 {
    margin-left: 83.333333%;
  }

  .fx-offset-xl-11 {
    margin-left: 91.666667%;
  }

  .block {
    max-width: 620px;
  }
}

@media screen and (min-width:960px) and (max-width:1199px) {

  .d-lg-h {
    display: none !important;
  }

  .p-lg-a0 {
    padding: 0;
  }

  .p-lg-a5 {
    padding: 5px;
  }

  .p-lg-a10 {
    padding: 10px;
  }

  .p-lg-a15 {
    padding: 15px;
  }

  .p-lg-a20 {
    padding: 20px;
  }

  .p-lg-a25 {
    padding: 25px;
  }

  .p-lg-a30 {
    padding: 30px;
  }

  .p-lg-a40 {
    padding: 40px;
  }

  .p-lg-a50 {
    padding: 50px;
  }

  .p-lg-a60 {
    padding: 60px;
  }

  .p-lg-a70 {
    padding: 70px;
  }

  .p-lg-a80 {
    padding: 80px;
  }

  .p-lg-a90 {
    padding: 90px;
  }

  .p-lg-a100 {
    padding: 100px;
  }

  /*== >Padding (top) ==*/

  .p-lg-t0 {
    padding-top: 0;
  }

  .p-lg-t5 {
    padding-top: 5px;
  }

  .p-lg-t10 {
    padding-top: 10px;
  }

  .p-lg-t15 {
    padding-top: 15px;
  }

  .p-lg-t20 {
    padding-top: 20px;
  }

  .p-lg-t30 {
    padding-top: 30px;
  }

  .p-lg-t40 {
    padding-top: 40px;
  }

  .p-lg-t50 {
    padding-top: 50px;
  }

  .p-lg-t60 {
    padding-top: 60px;
  }

  .p-lg-t70 {
    padding-top: 70px;
  }

  .p-lg-t80 {
    padding-top: 80px;
  }

  .p-lg-t90 {
    padding-top: 90px;
  }

  .p-lg-t100 {
    padding-top: 100px;
  }

  /*== >Padding (bottom) ==*/

  .p-lg-b0 {
    padding-bottom: 0;
  }

  .p-lg-b5 {
    padding-bottom: 5px;
  }

  .p-lg-b10 {
    padding-bottom: 10px;
  }

  .p-lg-b15 {
    padding-bottom: 15px;
  }

  .p-lg-b20 {
    padding-bottom: 20px;
  }

  .p-lg-b30 {
    padding-bottom: 30px;
  }

  .p-lg-b40 {
    padding-bottom: 40px;
  }

  .p-lg-b50 {
    padding-bottom: 50px;
  }

  .p-lg-b60 {
    padding-bottom: 60px;
  }

  .p-lg-b70 {
    padding-bottom: 70px;
  }

  .p-lg-b80 {
    padding-bottom: 80px;
  }

  .p-lg-b90 {
    padding-bottom: 90px;
  }

  .p-lg-b100 {
    padding-bottom: 100px;
  }

  /*== >Padding (left) ==*/

  .p-lg-l0 {
    padding-left: 0;
  }

  .p-lg-l5 {
    padding-left: 5px;
  }

  .p-lg-l10 {
    padding-left: 10px;
  }

  .p-lg-l15 {
    padding-left: 15px;
  }

  .p-lg-l20 {
    padding-left: 20px;
  }

  .p-lg-l20-i {
    padding-left: 20px !important;
  }

  .p-lg-l30 {
    padding-left: 30px;
  }

  .p-lg-l40 {
    padding-left: 40px;
  }

  .p-lg-l50 {
    padding-left: 50px;
  }

  .p-lg-l60 {
    padding-left: 60px;
  }

  .p-lg-l70 {
    padding-left: 70px;
  }

  .p-lg-l80 {
    padding-left: 80px;
  }

  .p-lg-l90 {
    padding-left: 90px;
  }

  .p-lg-l100 {
    padding-left: 100px;
  }

  /*== >Padding (right) ==*/

  .p-lg-r0 {
    padding-right: 0;
  }

  .p-lg-r5 {
    padding-right: 5px;
  }

  .p-lg-r10 {
    padding-right: 10px;
  }

  .p-lg-r15 {
    padding-right: 15px;
  }

  .p-lg-r20 {
    padding-right: 20px;
  }

  .p-lg-r30 {
    padding-right: 30px;
  }

  .p-lg-r40 {
    padding-right: 40px;
  }

  .p-lg-r50 {
    padding-right: 50px;
  }

  .p-lg-r60 {
    padding-right: 60px;
  }

  .p-lg-r70 {
    padding-right: 70px;
  }

  .p-lg-r80 {
    padding-right: 80px;
  }

  .p-lg-r90 {
    padding-right: 90px;
  }

  .p-lg-r100 {
    padding-right: 100px;
  }

  /*== >margin (around) ======*/

  .m-lg-auto {
    margin: auto;
  }

  .m-lg-a0 {
    margin: 0;
  }

  .m-lg-a5 {
    margin: 5px;
  }

  .m-lg-a10 {
    margin: 10px;
  }

  .m-lg-a15 {
    margin: 15px;
  }

  .m-lg-a20 {
    margin: 20px;
  }

  .m-lg-a30 {
    margin: 30px;
  }

  .m-lg-a40 {
    margin: 40px;
  }

  .m-lg-a50 {
    margin: 50px;
  }

  .m-lg-a60 {
    margin: 60px;
  }

  .m-lg-a70 {
    margin: 70px;
  }

  .m-lg-a80 {
    margin: 80px;
  }

  .m-lg-a90 {
    margin: 90px;
  }

  .m-lg-a100 {
    margin: 100px;
  }

  /*== >marging (top) ==*/

  .m-lg-t0 {
    margin-top: 0;
  }

  .m-lg-t5 {
    margin-top: 5px;
  }

  .m-lg-t10 {
    margin-top: 10px;
  }

  .m-lg-t15 {
    margin-top: 15px;
  }

  .m-lg-t20 {
    margin-top: 20px;
  }

  .m-lg-t30 {
    margin-top: 30px;
  }

  .m-lg-t40 {
    margin-top: 40px;
  }

  .m-lg-t50 {
    margin-top: 50px;
  }

  .m-lg-t60 {
    margin-top: 60px;
  }

  .m-lg-t70 {
    margin-top: 70px;
  }

  .m-lg-t80 {
    margin-top: 80px;
  }

  .m-lg-t90 {
    margin-top: 90px;
  }

  .m-lg-t100 {
    margin-top: 100px;
  }

  /*== >marging (bottom) ==*/

  .m-lg-b0 {
    margin-bottom: 0;
  }

  .m-lg-b5 {
    margin-bottom: 5px;
  }

  .m-lg-b10 {
    margin-bottom: 10px;
  }

  .m-lg-b15 {
    margin-bottom: 15px;
  }

  .m-lg-b20 {
    margin-bottom: 20px;
  }

  .m-lg-b20-i {
    margin-bottom: 20px !important;
  }

  .m-lg-b30 {
    margin-bottom: 30px !important;
  }

  .m-lg-b30-i {
    margin-bottom: 30px;
  }

  .m-lg-b40 {
    margin-bottom: 40px;
  }

  .m-lg-b50 {
    margin-bottom: 50px;
  }

  .m-lg-b60 {
    margin-bottom: 60px;
  }

  .m-lg-b70 {
    margin-bottom: 70px;
  }

  .m-lg-b80 {
    margin-bottom: 80px;
  }

  .m-lg-b90 {
    margin-bottom: 90px;
  }

  .m-lg-b100 {
    margin-bottom: 100px;
  }

  /*== >marging (left) ==*/

  .m-lg-l0 {
    margin-left: 0;
  }

  .m-lg-l5 {
    margin-left: 5px;
  }

  .m-lg-l10 {
    margin-left: 10px;
  }

  .m-lg-l15 {
    margin-left: 15px;
  }

  .m-lg-l20 {
    margin-left: 20px;
  }

  .m-lg-l30 {
    margin-left: 30px;
  }

  .m-lg-l40 {
    margin-left: 40px;
  }

  .m-lg-l50 {
    margin-left: 50px;
  }

  .m-lg-l60 {
    margin-left: 60px;
  }

  .m-lg-l70 {
    margin-left: 70px;
  }

  .m-lg-l80 {
    margin-left: 80px;
  }

  .m-lg-l90 {
    margin-left: 90px;
  }

  .m-lg-l100 {
    margin-left: 100px;
  }

  /*== >marging (right) ==*/

  .m-lg-r0 {
    margin-right: 0;
  }

  .m-lg-r5 {
    margin-right: 5px;
  }

  .m-lg-r10 {
    margin-right: 10px;
  }

  .m-lg-r15 {
    margin-right: 15px;
  }

  .m-lg-r20 {
    margin-right: 20px;
  }

  .m-lg-r30 {
    margin-right: 30px;
  }

  .m-lg-r40 {
    margin-right: 40px;
  }

  .m-lg-r50 {
    margin-right: 50px;
  }

  .m-lg-r60 {
    margin-right: 60px;
  }

  .m-lg-r70 {
    margin-right: 70px;
  }

  .m-lg-r80 {
    margin-right: 80px;
  }

  .m-lg-r90 {
    margin-right: 90px;
  }

  .m-lg-r100 {
    margin-right: 100px;
  }

  .text-lg-left {
    text-align: left;
  }

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

  .text-lg-right {
    text-align: right;
  }

  .text-lg-justify {
    text-align: justify
  }

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

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

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

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

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

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

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

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

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

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

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

  .font-lg-12vw {
    font-size: calc(12px + 0.390625vw);
  }

  .font-lg-14vw {
    font-size: calc(14px + 0.390625vw);
  }

  .font-lg-16vw {
    font-size: calc(16px + 0.390625vw);
  }

  .font-lg-18vw {
    font-size: calc(18px + 0.390625vw);
  }

  .font-lg-20vw {
    font-size: calc(20px + 0.390625vw);
  }

  .font-lg-22vw {
    font-size: calc(22px + 0.390625vw);
  }

  .font-lg-24vw {
    font-size: calc(24px + 0.390625vw);
  }

  .font-lg-26vw {
    font-size: calc(26px + 0.390625vw);
  }

  .font-lg-28vw {
    font-size: calc(28px + 0.390625vw);
  }

  .font-lg-30vw {
    font-size: calc(30px + 0.390625vw);
  }

  .font-lg-32vw {
    font-size: calc(32px + 0.390625vw);
  }

  .font-lg-12r {
    font-size: 0.75rem;
  }

  .font-lg-14r {
    font-size: 0.875rem;
  }

  .font-lg-16r {
    font-size: 1rem;
  }

  .font-lg-18r {
    font-size: 1.125rem;
  }

  .font-lg-20r {
    font-size: 1.25rem;
  }

  .font-lg-22r {
    font-size: 1.375rem;
  }

  .font-lg-24r {
    font-size: 1.5rem;
  }

  .font-lg-26r {
    font-size: 1.625rem;
  }

  .font-lg-28r {
    font-size: 1.75rem;
  }

  .font-lg-30r {
    font-size: 1.875rem;
  }

  .font-lg-32r {
    font-size: 2rem;
  }

  .font-lg-34r {
    font-size: 2.125rem;
  }

  .font-lg-36r {
    font-size: 2.25rem;
  }

  .font-lg-38r {
    font-size: 2.375rem;
  }

  .font-lg-40r {
    font-size: 2.5rem;
  }

  .font-lg-42r {
    font-size: 2.625rem;
  }

  .font-lg-44r {
    font-size: 2.75rem;
  }

  .font-lg-46r {
    font-size: 2.875rem;
  }

  .font-lg-48r {
    font-size: 3rem;
  }

  .font-lg-48r {
    font-size: 3rem;
  }

  .font-lg-12-i {
    font-size: 12px !important;
  }

  .font-lg-14-i {
    font-size: 14px !important;

  }

  .font-lg-16-i {
    font-size: 16px !important;

  }

  .font-lg-18-i {
    font-size: 18px !important;

  }

  .font-lg-20-i {
    font-size: 20px !important;

  }

  .font-lg-22-i {
    font-size: 22px !important;

  }

  .font-lg-24-i {
    font-size: 24px !important;

  }

  .font-lg-26-i {
    font-size: 26px !important;

  }

  .font-lg-28-i {
    font-size: 28px !important;

  }

  .font-lg-30-i {
    font-size: 30px !important;
  }

  .font-lg-32-i {
    font-size: 32px !important;

  }

  .font-lg-12vw-i {
    font-size: calc(12px + 0.390625vw) !important;
  }

  .font-lg-14vw-i {
    font-size: calc(14px + 0.390625vw) !important;
  }

  .font-lg-16vw-i {
    font-size: calc(16px + 0.390625vw) !important;
  }

  .font-lg-18vw-i {
    font-size: calc(18px + 0.390625vw) !important;
  }

  .font-lg-20vw-i {
    font-size: calc(20px + 0.390625vw) !important;
  }

  .font-lg-22vw-i {
    font-size: calc(22px + 0.390625vw) !important;
  }

  .font-lg-24vw-i {
    font-size: calc(24px + 0.390625vw) !important;
  }

  .font-lg-26vw-i {
    font-size: calc(26px + 0.390625vw) !important;
  }

  .font-lg-28vw-i {
    font-size: calc(28px + 0.390625vw) !important;
  }

  .font-lg-30vw-i {
    font-size: calc(30px + 0.390625vw) !important;
  }

  .font-lg-32vw-i {
    font-size: calc(32px + 0.390625vw) !important;
  }

  .font-lg-12r-i {
    font-size: 0.75rem !important;
  }

  .font-lg-14r-i {
    font-size: 0.875rem !important;
  }

  .font-lg-16r-i {
    font-size: 1rem !important;
  }

  .font-lg-18r-i {
    font-size: 1.125rem !important;
  }

  .font-lg-20r-i {
    font-size: 1.25rem !important;
  }

  .font-lg-22r-i {
    font-size: 1.375rem !important;
  }

  .font-lg-24r-i {
    font-size: 1.5rem !important;
  }

  .font-lg-26r-i {
    font-size: 1.625rem !important;
  }

  .font-lg-28r-i {
    font-size: 1.75rem !important;
  }

  .font-lg-30r-i {
    font-size: 1.875rem !important;
  }

  .font-lg-32r-i {
    font-size: 2rem !important;
  }

  .font-lg-36r-i {
    font-size: 2.25rem !important;
  }

  .font-lg-38r-i {
    font-size: 2.375rem !important;
  }

  .font-lg-40r-i {
    font-size: 2.5rem !important;
  }

  .font-lg-42r-i {
    font-size: 2.625rem !important;
  }

  .font-lg-44r-i {
    font-size: 2.75rem !important;
  }

  .font-lg-46r-i {
    font-size: 2.875rem !important;
  }

  .font-lg-48r-i {
    font-size: 3rem !important;
  }

  /*text weight*/

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

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

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

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

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

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

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

  .fx-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .fx-col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .fx-col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .fx-col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .fx-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .fx-col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .fx-col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .fx-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .fx-col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .fx-col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .fx-col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .fx-col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .fx-col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .fx-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .fx-col-lg-break {
    width: 100%;
  }

  .fx-lg-row {
    flex-direction: row !important;
  }

  .fx-lg-column {
    flex-direction: column !important;
  }

  .fx-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .fx-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .fx-lg-wrap {
    flex-wrap: wrap !important;
  }

  .fx-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .fx-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .fx-justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .fx-justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .fx-justify-content-lg-center {
    justify-content: center !important;
  }

  .fx-justify-content-lg-between {
    justify-content: space-between !important;
  }

  .fx-justify-content-lg-around {
    justify-content: space-around !important;
  }

  .fx-align-items-lg-start {
    align-items: flex-start !important;
  }

  .fx-align-items-lg-end {
    align-items: flex-end !important;
  }

  .fx-align-items-lg-center {
    align-items: center !important;
  }

  .fx-align-items-lg-baseline {
    align-items: baseline !important;
  }

  .fx-align-items-lg-stretch {
    align-items: stretch !important;
  }

  .fx-align-content-lg-start {
    align-content: flex-start !important;
  }

  .fx-align-content-lg-end {
    align-content: flex-end !important;
  }

  .fx-align-content-lg-center {
    align-content: center !important;
  }

  .fx-align-content-lg-between {
    align-content: space-between !important;
  }

  .fx-align-content-lg-around {
    align-content: space-around !important;
  }

  .fx-align-content-lg-stretch {
    align-content: stretch !important;
  }

  .fx-align-self-lg-auto {
    align-self: auto !important;
  }

  .fx-align-self-lg-start {
    align-self: flex-start !important;
  }

  .fx-align-self-lg-end {
    align-self: flex-end !important;
  }

  .fx-align-self-lg-center {
    align-self: center !important;
  }

  .fx-align-self-lg-baseline {
    align-self: baseline !important;
  }

  .fx-align-self-lg-stretch {
    align-self: stretch !important;
  }

  .fx-order-lg-0 {
    order: 0;
  }

  .fx-order-lg-1 {
    order: 1;
  }

  .fx-order-lg-2 {
    order: 2;
  }

  .fx-order-lg-3 {
    order: 3;
  }

  .fx-order-lg-4 {
    order: 4;
  }

  .fx-order-lg-5 {
    order: 5;
  }

  .fx-order-lg-6 {
    order: 6;
  }

  .fx-order-lg-7 {
    order: 7;
  }

  .fx-order-lg-8 {
    order: 8;
  }

  .fx-order-lg-9 {
    order: 9;
  }

  .fx-order-lg-10 {
    order: 10;
  }

  .fx-order-lg-11 {
    order: 11;
  }

  .fx-order-lg-12 {
    order: 12;
  }

  .fx-offset-lg-1 {
    margin-left: 8.333333%;
  }

  .fx-offset-lg-2 {
    margin-left: 16.666667%;
  }

  .fx-offset-lg-3 {
    margin-left: 25%;
  }

  .fx-offset-lg-4 {
    margin-left: 33.333333%;
  }

  .fx-offset-lg-5 {
    margin-left: 41.666667%;
  }

  .fx-offset-lg-6 {
    margin-left: 50%;
  }

  .fx-offset-lg-7 {
    margin-left: 58.333333%;
  }

  .fx-offset-lg-8 {
    margin-left: 66.666667%;
  }

  .fx-offset-lg-9 {
    margin-left: 75%;
  }

  .fx-offset-lg-10 {
    margin-left: 83.333333%;
  }

  .fx-offset-lg-11 {
    margin-left: 91.666667%;
  }

  .block {
    max-width: 620px;
  }
}

@media screen and (max-width:959px) {


  .d-md-h {
    display: none !important;
  }

  .p-md-a0 {
    padding: 0;
  }

  .p-md-a5 {
    padding: 5px;
  }

  .p-md-a10 {
    padding: 10px;
  }

  .p-md-a15 {
    padding: 15px;
  }

  .p-md-a20 {
    padding: 20px;
  }

  .p-md-a25 {
    padding: 25px;
  }

  .p-md-a30 {
    padding: 30px;
  }

  .p-md-a40 {
    padding: 40px;
  }

  .p-md-a50 {
    padding: 50px;
  }

  .p-md-a60 {
    padding: 60px;
  }

  .p-md-a70 {
    padding: 70px;
  }

  .p-md-a80 {
    padding: 80px;
  }

  .p-md-a90 {
    padding: 90px;
  }

  .p-md-a100 {
    padding: 100px;
  }

  /*== >Padding (top) ==*/

  .p-md-t0 {
    padding-top: 0;
  }

  .p-md-t5 {
    padding-top: 5px;
  }

  .p-md-t10 {
    padding-top: 10px;
  }

  .p-md-t15 {
    padding-top: 15px;
  }

  .p-md-t20 {
    padding-top: 20px;
  }

  .p-md-t30 {
    padding-top: 30px;
  }

  .p-md-t40 {
    padding-top: 40px;
  }

  .p-md-t50 {
    padding-top: 50px;
  }

  .p-md-t60 {
    padding-top: 60px;
  }

  .p-md-t70 {
    padding-top: 70px;
  }

  .p-md-t80 {
    padding-top: 80px;
  }

  .p-md-t90 {
    padding-top: 90px;
  }

  .p-md-t100 {
    padding-top: 100px;
  }

  /*== >Padding (bottom) ==*/

  .p-md-b0 {
    padding-bottom: 0;
  }

  .p-md-b5 {
    padding-bottom: 5px;
  }

  .p-md-b10 {
    padding-bottom: 10px;
  }

  .p-md-b15 {
    padding-bottom: 15px;
  }

  .p-md-b20 {
    padding-bottom: 20px;
  }

  .p-md-b30 {
    padding-bottom: 30px;
  }

  .p-md-b40 {
    padding-bottom: 40px;
  }

  .p-md-b50 {
    padding-bottom: 50px;
  }

  .p-md-b60 {
    padding-bottom: 60px;
  }

  .p-md-b70 {
    padding-bottom: 70px;
  }

  .p-md-b80 {
    padding-bottom: 80px;
  }

  .p-md-b90 {
    padding-bottom: 90px;
  }

  .p-md-b100 {
    padding-bottom: 100px;
  }

  /*== >Padding (left) ==*/

  .p-md-l0 {
    padding-left: 0;
  }

  .p-md-l5 {
    padding-left: 5px;
  }

  .p-md-l10 {
    padding-left: 10px;
  }

  .p-md-l15 {
    padding-left: 15px;
  }

  .p-md-l20 {
    padding-left: 20px;
  }

  .p-md-l20-i {
    padding-left: 20px !important;
  }

  .p-md-l30 {
    padding-left: 30px;
  }

  .p-md-l40 {
    padding-left: 40px;
  }

  .p-md-l50 {
    padding-left: 50px;
  }

  .p-md-l60 {
    padding-left: 60px;
  }

  .p-md-l70 {
    padding-left: 70px;
  }

  .p-md-l80 {
    padding-left: 80px;
  }

  .p-md-l90 {
    padding-left: 90px;
  }

  .p-md-l100 {
    padding-left: 100px;
  }

  /*== >Padding (right) ==*/

  .p-md-r0 {
    padding-right: 0;
  }

  .p-md-r5 {
    padding-right: 5px;
  }

  .p-md-r10 {
    padding-right: 10px;
  }

  .p-md-r15 {
    padding-right: 15px;
  }

  .p-md-r20 {
    padding-right: 20px;
  }

  .p-md-r30 {
    padding-right: 30px;
  }

  .p-md-r40 {
    padding-right: 40px;
  }

  .p-md-r50 {
    padding-right: 50px;
  }

  .p-md-r60 {
    padding-right: 60px;
  }

  .p-md-r70 {
    padding-right: 70px;
  }

  .p-md-r80 {
    padding-right: 80px;
  }

  .p-md-r90 {
    padding-right: 90px;
  }

  .p-md-r100 {
    padding-right: 100px;
  }

  /*== >margin (around) ======*/

  .m-md-auto {
    margin: auto;
  }

  .m-md-a0 {
    margin: 0;
  }

  .m-md-a5 {
    margin: 5px;
  }

  .m-md-a10 {
    margin: 10px;
  }

  .m-md-a15 {
    margin: 15px;
  }

  .m-md-a20 {
    margin: 20px;
  }

  .m-md-a30 {
    margin: 30px;
  }

  .m-md-a40 {
    margin: 40px;
  }

  .m-md-a50 {
    margin: 50px;
  }

  .m-md-a60 {
    margin: 60px;
  }

  .m-md-a70 {
    margin: 70px;
  }

  .m-md-a80 {
    margin: 80px;
  }

  .m-md-a90 {
    margin: 90px;
  }

  .m-md-a100 {
    margin: 100px;
  }

  /*== >marging (top) ==*/

  .m-md-t0 {
    margin-top: 0;
  }

  .m-md-t5 {
    margin-top: 5px;
  }

  .m-md-t10 {
    margin-top: 10px;
  }

  .m-md-t15 {
    margin-top: 15px;
  }

  .m-md-t20 {
    margin-top: 20px;
  }

  .m-md-t30 {
    margin-top: 30px;
  }

  .m-md-t40 {
    margin-top: 40px;
  }

  .m-md-t50 {
    margin-top: 50px;
  }

  .m-md-t60 {
    margin-top: 60px;
  }

  .m-md-t70 {
    margin-top: 70px;
  }

  .m-md-t80 {
    margin-top: 80px;
  }

  .m-md-t90 {
    margin-top: 90px;
  }

  .m-md-t100 {
    margin-top: 100px;
  }

  /*== >marging (bottom) ==*/

  .m-md-b0 {
    margin-bottom: 0;
  }

  .m-md-b5 {
    margin-bottom: 5px;
  }

  .m-md-b10 {
    margin-bottom: 10px;
  }

  .m-md-b15 {
    margin-bottom: 15px;
  }

  .m-md-b20 {
    margin-bottom: 20px;
  }

  .m-md-b20-i {
    margin-bottom: 20px !important;
  }

  .m-md-b30 {
    margin-bottom: 30px !important;
  }

  .m-md-b30-i {
    margin-bottom: 30px;
  }

  .m-md-b40 {
    margin-bottom: 40px;
  }

  .m-md-b50 {
    margin-bottom: 50px;
  }

  .m-md-b60 {
    margin-bottom: 60px;
  }

  .m-md-b70 {
    margin-bottom: 70px;
  }

  .m-md-b80 {
    margin-bottom: 80px;
  }

  .m-md-b90 {
    margin-bottom: 90px;
  }

  .m-md-b100 {
    margin-bottom: 100px;
  }

  /*== >marging (left) ==*/

  .m-md-l0 {
    margin-left: 0;
  }

  .m-md-l5 {
    margin-left: 5px;
  }

  .m-md-l10 {
    margin-left: 10px;
  }

  .m-md-l15 {
    margin-left: 15px;
  }

  .m-md-l20 {
    margin-left: 20px;
  }

  .m-md-l30 {
    margin-left: 30px;
  }

  .m-md-l40 {
    margin-left: 40px;
  }

  .m-md-l50 {
    margin-left: 50px;
  }

  .m-md-l60 {
    margin-left: 60px;
  }

  .m-md-l70 {
    margin-left: 70px;
  }

  .m-md-l80 {
    margin-left: 80px;
  }

  .m-md-l90 {
    margin-left: 90px;
  }

  .m-md-l100 {
    margin-left: 100px;
  }

  /*== >marging (right) ==*/

  .m-md-r0 {
    margin-right: 0;
  }

  .m-md-r5 {
    margin-right: 5px;
  }

  .m-md-r10 {
    margin-right: 10px;
  }

  .m-md-r15 {
    margin-right: 15px;
  }

  .m-md-r20 {
    margin-right: 20px;
  }

  .m-md-r30 {
    margin-right: 30px;
  }

  .m-md-r40 {
    margin-right: 40px;
  }

  .m-md-r50 {
    margin-right: 50px;
  }

  .m-md-r60 {
    margin-right: 60px;
  }

  .m-md-r70 {
    margin-right: 70px;
  }

  .m-md-r80 {
    margin-right: 80px;
  }

  .m-md-r90 {
    margin-right: 90px;
  }

  .m-md-r100 {
    margin-right: 100px;
  }

  .text-md-left {
    text-align: left;
  }

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

  .text-md-right {
    text-align: right;
  }

  .text-md-justify {
    text-align: justify
  }

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

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

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

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

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

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

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

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

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

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

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

  .font-md-12vw {
    font-size: calc(12px + 0.390625vw);
  }

  .font-md-14vw {
    font-size: calc(14px + 0.390625vw);
  }

  .font-md-16vw {
    font-size: calc(16px + 0.390625vw);
  }

  .font-md-18vw {
    font-size: calc(18px + 0.390625vw);
  }

  .font-md-20vw {
    font-size: calc(20px + 0.390625vw);
  }

  .font-md-22vw {
    font-size: calc(22px + 0.390625vw);
  }

  .font-md-24vw {
    font-size: calc(24px + 0.390625vw);
  }

  .font-md-26vw {
    font-size: calc(26px + 0.390625vw);
  }

  .font-md-28vw {
    font-size: calc(28px + 0.390625vw);
  }

  .font-md-30vw {
    font-size: calc(30px + 0.390625vw);
  }

  .font-md-32vw {
    font-size: calc(32px + 0.390625vw);
  }

  .font-md-12r {
    font-size: 0.75rem;
  }

  .font-md-14r {
    font-size: 0.875rem;
  }

  .font-md-16r {
    font-size: 1rem;
  }

  .font-md-18r {
    font-size: 1.125rem;
  }

  .font-md-20r {
    font-size: 1.25rem;
  }

  .font-md-22r {
    font-size: 1.375rem;
  }

  .font-md-24r {
    font-size: 1.5rem;
  }

  .font-md-26r {
    font-size: 1.625rem;
  }

  .font-md-28r {
    font-size: 1.75rem;
  }

  .font-md-30r {
    font-size: 1.875rem;
  }

  .font-md-32r {
    font-size: 2rem;
  }

  .font-md-36r {
    font-size: 2.25rem;
  }

  .font-md-38r {
    font-size: 2.375rem;
  }

  .font-md-40r {
    font-size: 2.5rem;
  }

  .font-md-42r {
    font-size: 2.625rem;
  }

  .font-md-44r {
    font-size: 2.75rem;
  }

  .font-md-46r {
    font-size: 2.875rem;
  }

  .font-md-48r {
    font-size: 3rem;
  }

  .font-md-12-i {
    font-size: 12px !important;

  }

  .font-md-14-i {
    font-size: 14px !important;

  }

  .font-md-16-i {
    font-size: 16px !important;

  }

  .font-md-18-i {
    font-size: 18px !important;

  }

  .font-md-20-i {
    font-size: 20px !important;

  }

  .font-md-22-i {
    font-size: 22px !important;

  }

  .font-md-24-i {
    font-size: 24px !important;

  }

  .font-md-26-i {
    font-size: 26px !important;

  }

  .font-md-28-i {
    font-size: 28px !important;

  }

  .font-md-30-i {
    font-size: 30px !important;
  }

  .font-md-32-i {
    font-size: 32px !important;

  }

  .font-md-12vw-i {
    font-size: calc(12px + 0.390625vw) !important;
  }

  .font-md-14vw-i {
    font-size: calc(14px + 0.390625vw) !important;
  }

  .font-md-16vw-i {
    font-size: calc(16px + 0.390625vw) !important;
  }

  .font-md-18vw-i {
    font-size: calc(18px + 0.390625vw) !important;
  }

  .font-md-20vw-i {
    font-size: calc(20px + 0.390625vw) !important;
  }

  .font-md-22vw-i {
    font-size: calc(22px + 0.390625vw) !important;
  }

  .font-md-24vw-i {
    font-size: calc(24px + 0.390625vw) !important;
  }

  .font-md-26vw-i {
    font-size: calc(26px + 0.390625vw) !important;
  }

  .font-md-28vw-i {
    font-size: calc(28px + 0.390625vw) !important;
  }

  .font-md-30vw-i {
    font-size: calc(30px + 0.390625vw) !important;
  }

  .font-md-32vw-i {
    font-size: calc(32px + 0.390625vw) !important;
  }

  .font-md-12r-i {
    font-size: 0.75rem !important;
  }

  .font-md-14r-i {
    font-size: 0.875rem !important;
  }

  .font-md-16r-i {
    font-size: 1rem !important;
  }

  .font-md-18r-i {
    font-size: 1.125rem !important;
  }

  .font-md-20r-i {
    font-size: 1.25rem !important;
  }

  .font-md-22r-i {
    font-size: 1.375rem !important;
  }

  .font-md-24r-i {
    font-size: 1.5rem !important;
  }

  .font-md-26r-i {
    font-size: 1.625rem !important;
  }

  .font-md-28r-i {
    font-size: 1.75rem !important;
  }

  .font-md-30r-i {
    font-size: 1.875rem !important;
  }

  .font-md-32r-i {
    font-size: 2rem !important;
  }

  .font-md-38r-i {
    font-size: 2.375rem !important;
  }

  .font-md-40r-i {
    font-size: 2.5rem !important;
  }

  .font-md-42r-i {
    font-size: 2.625rem !important;
  }

  .font-md-44r-i {
    font-size: 2.75rem !important;
  }

  .font-md-46r-i {
    font-size: 2.875rem !important;
  }

  .font-md-48r-i {
    font-size: 3rem !important;
  }

  /*text weight*/

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

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

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

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

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

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

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

  .fx-col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .fx-col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .fx-col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .fx-col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .fx-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .fx-col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .fx-col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .fx-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .fx-col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .fx-col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .fx-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .fx-col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .fx-col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .fx-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .fx-col-md-break {
    width: 100%;
  }

  .fx-md-row {
    flex-direction: row !important;
  }

  .fx-md-column {
    flex-direction: column !important;
  }

  .fx-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .fx-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .fx-md-wrap {
    flex-wrap: wrap !important;
  }

  .fx-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .fx-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .fx-justify-content-md-start {
    justify-content: flex-start !important;
  }

  .fx-justify-content-md-end {
    justify-content: flex-end !important;
  }

  .fx-justify-content-md-center {
    justify-content: center !important;
  }

  .fx-justify-content-md-between {
    justify-content: space-between !important;
  }

  .fx-justify-content-md-around {
    justify-content: space-around !important;
  }

  .fx-align-items-md-start {
    align-items: flex-start !important;
  }

  .fx-align-items-md-end {
    align-items: flex-end !important;
  }

  .fx-align-items-md-center {
    align-items: center !important;
  }

  .fx-align-items-md-baseline {
    align-items: baseline !important;
  }

  .fx-align-items-md-stretch {
    align-items: stretch !important;
  }

  .fx-align-content-md-start {
    align-content: flex-start !important;
  }

  .fx-align-content-md-end {
    align-content: flex-end !important;
  }

  .fx-align-content-md-center {
    align-content: center !important;
  }

  .fx-align-content-md-between {
    align-content: space-between !important;
  }

  .fx-align-content-md-around {
    align-content: space-around !important;
  }

  .fx-align-content-md-stretch {
    align-content: stretch !important;
  }

  .fx-align-self-md-auto {
    align-self: auto !important;
  }

  .fx-align-self-md-start {
    align-self: flex-start !important;
  }

  .fx-align-self-md-end {
    align-self: flex-end !important;
  }

  .fx-align-self-md-center {
    align-self: center !important;
  }

  .fx-align-self-md-baseline {
    align-self: baseline !important;
  }

  .fx-align-self-md-stretch {
    align-self: stretch !important;
  }

  .fx-order-md-0 {
    order: 0;
  }

  .fx-order-md-1 {
    order: 1;
  }

  .fx-order-md-2 {
    order: 2;
  }

  .fx-order-md-3 {
    order: 3;
  }

  .fx-order-md-4 {
    order: 4;
  }

  .fx-order-md-5 {
    order: 5;
  }

  .fx-order-md-6 {
    order: 6;
  }

  .fx-order-md-7 {
    order: 7;
  }

  .fx-order-md-8 {
    order: 8;
  }

  .fx-order-md-9 {
    order: 9;
  }

  .fx-order-md-10 {
    order: 10;
  }

  .fx-order-md-11 {
    order: 11;
  }

  .fx-order-md-12 {
    order: 12;
  }

  .fx-offset-md-1 {
    margin-left: 8.333333%;
  }

  .fx-offset-md-2 {
    margin-left: 16.666667%;
  }

  .fx-offset-md-3 {
    margin-left: 25%;
  }

  .fx-offset-md-4 {
    margin-left: 33.333333%;
  }

  .fx-offset-md-5 {
    margin-left: 41.666667%;
  }

  .fx-offset-md-6 {
    margin-left: 50%;
  }

  .fx-offset-md-7 {
    margin-left: 58.333333%;
  }

  .fx-offset-md-8 {
    margin-left: 66.666667%;
  }

  .fx-offset-md-9 {
    margin-left: 75%;
  }

  .fx-offset-md-10 {
    margin-left: 83.333333%;
  }

  .fx-offset-md-11 {
    margin-left: 91.666667%;
  }

  .block {
    max-width: 620px;
  }
}

@media screen and (max-width:639px) {

  .d-sm-h {
    display: none !important;
  }

  .p-sm-a0 {
    padding: 0;
  }

  .p-sm-a5 {
    padding: 5px;
  }

  .p-sm-a10 {
    padding: 10px;
  }

  .p-sm-a15 {
    padding: 15px;
  }

  .p-sm-a20 {
    padding: 20px;
  }

  .p-sm-a25 {
    padding: 25px;
  }

  .p-sm-a30 {
    padding: 30px;
  }

  .p-sm-a40 {
    padding: 40px;
  }

  .p-sm-a50 {
    padding: 50px;
  }

  .p-sm-a60 {
    padding: 60px;
  }

  .p-sm-a70 {
    padding: 70px;
  }

  .p-sm-a80 {
    padding: 80px;
  }

  .p-sm-a90 {
    padding: 90px;
  }

  .p-sm-a100 {
    padding: 100px;
  }

  /*== >Padding (top) ==*/

  .p-sm-t0 {
    padding-top: 0;
  }

  .p-sm-t5 {
    padding-top: 5px;
  }

  .p-sm-t10 {
    padding-top: 10px;
  }

  .p-sm-t15 {
    padding-top: 15px;
  }

  .p-sm-t20 {
    padding-top: 20px;
  }

  .p-sm-t30 {
    padding-top: 30px;
  }

  .p-sm-t40 {
    padding-top: 40px;
  }

  .p-sm-t50 {
    padding-top: 50px;
  }

  .p-sm-t60 {
    padding-top: 60px;
  }

  .p-sm-t70 {
    padding-top: 70px;
  }

  .p-sm-t80 {
    padding-top: 80px;
  }

  .p-sm-t90 {
    padding-top: 90px;
  }

  .p-sm-t100 {
    padding-top: 100px;
  }

  /*== >Padding (bottom) ==*/

  .p-sm-b0 {
    padding-bottom: 0;
  }

  .p-sm-b5 {
    padding-bottom: 5px;
  }

  .p-sm-b10 {
    padding-bottom: 10px;
  }

  .p-sm-b15 {
    padding-bottom: 15px;
  }

  .p-sm-b20 {
    padding-bottom: 20px;
  }

  .p-sm-b30 {
    padding-bottom: 30px;
  }

  .p-sm-b40 {
    padding-bottom: 40px;
  }

  .p-sm-b50 {
    padding-bottom: 50px;
  }

  .p-sm-b60 {
    padding-bottom: 60px;
  }

  .p-sm-b70 {
    padding-bottom: 70px;
  }

  .p-sm-b80 {
    padding-bottom: 80px;
  }

  .p-sm-b90 {
    padding-bottom: 90px;
  }

  .p-sm-b100 {
    padding-bottom: 100px;
  }

  /*== >Padding (left) ==*/

  .p-sm-l0 {
    padding-left: 0;
  }

  .p-sm-l5 {
    padding-left: 5px;
  }

  .p-sm-l10 {
    padding-left: 10px;
  }

  .p-sm-l15 {
    padding-left: 15px;
  }

  .p-sm-l20 {
    padding-left: 20px;
  }

  .p-sm-l20-i {
    padding-left: 20px !important;
  }

  .p-sm-l30 {
    padding-left: 30px;
  }

  .p-sm-l40 {
    padding-left: 40px;
  }

  .p-sm-l50 {
    padding-left: 50px;
  }

  .p-sm-l60 {
    padding-left: 60px;
  }

  .p-sm-l70 {
    padding-left: 70px;
  }

  .p-sm-l80 {
    padding-left: 80px;
  }

  .p-sm-l90 {
    padding-left: 90px;
  }

  .p-sm-l100 {
    padding-left: 100px;
  }

  /*== >Padding (right) ==*/

  .p-sm-r0 {
    padding-right: 0;
  }

  .p-sm-r5 {
    padding-right: 5px;
  }

  .p-sm-r10 {
    padding-right: 10px;
  }

  .p-sm-r15 {
    padding-right: 15px;
  }

  .p-sm-r20 {
    padding-right: 20px;
  }

  .p-sm-r30 {
    padding-right: 30px;
  }

  .p-sm-r40 {
    padding-right: 40px;
  }

  .p-sm-r50 {
    padding-right: 50px;
  }

  .p-sm-r60 {
    padding-right: 60px;
  }

  .p-sm-r70 {
    padding-right: 70px;
  }

  .p-sm-r80 {
    padding-right: 80px;
  }

  .p-sm-r90 {
    padding-right: 90px;
  }

  .p-sm-r100 {
    padding-right: 100px;
  }

  /*== >margin (around) ======*/

  .m-sm-auto {
    margin: auto;
  }

  .m-sm-a0 {
    margin: 0;
  }

  .m-sm-a5 {
    margin: 5px;
  }

  .m-sm-a10 {
    margin: 10px;
  }

  .m-sm-a15 {
    margin: 15px;
  }

  .m-sm-a20 {
    margin: 20px;
  }

  .m-sm-a30 {
    margin: 30px;
  }

  .m-sm-a40 {
    margin: 40px;
  }

  .m-sm-a50 {
    margin: 50px;
  }

  .m-sm-a60 {
    margin: 60px;
  }

  .m-sm-a70 {
    margin: 70px;
  }

  .m-sm-a80 {
    margin: 80px;
  }

  .m-sm-a90 {
    margin: 90px;
  }

  .m-sm-a100 {
    margin: 100px;
  }

  /*== >marging (top) ==*/

  .m-sm-t0 {
    margin-top: 0;
  }

  .m-sm-t5 {
    margin-top: 5px;
  }

  .m-sm-t10 {
    margin-top: 10px;
  }

  .m-sm-t15 {
    margin-top: 15px;
  }

  .m-sm-t20 {
    margin-top: 20px;
  }

  .m-sm-t30 {
    margin-top: 30px;
  }

  .m-sm-t40 {
    margin-top: 40px;
  }

  .m-sm-t50 {
    margin-top: 50px;
  }

  .m-sm-t60 {
    margin-top: 60px;
  }

  .m-sm-t70 {
    margin-top: 70px;
  }

  .m-sm-t80 {
    margin-top: 80px;
  }

  .m-sm-t90 {
    margin-top: 90px;
  }

  .m-sm-t100 {
    margin-top: 100px;
  }

  /*== >marging (bottom) ==*/

  .m-sm-b0 {
    margin-bottom: 0;
  }

  .m-sm-b5 {
    margin-bottom: 5px;
  }

  .m-sm-b10 {
    margin-bottom: 10px;
  }

  .m-sm-b15 {
    margin-bottom: 15px;
  }

  .m-sm-b20 {
    margin-bottom: 20px;
  }

  .m-sm-b20-i {
    margin-bottom: 20px !important;
  }

  .m-sm-b30 {
    margin-bottom: 30px !important;
  }

  .m-sm-b30-i {
    margin-bottom: 30px;
  }

  .m-sm-b40 {
    margin-bottom: 40px;
  }

  .m-sm-b50 {
    margin-bottom: 50px;
  }

  .m-sm-b60 {
    margin-bottom: 60px;
  }

  .m-sm-b70 {
    margin-bottom: 70px;
  }

  .m-sm-b80 {
    margin-bottom: 80px;
  }

  .m-sm-b90 {
    margin-bottom: 90px;
  }

  .m-sm-b100 {
    margin-bottom: 100px;
  }

  /*== >marging (left) ==*/

  .m-sm-l0 {
    margin-left: 0;
  }

  .m-sm-l5 {
    margin-left: 5px;
  }

  .m-sm-l10 {
    margin-left: 10px;
  }

  .m-sm-l15 {
    margin-left: 15px;
  }

  .m-sm-l20 {
    margin-left: 20px;
  }

  .m-sm-l30 {
    margin-left: 30px;
  }

  .m-sm-l40 {
    margin-left: 40px;
  }

  .m-sm-l50 {
    margin-left: 50px;
  }

  .m-sm-l60 {
    margin-left: 60px;
  }

  .m-sm-l70 {
    margin-left: 70px;
  }

  .m-sm-l80 {
    margin-left: 80px;
  }

  .m-sm-l90 {
    margin-left: 90px;
  }

  .m-sm-l100 {
    margin-left: 100px;
  }

  /*== >marging (right) ==*/

  .m-sm-r0 {
    margin-right: 0;
  }

  .m-sm-r5 {
    margin-right: 5px;
  }

  .m-sm-r10 {
    margin-right: 10px;
  }

  .m-sm-r15 {
    margin-right: 15px;
  }

  .m-sm-r20 {
    margin-right: 20px;
  }

  .m-sm-r30 {
    margin-right: 30px;
  }

  .m-sm-r40 {
    margin-right: 40px;
  }

  .m-sm-r50 {
    margin-right: 50px;
  }

  .m-sm-r60 {
    margin-right: 60px;
  }

  .m-sm-r70 {
    margin-right: 70px;
  }

  .m-sm-r80 {
    margin-right: 80px;
  }

  .m-sm-r90 {
    margin-right: 90px;
  }

  .m-sm-r100 {
    margin-right: 100px;
  }

  .text-sm-left {
    text-align: left;
  }

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

  .text-sm-right {
    text-align: right;
  }

  .text-sm-justify {
    text-align: justify
  }

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

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

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

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

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

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

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

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

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

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

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

  .font-sm-12vw {
    font-size: calc(12px + 0.390625vw);
  }

  .font-sm-14vw {
    font-size: calc(14px + 0.390625vw);
  }

  .font-sm-16vw {
    font-size: calc(16px + 0.390625vw);
  }

  .font-sm-18vw {
    font-size: calc(18px + 0.390625vw);
  }

  .font-sm-20vw {
    font-size: calc(20px + 0.390625vw);
  }

  .font-sm-22vw {
    font-size: calc(22px + 0.390625vw);
  }

  .font-sm-24vw {
    font-size: calc(24px + 0.390625vw);
  }

  .font-sm-26vw {
    font-size: calc(26px + 0.390625vw);
  }

  .font-sm-28vw {
    font-size: calc(28px + 0.390625vw);
  }

  .font-sm-30vw {
    font-size: calc(30px + 0.390625vw);
  }

  .font-sm-32vw {
    font-size: calc(32px + 0.390625vw);
  }

  .font-sm-12r {
    font-size: 0.75rem;
  }

  .font-sm-14r {
    font-size: 0.875rem;
  }

  .font-sm-16r {
    font-size: 1rem;
  }

  .font-sm-18r {
    font-size: 1.125rem;
  }

  .font-sm-20r {
    font-size: 1.25rem;
  }

  .font-sm-22r {
    font-size: 1.375rem;
  }

  .font-sm-24r {
    font-size: 1.5rem;
  }

  .font-sm-26r {
    font-size: 1.625rem;
  }

  .font-sm-28r {
    font-size: 1.75rem;
  }

  .font-sm-30r {
    font-size: 1.875rem;
  }

  .font-sm-32r {
    font-size: 2rem;
  }

  font-sm-36r {
    font-size: 2.25rem;
  }

  .font-sm-38r {
    font-size: 2.375rem;
  }

  .font-sm-40r {
    font-size: 2.5rem;
  }

  .font-sm-42r {
    font-size: 2.625rem;
  }

  .font-sm-44r {
    font-size: 2.75rem;
  }

  .font-sm-46r {
    font-size: 2.875rem;
  }

  .font-sm-48r {
    font-size: 3rem;
  }


  .font-sm-12-i {
    font-size: 12px !important;

  }

  .font-sm-14-i {
    font-size: 14px !important;

  }

  .font-sm-16-i {
    font-size: 16px !important;

  }

  .font-sm-18-i {
    font-size: 18px !important;

  }

  .font-sm-20-i {
    font-size: 20px !important;

  }

  .font-sm-22-i {
    font-size: 22px !important;

  }

  .font-sm-24-i {
    font-size: 24px !important;

  }

  .font-sm-26-i {
    font-size: 26px !important;

  }

  .font-sm-28-i {
    font-size: 28px !important;

  }

  .font-sm-30-i {
    font-size: 30px !important;
  }

  .font-sm-32-i {
    font-size: 32px !important;

  }

  .font-sm-12vw-i {
    font-size: calc(12px + 0.390625vw) !important;
  }

  .font-sm-14vw-i {
    font-size: calc(14px + 0.390625vw) !important;
  }

  .font-sm-16vw-i {
    font-size: calc(16px + 0.390625vw) !important;
  }

  .font-sm-18vw-i {
    font-size: calc(18px + 0.390625vw) !important;
  }

  .font-sm-20vw-i {
    font-size: calc(20px + 0.390625vw) !important;
  }

  .font-sm-22vw-i {
    font-size: calc(22px + 0.390625vw) !important;
  }

  .font-sm-24vw-i {
    font-size: calc(24px + 0.390625vw) !important;
  }

  .font-sm-26vw-i {
    font-size: calc(26px + 0.390625vw) !important;
  }

  .font-sm-28vw-i {
    font-size: calc(28px + 0.390625vw) !important;
  }

  .font-sm-30vw-i {
    font-size: calc(30px + 0.390625vw) !important;
  }

  .font-sm-32vw-i {
    font-size: calc(32px + 0.390625vw) !important;
  }

  .font-sm-12r-i {
    font-size: 0.75rem !important;
  }

  .font-sm-14r-i {
    font-size: 0.875rem !important;
  }

  .font-sm-16r-i {
    font-size: 1rem !important;
  }

  .font-sm-18r-i {
    font-size: 1.125rem !important;
  }

  .font-sm-20r-i {
    font-size: 1.25rem !important;
  }

  .font-sm-22r-i {
    font-size: 1.375rem !important;
  }

  .font-sm-24r-i {
    font-size: 1.5rem !important;
  }

  .font-sm-26r-i {
    font-size: 1.625rem !important;
  }

  .font-sm-28r-i {
    font-size: 1.75rem !important;
  }

  .font-sm-30r-i {
    font-size: 1.875rem !important;
  }

  .font-sm-32r-i {
    font-size: 2rem !important;
  }


  .font-sm-38r-i {
    font-size: 2.375rem !important;
  }

  .font-sm-40r-i {
    font-size: 2.5rem !important;
  }

  .font-sm-42r-i {
    font-size: 2.625rem !important;
  }

  .font-sm-44r-i {
    font-size: 2.75rem !important;
  }

  .font-sm-46r-i {
    font-size: 2.875rem !important;
  }

  .font-sm-48r-i {
    font-size: 3rem !important;
  }

  /*text weight*/

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

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

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

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

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

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

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

  .fx-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .fx-col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .fx-col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .fx-col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .fx-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .fx-col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .fx-col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .fx-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .fx-col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .fx-col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .fx-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .fx-col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .fx-col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .fx-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .fx-col-sm-break {
    width: 100%;
  }

  .fx-sm-row {
    flex-direction: row !important;
  }

  .fx-sm-column {
    flex-direction: column !important;
  }

  .fx-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .fx-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .fx-sm-wrap {
    flex-wrap: wrap !important;
  }

  .fx-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .fx-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .fx-justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .fx-justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .fx-justify-content-sm-center {
    justify-content: center !important;
  }

  .fx-justify-content-sm-between {
    justify-content: space-between !important;
  }

  .fx-justify-content-sm-around {
    justify-content: space-around !important;
  }

  .fx-align-items-sm-start {
    align-items: flex-start !important;
  }

  .fx-align-items-sm-end {
    align-items: flex-end !important;
  }

  .fx-align-items-sm-center {
    align-items: center !important;
  }

  .fx-align-items-sm-baseline {
    align-items: baseline !important;
  }

  .fx-align-items-sm-stretch {
    align-items: stretch !important;
  }

  .fx-align-content-sm-start {
    align-content: flex-start !important;
  }

  .fx-align-content-sm-end {
    align-content: flex-end !important;
  }

  .fx-align-content-sm-center {
    align-content: center !important;
  }

  .fx-align-content-sm-between {
    align-content: space-between !important;
  }

  .fx-align-content-sm-around {
    align-content: space-around !important;
  }

  .fx-align-content-sm-stretch {
    align-content: stretch !important;
  }

  .fx-align-self-sm-auto {
    align-self: auto !important;
  }

  .fx-align-self-sm-start {
    align-self: flex-start !important;
  }

  .fx-align-self-sm-end {
    align-self: flex-end !important;
  }

  .fx-align-self-sm-center {
    align-self: center !important;
  }

  .fx-align-self-sm-baseline {
    align-self: baseline !important;
  }

  .fx-align-self-sm-stretch {
    align-self: stretch !important;
  }

  .fx-order-sm-0 {
    order: 0;
  }

  .fx-order-sm-1 {
    order: 1;
  }

  .fx-order-sm-2 {
    order: 2;
  }

  .fx-order-sm-3 {
    order: 3;
  }

  .fx-order-sm-4 {
    order: 4;
  }

  .fx-order-sm-5 {
    order: 5;
  }

  .fx-order-sm-6 {
    order: 6;
  }

  .fx-order-sm-7 {
    order: 7;
  }

  .fx-order-sm-8 {
    order: 8;
  }

  .fx-order-sm-9 {
    order: 9;
  }

  .fx-order-sm-10 {
    order: 10;
  }

  .fx-order-sm-11 {
    order: 11;
  }

  .fx-order-sm-12 {
    order: 12;
  }

  .fx-offset-sm-1 {
    margin-left: 8.333333%;
  }

  .fx-offset-sm-2 {
    margin-left: 16.666667%;
  }

  .fx-offset-sm-3 {
    margin-left: 25%;
  }

  .fx-offset-sm-4 {
    margin-left: 33.333333%;
  }

  .fx-offset-sm-5 {
    margin-left: 41.666667%;
  }

  .fx-offset-sm-6 {
    margin-left: 50%;
  }

  .fx-offset-sm-7 {
    margin-left: 58.333333%;
  }

  .fx-offset-sm-8 {
    margin-left: 66.666667%;
  }

  .fx-offset-sm-9 {
    margin-left: 75%;
  }

  .fx-offset-sm-10 {
    margin-left: 83.333333%;
  }

  .fx-offset-sm-11 {
    margin-left: 91.666667%;
  }

  .block {
    max-width: 620px;
  }
}

@media screen and (max-width:479px) {

  .d-xsm-h {
    display: none !important;
  }

  .p-xsm-a0 {
    padding: 0;
  }

  .p-xsm-a5 {
    padding: 5px;
  }

  .p-xsm-a10 {
    padding: 10px;
  }

  .p-xsm-a15 {
    padding: 15px;
  }

  .p-xsm-a20 {
    padding: 20px;
  }

  .p-xsm-a25 {
    padding: 25px;
  }

  .p-xsm-a30 {
    padding: 30px;
  }

  .p-xsm-a40 {
    padding: 40px;
  }

  .p-xsm-a50 {
    padding: 50px;
  }

  .p-xsm-a60 {
    padding: 60px;
  }

  .p-xsm-a70 {
    padding: 70px;
  }

  .p-xsm-a80 {
    padding: 80px;
  }

  .p-xsm-a90 {
    padding: 90px;
  }

  .p-xsm-a100 {
    padding: 100px;
  }

  /*== >Padding (top) ==*/

  .p-xsm-t0 {
    padding-top: 0;
  }

  .p-xsm-t5 {
    padding-top: 5px;
  }

  .p-xsm-t10 {
    padding-top: 10px;
  }

  .p-xsm-t15 {
    padding-top: 15px;
  }

  .p-xsm-t20 {
    padding-top: 20px;
  }

  .p-xsm-t30 {
    padding-top: 30px;
  }

  .p-xsm-t40 {
    padding-top: 40px;
  }

  .p-xsm-t50 {
    padding-top: 50px;
  }

  .p-xsm-t60 {
    padding-top: 60px;
  }

  .p-xsm-t70 {
    padding-top: 70px;
  }

  .p-xsm-t80 {
    padding-top: 80px;
  }

  .p-xsm-t90 {
    padding-top: 90px;
  }

  .p-xsm-t100 {
    padding-top: 100px;
  }

  /*== >Padding (bottom) ==*/

  .p-xsm-b0 {
    padding-bottom: 0;
  }

  .p-xsm-b5 {
    padding-bottom: 5px;
  }

  .p-xsm-b10 {
    padding-bottom: 10px;
  }

  .p-xsm-b15 {
    padding-bottom: 15px;
  }

  .p-xsm-b20 {
    padding-bottom: 20px;
  }

  .p-xsm-b30 {
    padding-bottom: 30px;
  }

  .p-xsm-b40 {
    padding-bottom: 40px;
  }

  .p-xsm-b50 {
    padding-bottom: 50px;
  }

  .p-xsm-b60 {
    padding-bottom: 60px;
  }

  .p-xsm-b70 {
    padding-bottom: 70px;
  }

  .p-xsm-b80 {
    padding-bottom: 80px;
  }

  .p-xsm-b90 {
    padding-bottom: 90px;
  }

  .p-xsm-b100 {
    padding-bottom: 100px;
  }

  /*== >Padding (left) ==*/

  .p-xsm-l0 {
    padding-left: 0;
  }

  .p-xsm-l5 {
    padding-left: 5px;
  }

  .p-xsm-l10 {
    padding-left: 10px;
  }

  .p-xsm-l15 {
    padding-left: 15px;
  }

  .p-xsm-l20 {
    padding-left: 20px;
  }

  .p-xsm-l20-i {
    padding-left: 20px !important;
  }

  .p-xsm-l30 {
    padding-left: 30px;
  }

  .p-xsm-l40 {
    padding-left: 40px;
  }

  .p-xsm-l50 {
    padding-left: 50px;
  }

  .p-xsm-l60 {
    padding-left: 60px;
  }

  .p-xsm-l70 {
    padding-left: 70px;
  }

  .p-xsm-l80 {
    padding-left: 80px;
  }

  .p-xsm-l90 {
    padding-left: 90px;
  }

  .p-xsm-l100 {
    padding-left: 100px;
  }

  /*== >Padding (right) ==*/

  .p-xsm-r0 {
    padding-right: 0;
  }

  .p-xsm-r5 {
    padding-right: 5px;
  }

  .p-xsm-r10 {
    padding-right: 10px;
  }

  .p-xsm-r15 {
    padding-right: 15px;
  }

  .p-xsm-r20 {
    padding-right: 20px;
  }

  .p-xsm-r30 {
    padding-right: 30px;
  }

  .p-xsm-r40 {
    padding-right: 40px;
  }

  .p-xsm-r50 {
    padding-right: 50px;
  }

  .p-xsm-r60 {
    padding-right: 60px;
  }

  .p-xsm-r70 {
    padding-right: 70px;
  }

  .p-xsm-r80 {
    padding-right: 80px;
  }

  .p-xsm-r90 {
    padding-right: 90px;
  }

  .p-xsm-r100 {
    padding-right: 100px;
  }

  /*== >margin (around) ======*/

  .m-xsm-auto {
    margin: auto;
  }

  .m-xsm-a0 {
    margin: 0;
  }

  .m-xsm-a5 {
    margin: 5px;
  }

  .m-xsm-a10 {
    margin: 10px;
  }

  .m-xsm-a15 {
    margin: 15px;
  }

  .m-xsm-a20 {
    margin: 20px;
  }

  .m-xsm-a30 {
    margin: 30px;
  }

  .m-xsm-a40 {
    margin: 40px;
  }

  .m-xsm-a50 {
    margin: 50px;
  }

  .m-xsm-a60 {
    margin: 60px;
  }

  .m-xsm-a70 {
    margin: 70px;
  }

  .m-xsm-a80 {
    margin: 80px;
  }

  .m-xsm-a90 {
    margin: 90px;
  }

  .m-xsm-a100 {
    margin: 100px;
  }

  /*== >marging (top) ==*/

  .m-xsm-t0 {
    margin-top: 0;
  }

  .m-xsm-t5 {
    margin-top: 5px;
  }

  .m-xsm-t10 {
    margin-top: 10px;
  }

  .m-xsm-t15 {
    margin-top: 15px;
  }

  .m-xsm-t20 {
    margin-top: 20px;
  }

  .m-xsm-t30 {
    margin-top: 30px;
  }

  .m-xsm-t40 {
    margin-top: 40px;
  }

  .m-xsm-t50 {
    margin-top: 50px;
  }

  .m-xsm-t60 {
    margin-top: 60px;
  }

  .m-xsm-t70 {
    margin-top: 70px;
  }

  .m-xsm-t80 {
    margin-top: 80px;
  }

  .m-xsm-t90 {
    margin-top: 90px;
  }

  .m-xsm-t100 {
    margin-top: 100px;
  }

  /*== >marging (bottom) ==*/

  .m-xsm-b0 {
    margin-bottom: 0;
  }

  .m-xsm-b5 {
    margin-bottom: 5px;
  }

  .m-xsm-b10 {
    margin-bottom: 10px;
  }

  .m-xsm-b15 {
    margin-bottom: 15px;
  }

  .m-xsm-b20 {
    margin-bottom: 20px;
  }

  .m-xsm-b20-i {
    margin-bottom: 20px !important;
  }

  .m-xsm-b30 {
    margin-bottom: 30px !important;
  }

  .m-xsm-b30-i {
    margin-bottom: 30px;
  }

  .m-xsm-b40 {
    margin-bottom: 40px;
  }

  .m-xsm-b50 {
    margin-bottom: 50px;
  }

  .m-xsm-b60 {
    margin-bottom: 60px;
  }

  .m-xsm-b70 {
    margin-bottom: 70px;
  }

  .m-xsm-b80 {
    margin-bottom: 80px;
  }

  .m-xsm-b90 {
    margin-bottom: 90px;
  }

  .m-xsm-b100 {
    margin-bottom: 100px;
  }

  /*== >marging (left) ==*/

  .m-xsm-l0 {
    margin-left: 0;
  }

  .m-xsm-l5 {
    margin-left: 5px;
  }

  .m-xsm-l10 {
    margin-left: 10px;
  }

  .m-xsm-l15 {
    margin-left: 15px;
  }

  .m-xsm-l20 {
    margin-left: 20px;
  }

  .m-xsm-l30 {
    margin-left: 30px;
  }

  .m-xsm-l40 {
    margin-left: 40px;
  }

  .m-xsm-l50 {
    margin-left: 50px;
  }

  .m-xsm-l60 {
    margin-left: 60px;
  }

  .m-xsm-l70 {
    margin-left: 70px;
  }

  .m-xsm-l80 {
    margin-left: 80px;
  }

  .m-xsm-l90 {
    margin-left: 90px;
  }

  .m-xsm-l100 {
    margin-left: 100px;
  }

  /*== >marging (right) ==*/

  .m-xsm-r0 {
    margin-right: 0;
  }

  .m-xsm-r5 {
    margin-right: 5px;
  }

  .m-xsm-r10 {
    margin-right: 10px;
  }

  .m-xsm-r15 {
    margin-right: 15px;
  }

  .m-xsm-r20 {
    margin-right: 20px;
  }

  .m-xsm-r30 {
    margin-right: 30px;
  }

  .m-xsm-r40 {
    margin-right: 40px;
  }

  .m-xsm-r50 {
    margin-right: 50px;
  }

  .m-xsm-r60 {
    margin-right: 60px;
  }

  .m-xsm-r70 {
    margin-right: 70px;
  }

  .m-xsm-r80 {
    margin-right: 80px;
  }

  .m-xsm-r90 {
    margin-right: 90px;
  }

  .m-xsm-r100 {
    margin-right: 100px;
  }

  .text-xsm-left {
    text-align: left;
  }

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

  .text-xsm-right {
    text-align: right;
  }

  .text-xsm-justify {
    text-align: justify
  }

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

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

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

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

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

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

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

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

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

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

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

  .font-xsm-12vw {
    font-size: calc(12px + 0.390625vw);
  }

  .font-xsm-14vw {
    font-size: calc(14px + 0.390625vw);
  }

  .font-xsm-16vw {
    font-size: calc(16px + 0.390625vw);
  }

  .font-xsm-18vw {
    font-size: calc(18px + 0.390625vw);
  }

  .font-xsm-20vw {
    font-size: calc(20px + 0.390625vw);
  }

  .font-xsm-22vw {
    font-size: calc(22px + 0.390625vw);
  }

  .font-xsm-24vw {
    font-size: calc(24px + 0.390625vw);
  }

  .font-xsm-26vw {
    font-size: calc(26px + 0.390625vw);
  }

  .font-xsm-28vw {
    font-size: calc(28px + 0.390625vw);
  }

  .font-xsm-30vw {
    font-size: calc(30px + 0.390625vw);
  }

  .font-xsm-32vw {
    font-size: calc(32px + 0.390625vw);
  }

  .font-xsm-12r {
    font-size: 0.75rem;
  }

  .font-xsm-14r {
    font-size: 0.875rem;
  }

  .font-xsm-16r {
    font-size: 1rem;
  }

  .font-xsm-18r {
    font-size: 1.125rem;
  }

  .font-xsm-20r {
    font-size: 1.25rem;
  }

  .font-xsm-22r {
    font-size: 1.375rem;
  }

  .font-xsm-24r {
    font-size: 1.5rem;
  }

  .font-xsm-26r {
    font-size: 1.625rem;
  }

  .font-xsm-28r {
    font-size: 1.75rem;
  }

  .font-xsm-30r {
    font-size: 1.875rem;
  }

  .font-xsm-32r {
    font-size: 2rem;
  }

  .font-xsm-36r {
    font-size: 2.25rem;
  }

  .font-xsm-38r {
    font-size: 2.375rem;
  }

  .font-xsm-40r {
    font-size: 2.5rem;
  }

  .font-xsm-42r {
    font-size: 2.625rem;
  }

  .font-xsm-44r {
    font-size: 2.75rem;
  }

  .font-xsm-46r {
    font-size: 2.875rem;
  }

  .font-xsm-48r {
    font-size: 3rem;
  }

  .font-xsm-12-i {
    font-size: 12px !important;

  }

  .font-xsm-14-i {
    font-size: 14px !important;

  }

  .font-xsm-16-i {
    font-size: 16px !important;

  }

  .font-xsm-18-i {
    font-size: 18px !important;

  }

  .font-xsm-20-i {
    font-size: 20px !important;

  }

  .font-xsm-22-i {
    font-size: 22px !important;

  }

  .font-xsm-24-i {
    font-size: 24px !important;

  }

  .font-xsm-26-i {
    font-size: 26px !important;

  }

  .font-xsm-28-i {
    font-size: 28px !important;

  }

  .font-xsm-30-i {
    font-size: 30px !important;
  }

  .font-xsm-32-i {
    font-size: 32px !important;

  }

  .font-xsm-12vw-i {
    font-size: calc(12px + 0.390625vw) !important;
  }

  .font-xsm-14vw-i {
    font-size: calc(14px + 0.390625vw) !important;
  }

  .font-xsm-16vw-i {
    font-size: calc(16px + 0.390625vw) !important;
  }

  .font-xsm-18vw-i {
    font-size: calc(18px + 0.390625vw) !important;
  }

  .font-xsm-20vw-i {
    font-size: calc(20px + 0.390625vw) !important;
  }

  .font-xsm-22vw-i {
    font-size: calc(22px + 0.390625vw) !important;
  }

  .font-xsm-24vw-i {
    font-size: calc(24px + 0.390625vw) !important;
  }

  .font-xsm-26vw-i {
    font-size: calc(26px + 0.390625vw) !important;
  }

  .font-xsm-28vw-i {
    font-size: calc(28px + 0.390625vw) !important;
  }

  .font-xsm-30vw-i {
    font-size: calc(30px + 0.390625vw) !important;
  }

  .font-xsm-32vw-i {
    font-size: calc(32px + 0.390625vw) !important;
  }

  .font-xsm-12r-i {
    font-size: 0.75rem !important;
  }

  .font-xsm-14r-i {
    font-size: 0.875rem !important;
  }

  .font-xsm-16r-i {
    font-size: 1rem !important;
  }

  .font-xsm-18r-i {
    font-size: 1.125rem !important;
  }

  .font-xsm-20r-i {
    font-size: 1.25rem !important;
  }

  .font-xsm-22r-i {
    font-size: 1.375rem !important;
  }

  .font-xsm-24r-i {
    font-size: 1.5rem !important;
  }

  .font-xsm-26r-i {
    font-size: 1.625rem !important;
  }

  .font-xsm-28r-i {
    font-size: 1.75rem !important;
  }

  .font-xsm-30r-i {
    font-size: 1.875rem !important;
  }

  .font-xsm-32r-i {
    font-size: 2rem !important;
  }

  .font-xsm-38r-i {
    font-size: 2.375rem !important;
  }

  .font-xsm-40r-i {
    font-size: 2.5rem !important;
  }

  .font-xsm-42r-i {
    font-size: 2.625rem !important;
  }

  .font-xsm-44r-i {
    font-size: 2.75rem !important;
  }

  .font-xsm-46r-i {
    font-size: 2.875rem !important;
  }

  .font-xsm-48r-i {
    font-size: 3rem !important;
  }

  /*text weight*/

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

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

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

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

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

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

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

  .fx-col-xsm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .fx-col-xsm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .fx-col-xsm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .fx-col-xsm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .fx-col-xsm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .fx-col-xsm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .fx-col-xsm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .fx-col-xsm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .fx-col-xsm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .fx-col-xsm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .fx-col-xsm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .fx-col-xsm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .fx-col-xsm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .fx-col-xsm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .fx-col-xsm-break {
    width: 100%;
  }

  .fx-xsm-row {
    flex-direction: row !important;
  }

  .fx-xsm-column {
    flex-direction: column !important;
  }

  .fx-xsm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .fx-xsm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .fx-xsm-wrap {
    flex-wrap: wrap !important;
  }

  .fx-xsm-nowrap {
    flex-wrap: nowrap !important;
  }

  .fx-xsm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .fx-justify-content-xsm-start {
    justify-content: flex-start !important;
  }

  .fx-justify-content-xsm-end {
    justify-content: flex-end !important;
  }

  .fx-justify-content-xsm-center {
    justify-content: center !important;
  }

  .fx-justify-content-xsm-between {
    justify-content: space-between !important;
  }

  .fx-justify-content-xsm-around {
    justify-content: space-around !important;
  }

  .fx-align-items-xsm-start {
    align-items: flex-start !important;
  }

  .fx-align-items-xsm-end {
    align-items: flex-end !important;
  }

  .fx-align-items-xsm-center {
    align-items: center !important;
  }

  .fx-align-items-xsm-baseline {
    align-items: baseline !important;
  }

  .fx-align-items-xsm-stretch {
    align-items: stretch !important;
  }

  .fx-align-content-xsm-start {
    align-content: flex-start !important;
  }

  .fx-align-content-xsm-end {
    align-content: flex-end !important;
  }

  .fx-align-content-xsm-center {
    align-content: center !important;
  }

  .fx-align-content-xsm-between {
    align-content: space-between !important;
  }

  .fx-align-content-xsm-around {
    align-content: space-around !important;
  }

  .fx-align-content-xsm-stretch {
    align-content: stretch !important;
  }

  .fx-align-self-xsm-auto {
    align-self: auto !important;
  }

  .fx-align-self-xsm-start {
    align-self: flex-start !important;
  }

  .fx-align-self-xsm-end {
    align-self: flex-end !important;
  }

  .fx-align-self-xsm-center {
    align-self: center !important;
  }

  .fx-align-self-xsm-baseline {
    align-self: baseline !important;
  }

  .fx-align-self-xsm-stretch {
    align-self: stretch !important;
  }

  .fx-order-xsm-0 {
    order: 0;
  }

  .fx-order-xsm-1 {
    order: 1;
  }

  .fx-order-xsm-2 {
    order: 2;
  }

  .fx-order-xsm-3 {
    order: 3;
  }

  .fx-order-xsm-4 {
    order: 4;
  }

  .fx-order-xsm-5 {
    order: 5;
  }

  .fx-order-xsm-6 {
    order: 6;
  }

  .fx-order-xsm-7 {
    order: 7;
  }

  .fx-order-xsm-8 {
    order: 8;
  }

  .fx-order-xsm-9 {
    order: 9;
  }

  .fx-order-xsm-10 {
    order: 10;
  }

  .fx-order-xsm-11 {
    order: 11;
  }

  .fx-order-xsm-12 {
    order: 12;
  }

  .fx-offset-xsm-1 {
    margin-left: 8.333333%;
  }

  .fx-offset-xsm-2 {
    margin-left: 16.666667%;
  }

  .fx-offset-xsm-3 {
    margin-left: 25%;
  }

  .fx-offset-xsm-4 {
    margin-left: 33.333333%;
  }

  .fx-offset-xsm-5 {
    margin-left: 41.666667%;
  }

  .fx-offset-xsm-6 {
    margin-left: 50%;
  }

  .fx-offset-xsm-7 {
    margin-left: 58.333333%;
  }

  .fx-offset-xsm-8 {
    margin-left: 66.666667%;
  }

  .fx-offset-xsm-9 {
    margin-left: 75%;
  }

  .fx-offset-xsm-10 {
    margin-left: 83.333333%;
  }

  .fx-offset-xsm-11 {
    margin-left: 91.666667%;
  }

  .block {
    max-width: 620px;
  }
}