/*
================================================================
unitility.css for mi sfcc
from Jan. 2021 
masida@studio-uni
================================================================
*/

/*
----------------
html
----------------
*/


/*
----------------
box spacing
----------------
*/

/*
----------------
img
----------------
*/

.uni img.fit {width: 100% !important; height: auto !important;}

/*
----------------
anchor
----------------
*/

.uni a.disable {pointer-events : none !important;}

/*
----------------
display
----------------
*/

.uni .no-display, 
.uni .hide,
.uni .display-none { display: none !important;}

/*
----------------
wrap
----------------
*/

.uni .wrap-1000 {width: 100%; max-width: 1000px; margin: 0 auto;}
.uni .wrap-900 {width: 100%; max-width: 900px; margin: 0 auto;}
.uni .wrap-800 {width: 100%; max-width: 800px; margin: 0 auto;}
.uni .wrap-700 {width: 100%; max-width: 700px; margin: 0 auto;}
.uni .wrap-600 {width: 100%; max-width: 600px; margin: 0 auto;}
.uni .wrap-500 {width: 100%; max-width: 500px; margin: 0 auto;}
.uni .wrap-400 {width: 100%; max-width: 400px; margin: 0 auto;}
.uni .wrap-300 {width: 100%; max-width: 300px; margin: 0 auto;}


/*
----------------
margin
----------------
*/

.uni .m-00 { margin: 0 !important;}
.uni .mt-00 { margin-top: 0 !important;}
.uni .mr-00 { margin-right: 0 !important;}
.uni .mb-00 { margin-bottom: 0 !important;}
.uni .ml-00 { margin-left: 0 !important;}
.uni .mx-00 { margin-right: 0 !important; margin-left: 0 !important;}
.uni .my-00 { margin-top: 0 !important; margin-bottom: 0 !important;}

/* rem */

.uni .m-01 { margin: 1rem !important;}
.uni .m-02 { margin: 2rem !important;}
.uni .m-03 { margin: 3rem !important;}
.uni .m-04 { margin: 4rem !important;}
.uni .m-05 { margin: 5rem !important;}
.uni .m-06 { margin: 6rem !important;}
.uni .m-07 { margin: 7rem !important;}
.uni .m-08 { margin: 8rem !important;}
.uni .m-09 { margin: 9rem !important;}
.uni .m-10 { margin: 10rem !important;}

.uni .mt-01 { margin-top: 1rem !important;}
.uni .mt-02 { margin-top: 2rem !important;}
.uni .mt-03 { margin-top: 3rem !important;}
.uni .mt-04 { margin-top: 4rem !important;}
.uni .mt-05 { margin-top: 5rem !important;}
.uni .mt-06 { margin-top: 6rem !important;}
.uni .mt-07 { margin-top: 7rem !important;}
.uni .mt-08 { margin-top: 8rem !important;}
.uni .mt-09 { margin-top: 9rem !important;}
.uni .mt-10 { margin-top: 10rem !important;}

.uni .mr-01 { margin-right: 1rem !important;}
.uni .mr-02 { margin-right: 2rem !important;}
.uni .mr-03 { margin-right: 3rem !important;}
.uni .mr-04 { margin-right: 4rem !important;}
.uni .mr-05 { margin-right: 5rem !important;}
.uni .mr-06 { margin-right: 6rem !important;}
.uni .mr-07 { margin-right: 7rem !important;}
.uni .mr-08 { margin-right: 8rem !important;}
.uni .mr-09 { margin-right: 9rem !important;}
.uni .mr-10 { margin-right: 10rem !important;}

.uni .mb-01 { margin-bottom: 1rem !important;}
.uni .mb-02 { margin-bottom: 2rem !important;}
.uni .mb-03 { margin-bottom: 3rem !important;}
.uni .mb-04 { margin-bottom: 4rem !important;}
.uni .mb-05 { margin-bottom: 5rem !important;}
.uni .mb-06 { margin-bottom: 6rem !important;}
.uni .mb-07 { margin-bottom: 7rem !important;}
.uni .mb-08 { margin-bottom: 8rem !important;}
.uni .mb-09 { margin-bottom: 9rem !important;}
.uni .mb-10 { margin-bottom: 10rem !important;}

.uni .ml-01 { margin-left: 1rem !important;}
.uni .ml-02 { margin-left: 2rem !important;}
.uni .ml-03 { margin-left: 3rem !important;}
.uni .ml-04 { margin-left: 4rem !important;}
.uni .ml-05 { margin-left: 5rem !important;}
.uni .ml-06 { margin-left: 6rem !important;}
.uni .ml-07 { margin-left: 7rem !important;}
.uni .ml-08 { margin-left: 8rem !important;}
.uni .ml-09 { margin-left: 9rem !important;}
.uni .ml-10 { margin-left: 10rem !important;}

.uni .mx-01 { margin-right: 1rem !important; margin-left: 1rem !important;}
.uni .mx-02 { margin-right: 2rem !important; margin-left: 2rem !important;}
.uni .mx-03 { margin-right: 3rem !important; margin-left: 3rem !important;}
.uni .mx-04 { margin-right: 4rem !important; margin-left: 4rem !important;}
.uni .mx-05 { margin-right: 5rem !important; margin-left: 5rem !important;}
.uni .mx-06 { margin-right: 6rem !important; margin-left: 6rem !important;}
.uni .mx-07 { margin-right: 7rem !important; margin-left: 7rem !important;}
.uni .mx-08 { margin-right: 8rem !important; margin-left: 8rem !important;}
.uni .mx-09 { margin-right: 9rem !important; margin-left: 9rem !important;}
.uni .mx-10 { margin-right: 10rem !important; margin-left: 10rem !important;}

.uni .my-01 { margin-top: 1rem !important; margin-bottom: 1rem !important;}
.uni .my-02 { margin-top: 2rem !important; margin-bottom: 2rem !important;}
.uni .my-03 { margin-top: 3rem !important; margin-bottom: 3rem !important;}
.uni .my-04 { margin-top: 4rem !important; margin-bottom: 4rem !important;}
.uni .my-05 { margin-top: 5rem !important; margin-bottom: 5rem !important;}
.uni .my-06 { margin-top: 6rem !important; margin-bottom: 6rem !important;}
.uni .my-07 { margin-top: 7rem !important; margin-bottom: 7rem !important;}
.uni .my-08 { margin-top: 8rem !important; margin-bottom: 8rem !important;}
.uni .my-09 { margin-top: 9rem !important; margin-bottom: 9rem !important;}
.uni .my-10 { margin-top: 10rem !important; margin-bottom: 10rem !important;}

.uni .p-01 { padding: 1rem !important;}
.uni .p-02 { padding: 2rem !important;}
.uni .p-03 { padding: 3rem !important;}
.uni .p-04 { padding: 4rem !important;}
.uni .p-05 { padding: 5rem !important;}
.uni .p-06 { padding: 6rem !important;}
.uni .p-07 { padding: 7rem !important;}
.uni .p-08 { padding: 8rem !important;}
.uni .p-09 { padding: 9rem !important;}
.uni .p-10 { padding: 10rem !important;}

.uni .pt-01 { padding-top: 1rem !important;}
.uni .pt-02 { padding-top: 2rem !important;}
.uni .pt-03 { padding-top: 3rem !important;}
.uni .pt-04 { padding-top: 4rem !important;}
.uni .pt-05 { padding-top: 5rem !important;}
.uni .pt-06 { padding-top: 6rem !important;}
.uni .pt-07 { padding-top: 7rem !important;}
.uni .pt-08 { padding-top: 8rem !important;}
.uni .pt-09 { padding-top: 9rem !important;}
.uni .pt-10 { padding-top: 10rem !important;}

.uni .pr-01 { padding-right: 1rem !important;}
.uni .pr-02 { padding-right: 2rem !important;}
.uni .pr-03 { padding-right: 3rem !important;}
.uni .pr-04 { padding-right: 4rem !important;}
.uni .pr-05 { padding-right: 5rem !important;}
.uni .pr-06 { padding-right: 6rem !important;}
.uni .pr-07 { padding-right: 7rem !important;}
.uni .pr-08 { padding-right: 8rem !important;}
.uni .pr-09 { padding-right: 9rem !important;}
.uni .pr-10 { padding-right: 10rem !important;}

.uni .pb-01 { padding-bottom: 1rem !important;}
.uni .pb-02 { padding-bottom: 2rem !important;}
.uni .pb-03 { padding-bottom: 3rem !important;}
.uni .pb-04 { padding-bottom: 4rem !important;}
.uni .pb-05 { padding-bottom: 5rem !important;}
.uni .pb-06 { padding-bottom: 6rem !important;}
.uni .pb-07 { padding-bottom: 7rem !important;}
.uni .pb-08 { padding-bottom: 8rem !important;}
.uni .pb-09 { padding-bottom: 9rem !important;}
.uni .pb-10 { padding-bottom: 10rem !important;}

.uni .pl-01 { padding-left: 1rem !important;}
.uni .pl-02 { padding-left: 2rem !important;}
.uni .pl-03 { padding-left: 3rem !important;}
.uni .pl-04 { padding-left: 4rem !important;}
.uni .pl-05 { padding-left: 5rem !important;}
.uni .pl-06 { padding-left: 6rem !important;}
.uni .pl-07 { padding-left: 7rem !important;}
.uni .pl-08 { padding-left: 8rem !important;}
.uni .pl-09 { padding-left: 9rem !important;}
.uni .pl-10 { padding-left: 10rem !important;}

.uni .px-01 { padding-right: 1rem !important; padding-left: 1rem !important;}
.uni .px-02 { padding-right: 2rem !important; padding-left: 2rem !important;}
.uni .px-03 { padding-right: 3rem !important; padding-left: 3rem !important;}
.uni .px-04 { padding-right: 4rem !important; padding-left: 4rem !important;}
.uni .px-05 { padding-right: 5rem !important; padding-left: 5rem !important;}
.uni .px-06 { padding-right: 6rem !important; padding-left: 6rem !important;}
.uni .px-07 { padding-right: 7rem !important; padding-left: 7rem !important;}
.uni .px-08 { padding-right: 8rem !important; padding-left: 8rem !important;}
.uni .px-09 { padding-right: 9rem !important; padding-left: 9rem !important;}
.uni .px-10 { padding-right: 10rem !important; padding-left: 10rem !important;}

.uni .py-01 { padding-top: 1rem !important; padding-bottom: 1rem !important;}
.uni .py-02 { padding-top: 2rem !important; padding-bottom: 2rem !important;}
.uni .py-03 { padding-top: 3rem !important; padding-bottom: 3rem !important;}
.uni .py-04 { padding-top: 4rem !important; padding-bottom: 4rem !important;}
.uni .py-05 { padding-top: 5rem !important; padding-bottom: 5rem !important;}
.uni .py-06 { padding-top: 6rem !important; padding-bottom: 6rem !important;}
.uni .py-07 { padding-top: 7rem !important; padding-bottom: 7rem !important;}
.uni .py-08 { padding-top: 8rem !important; padding-bottom: 8rem !important;}
.uni .py-09 { padding-top: 9rem !important; padding-bottom: 9rem !important;}
.uni .py-10 { padding-top: 10rem !important; padding-bottom: 10rem !important;}

/* px */

.uni .m-001 { margin: 1px !important;}
.uni .m-002 { margin: 2px !important;}
.uni .m-003 { margin: 3px !important;}
.uni .m-004 { margin: 4px !important;}
.uni .m-005 { margin: 5px !important;}
.uni .m-006 { margin: 6px !important;}
.uni .m-007 { margin: 7px !important;}
.uni .m-008 { margin: 8px !important;}
.uni .m-009 { margin: 9px !important;}
.uni .m-010 { margin: 10px !important;}

.uni .mt-001 { margin-top: 1px !important;}
.uni .mt-002 { margin-top: 2px !important;}
.uni .mt-003 { margin-top: 3px !important;}
.uni .mt-004 { margin-top: 4px !important;}
.uni .mt-005 { margin-top: 5px !important;}
.uni .mt-006 { margin-top: 6px !important;}
.uni .mt-007 { margin-top: 7px !important;}
.uni .mt-008 { margin-top: 8px !important;}
.uni .mt-009 { margin-top: 9px !important;}
.uni .mt-010 { margin-top: 10px !important;}

.uni .mr-001 { margin-right: 1px !important;}
.uni .mr-002 { margin-right: 2px !important;}
.uni .mr-003 { margin-right: 3px !important;}
.uni .mr-004 { margin-right: 4px !important;}
.uni .mr-005 { margin-right: 5px !important;}
.uni .mr-006 { margin-right: 6px !important;}
.uni .mr-007 { margin-right: 7px !important;}
.uni .mr-008 { margin-right: 8px !important;}
.uni .mr-009 { margin-right: 9px !important;}
.uni .mr-010 { margin-right: 10px !important;}

.uni .mb-001 { margin-bottom: 1px !important;}
.uni .mb-002 { margin-bottom: 2px !important;}
.uni .mb-003 { margin-bottom: 3px !important;}
.uni .mb-004 { margin-bottom: 4px !important;}
.uni .mb-005 { margin-bottom: 5px !important;}
.uni .mb-006 { margin-bottom: 6px !important;}
.uni .mb-007 { margin-bottom: 7px !important;}
.uni .mb-008 { margin-bottom: 8px !important;}
.uni .mb-009 { margin-bottom: 9px !important;}
.uni .mb-010 { margin-bottom: 10px !important;}

.uni .ml-001 { margin-left: 1px !important;}
.uni .ml-002 { margin-left: 2px !important;}
.uni .ml-003 { margin-left: 3px !important;}
.uni .ml-004 { margin-left: 4px !important;}
.uni .ml-005 { margin-left: 5px !important;}
.uni .ml-006 { margin-left: 6px !important;}
.uni .ml-007 { margin-left: 7px !important;}
.uni .ml-008 { margin-left: 8px !important;}
.uni .ml-009 { margin-left: 9px !important;}
.uni .ml-010 { margin-left: 10px !important;}

.uni .mx-001 { margin-right: 1px !important; margin-left: 1px !important;}
.uni .mx-002 { margin-right: 2px !important; margin-left: 2px !important;}
.uni .mx-003 { margin-right: 3px !important; margin-left: 3px !important;}
.uni .mx-004 { margin-right: 4px !important; margin-left: 4px !important;}
.uni .mx-005 { margin-right: 5px !important; margin-left: 5px !important;}
.uni .mx-006 { margin-right: 6px !important; margin-left: 6px !important;}
.uni .mx-007 { margin-right: 7px !important; margin-left: 7px !important;}
.uni .mx-008 { margin-right: 8px !important; margin-left: 8px !important;}
.uni .mx-009 { margin-right: 9px !important; margin-left: 9px !important;}
.uni .mx-010 { margin-right: 10px !important; margin-left: 10px !important;}

.uni .my-001 { margin-top: 1px !important; margin-bottom: 1px !important;}
.uni .my-002 { margin-top: 2px !important; margin-bottom: 2px !important;}
.uni .my-003 { margin-top: 3px !important; margin-bottom: 3px !important;}
.uni .my-004 { margin-top: 4px !important; margin-bottom: 4px !important;}
.uni .my-005 { margin-top: 5px !important; margin-bottom: 5px !important;}
.uni .my-006 { margin-top: 6px !important; margin-bottom: 6px !important;}
.uni .my-007 { margin-top: 7px !important; margin-bottom: 7px !important;}
.uni .my-008 { margin-top: 8px !important; margin-bottom: 8px !important;}
.uni .my-009 { margin-top: 9px !important; margin-bottom: 9px !important;}
.uni .my-010 { margin-top: 10px !important; margin-bottom: 10px !important;}

.uni .p-001 { padding: 1px !important;}
.uni .p-002 { padding: 2px !important;}
.uni .p-003 { padding: 3px !important;}
.uni .p-004 { padding: 4px !important;}
.uni .p-005 { padding: 5px !important;}
.uni .p-006 { padding: 6px !important;}
.uni .p-007 { padding: 7px !important;}
.uni .p-008 { padding: 8px !important;}
.uni .p-009 { padding: 9px !important;}
.uni .p-010 { padding: 10px !important;}

.uni .pt-001 { padding-top: 1px !important;}
.uni .pt-002 { padding-top: 2px !important;}
.uni .pt-003 { padding-top: 3px !important;}
.uni .pt-004 { padding-top: 4px !important;}
.uni .pt-005 { padding-top: 5px !important;}
.uni .pt-006 { padding-top: 6px !important;}
.uni .pt-007 { padding-top: 7px !important;}
.uni .pt-008 { padding-top: 8px !important;}
.uni .pt-009 { padding-top: 9px !important;}
.uni .pt-010 { padding-top: 10px !important;}

.uni .pr-001 { padding-right: 1px !important;}
.uni .pr-002 { padding-right: 2px !important;}
.uni .pr-003 { padding-right: 3px !important;}
.uni .pr-004 { padding-right: 4px !important;}
.uni .pr-005 { padding-right: 5px !important;}
.uni .pr-006 { padding-right: 6px !important;}
.uni .pr-007 { padding-right: 7px !important;}
.uni .pr-008 { padding-right: 8px !important;}
.uni .pr-009 { padding-right: 9px !important;}
.uni .pr-010 { padding-right: 10px !important;}

.uni .pb-001 { padding-bottom: 1px !important;}
.uni .pb-002 { padding-bottom: 2px !important;}
.uni .pb-003 { padding-bottom: 3px !important;}
.uni .pb-004 { padding-bottom: 4px !important;}
.uni .pb-005 { padding-bottom: 5px !important;}
.uni .pb-006 { padding-bottom: 6px !important;}
.uni .pb-007 { padding-bottom: 7px !important;}
.uni .pb-008 { padding-bottom: 8px !important;}
.uni .pb-009 { padding-bottom: 9px !important;}
.uni .pb-010 { padding-bottom: 10px !important;}

.uni .pl-001 { padding-left: 1px !important;}
.uni .pl-002 { padding-left: 2px !important;}
.uni .pl-003 { padding-left: 3px !important;}
.uni .pl-004 { padding-left: 4px !important;}
.uni .pl-005 { padding-left: 5px !important;}
.uni .pl-006 { padding-left: 6px !important;}
.uni .pl-007 { padding-left: 7px !important;}
.uni .pl-008 { padding-left: 8px !important;}
.uni .pl-009 { padding-left: 9px !important;}
.uni .pl-010 { padding-left: 10px !important;}

.uni .px-001 { padding-right: 1px !important; padding-left: 1px !important;}
.uni .px-002 { padding-right: 2px !important; padding-left: 2px !important;}
.uni .px-003 { padding-right: 3px !important; padding-left: 3px !important;}
.uni .px-004 { padding-right: 4px !important; padding-left: 4px !important;}
.uni .px-005 { padding-right: 5px !important; padding-left: 5px !important;}
.uni .px-006 { padding-right: 6px !important; padding-left: 6px !important;}
.uni .px-007 { padding-right: 7px !important; padding-left: 7px !important;}
.uni .px-008 { padding-right: 8px !important; padding-left: 8px !important;}
.uni .px-009 { padding-right: 9px !important; padding-left: 9px !important;}
.uni .px-010 { padding-right: 10px !important; padding-left: 10px !important;}

.uni .py-001 { padding-top: 1px !important; padding-bottom: 1px !important;}
.uni .py-002 { padding-top: 2px !important; padding-bottom: 2px !important;}
.uni .py-003 { padding-top: 3px !important; padding-bottom: 3px !important;}
.uni .py-004 { padding-top: 4px !important; padding-bottom: 4px !important;}
.uni .py-005 { padding-top: 5px !important; padding-bottom: 5px !important;}
.uni .py-006 { padding-top: 6px !important; padding-bottom: 6px !important;}
.uni .py-007 { padding-top: 7px !important; padding-bottom: 7px !important;}
.uni .py-008 { padding-top: 8px !important; padding-bottom: 8px !important;}
.uni .py-009 { padding-top: 9px !important; padding-bottom: 9px !important;}
.uni .py-010 { padding-top: 10px !important; padding-bottom: 10px !important;}

/* default */

.mb-p100-s56 { margin-bottom:100px !important;}
.mb-p56-s30 { margin-bottom:56px !important;}
.mb-p40-s30 { margin-bottom:40px !important;}
.mb-p24-s20 { margin-bottom:24px !important;}
.mb-p12-s10 { margin-bottom:12px !important;}
	
@media (max-width: 559px) {
.mb-p100-s56 { margin-bottom:56px !important;}
.mb-p56-s30 { margin-bottom:30px !important;}
.mb-p40-s30 { margin-bottom:30px !important;}
.mb-p24-s20 { margin-bottom:20px !important;}
.mb-p12-s10 { margin-bottom:10px !important;}
}

/* added */

.mt-p100-s56 { margin-top:100px !important;}
.mt-p56-s30 { margin-top:56px !important;}
.mt-p40-s30 { margin-top:40px !important;}
.mt-p24-s20 { margin-top:24px !important;}
.mt-p12-s10 { margin-top:12px !important;}
	
@media (max-width: 559px) {
.mt-p100-s56 { margin-top:56px !important;}
.mt-p56-s30 { margin-top:30px !important;}
.mt-p40-s30 { margin-top:30px !important;}
.mt-p24-s20 { margin-top:20px !important;}
.mt-p12-s10 { margin-top:10px !important;}
}

/*
----------------
block alignment
----------------
*/

.uni .block-center { margin: 0 auto;}
.uni .block-right { margin: 0 0 0 auto;}
.uni .block-left { margin: 0 auto 0 0;}

/*
----------------
text alignment
----------------
*/

.uni .text-justify {
  text-align: justify !important;
}

.uni .text-wrap {
  white-space: normal !important;
}

.uni .text-nowrap {
  white-space: nowrap !important;
}

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

.uni .text-left {
  text-align: left !important;
}

.uni .text-right {
  text-align: right !important;
}

.uni .text-center {
  text-align: center !important;
}

/*
----------------
text-color
----------------
*/

.uni .color-black,
.uni .c-blk { color: black !important;}
.uni .color-white,
.uni .c-wht { color: white !important;}
.uni .color-red,
.uni .c-red { color: red !important;}

.uni .color-reset { color: #2c2c2c !important;}
.uni .color-emphasis { color: #bc5561 !important;;}

/*
----------------
font weight
----------------
*/

.uni .font-weight-light,
.uni .f-w-l {
  font-weight: light !important;
}

.uni .font-weight-lighter,
.uri .f-w-lighter {
  font-weight: lighter !important;
}

.uni .font-weight-normal,
.uni .f-w-n {
  font-weight: normal !important;
}

.uni .font-weight-bold,
.uni .f-w-b {
  font-weight: bold !important;
}

.uni .font-weight-bolder,
.uni .f-w-bolder {
  font-weight: bolder !important;
}

/*
----------------
font size
----------------
*/

.uni .h1 { font-size: 36px !important;}
.uni .h2 { font-size: 32px !important;}
.uni .h3 { font-size: 28px !important;}
.uni .h4 { font-size: 24px !important;}
.uni .h5 { font-size: 20px !important;}
.uni .h6 { font-size: 16px !important;}

.uni .f-s-010 { font-size: 10px !important;}
.uni .f-s-011 { font-size: 11px !important;}
.uni .f-s-012 { font-size: 12px !important;}
.uni .f-s-013 { font-size: 13px !important;}
.uni .f-s-014 { font-size: 14px !important;}
.uni .f-s-015 { font-size: 15px !important;}
.uni .f-s-016 { font-size: 16px !important;}
.uni .f-s-017 { font-size: 17px !important;}
.uni .f-s-018 { font-size: 18px !important;}
.uni .f-s-019 { font-size: 19px !important;}
.uni .f-s-020 { font-size: 20px !important;}

/*
----------------
line height
----------------
*/

.uni .l-h-10 { line-heght: 1.0 !important;}
.uni .l-h-11 { line-heght: 1.1 !important;}
.uni .l-h-12 { line-heght: 1.2 !important;}
.uni .l-h-13 { line-heght: 1.3 !important;}
.uni .l-h-14 { line-heght: 1.4 !important;}
.uni .l-h-15 { line-heght: 1.5 !important;}
.uni .l-h-16 { line-heght: 1.6 !important;}
.uni .l-h-17 { line-heght: 1.7 !important;}
.uni .l-h-18 { line-heght: 1.8 !important;}
.uni .l-h-19 { line-heght: 1.9 !important;}
.uni .l-h-20 { line-heght: 2.0 !important;}
.uni .l-h-25 { line-heght: 2.5 !important;}
.uni .l-h-30 { line-heght: 3.0 !important;}

/*
----------------
anchor
----------------
*/

@media (min-width: 560px){
  [id^="anc"]{
  margin-top: -50px !important;
  padding-top: 50px !important;
  }
}


/*[EOF]*/