.pa-0{
    padding:0px!important;
}


.pa-1{
    padding:4px!important;
}


.pa-2{
    padding:8px!important;
}


.pa-3{
    padding:16px!important;
}


.pa-4{
    padding:24px!important;
}


.pa-5{
    padding:48px!important;
}


.pa-6{
    padding:100px!important;
}


.pa-7{
    padding:150px!important;
}


.pa-8{
    padding:200px!important;
}


.pt-0{
    padding-top:0px!important;
}


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


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


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


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


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


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


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


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


.pr-0{
    padding-right:0px!important;
}


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


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


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


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


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


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


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


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


.pb-0{
    padding-bottom:0px!important;
}


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


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


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


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


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


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


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


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


.pl-0{
    padding-left:0px!important;
}


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


.py-0{
        padding-top:0px!important;
        padding-bottom:0px!important
}


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


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


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


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


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


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


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


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


.ma-0{
    margin:0px!important;
}


.ma-1{
    margin:4px!important;
}


.ma-2{
    margin:8px!important;
}


.ma-3{
    margin:16px!important;
}


.ma-4{
    margin:24px!important;
}


.ma-5{
    margin:48px!important;
}


.ma-6{
    margin:100px!important;
}


.ma-7{
    margin:150px!important;
}


.ma-8{
    margin:200px!important;
}


.mt-0{
    margin-top:0px!important;
}


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


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


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


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


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


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


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


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


.mr-0{
    margin-right:0px!important;
}


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


.ml-0{
    margin-left:0px!important;
}


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


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


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


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


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


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


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


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


.mx-0{
        margin-right:0px!important;
        margin-left:0px!important
}


.mx-1{
        margin-right:4px!important;
        margin-left:4px!important
}


.mx-2{
        margin-right:8px!important;
        margin-left:8px!important
}


.mx-3{
        margin-right:16px!important;
        margin-left:16px!important
}


.mx-4{
        margin-right:24px!important;
        margin-left:24px!important
}


.mx-5{
        margin-right:48px!important;
        margin-left:48px!important
}


.mx-6{
        margin-right:100px!important;
        margin-left:100px!important
}


.mx-7{
        margin-right:150px!important;
        margin-left:150px!important
}


.mx-8{
        margin-right:200px!important;
        margin-left:200px!important
}


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


.my-1{
        margin-top:4px!important;
        margin-bottom:4px!important
}


.my-2{
        margin-top:8px!important;
        margin-bottom:8px!important
}


.my-3{
        margin-top:16px!important;
        margin-bottom:16px!important
}


.my-4{
        margin-top:24px!important;
        margin-bottom:24px!important
}


.my-5{
        margin-top:48px!important;
        margin-bottom:48px!important
}


.my-6{
        margin-top:100px!important;
        margin-bottom:100px!important
}


.my-7{
        margin-top:150px!important;
        margin-bottom:150px!important
}


.my-8{
        margin-top:200px!important;
        margin-bottom:200px!important
}



/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ================================================ */




.df{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
}


.f-jc-start{
            -webkit-box-pack:start;
            -webkit-justify-content:flex-start;
               -moz-box-pack:start;
                -ms-flex-pack:start;
                    justify-content:flex-start;
        }


.f-jc-end{
            -webkit-box-pack:end;
            -webkit-justify-content:flex-end;
               -moz-box-pack:end;
                -ms-flex-pack:end;
                    justify-content:flex-end;
        }


.f-jc-center{
            -webkit-box-pack:center;
            -webkit-justify-content:center;
               -moz-box-pack:center;
                -ms-flex-pack:center;
                    justify-content:center;
        }


.f-jc-sb{
            -webkit-box-pack:justify;
            -webkit-justify-content:space-between;
               -moz-box-pack:justify;
                -ms-flex-pack:justify;
                    justify-content:space-between;
        }


.f-aa-start{
            -webkit-box-align:start;
            -webkit-align-items:flex-start;
               -moz-box-align:start;
                -ms-flex-align:start;
                    align-items:flex-start;
        }


.f-aa-end{
            -webkit-box-align:end;
            -webkit-align-items:flex-end;
               -moz-box-align:end;
                -ms-flex-align:end;
                    align-items:flex-end;
        }


.f-aa-center{
            -webkit-box-align:center;
            -webkit-align-items:center;
               -moz-box-align:center;
                -ms-flex-align:center;
                    align-items:center;
        }


.f-aa-sb{
            -webkit-box-align:space-between;
            -webkit-align-items:space-between;
               -moz-box-align:space-between;
                -ms-flex-align:space-between;
                    align-items:space-between;
        }


.f-fd-column{
            -webkit-box-orient:vertical;
            -webkit-box-direction:normal;
            -webkit-flex-direction:column;
               -moz-box-orient:vertical;
               -moz-box-direction:normal;
                -ms-flex-direction:column;
                    flex-direction:column;
        }


.f-fd-row{
            -webkit-box-orient:horizontal;
            -webkit-box-direction:normal;
            -webkit-flex-direction:row;
               -moz-box-orient:horizontal;
               -moz-box-direction:normal;
                -ms-flex-direction:row;
                    flex-direction:row;
        }


.f-fd-row-reverse{
            -webkit-box-orient:horizontal;
            -webkit-box-direction:reverse;
            -webkit-flex-direction:row-reverse;
               -moz-box-orient:horizontal;
               -moz-box-direction:reverse;
                -ms-flex-direction:row-reverse;
                    flex-direction:row-reverse;
        }

        ul.f-jc-start li:first-of-type{
            padding-left:0px;
        }


ul.f-jc-start.ff-column.f-aa-start{
                -webkit-box-align:start!important;
                -webkit-align-items:flex-start!important;
                   -moz-box-align:start!important;
                    -ms-flex-align:start!important;
                        align-items:flex-start!important;
            }


ul.f-jc-start.ff-column li{
                padding-left:0px;
            }


ul.f-jc-end li:last-of-type{
            padding-right:0px;
        }


ul.f-jc-end.ff-column li{
            padding-right:0px;
        }


.ff-column{
            -webkit-box-orient:vertical;
            -webkit-box-direction:normal;
            -webkit-flex-flow:column;
               -moz-box-orient:vertical;
               -moz-box-direction:normal;
                -ms-flex-flow:column;
                    flex-flow:column; 
        }


.ff-row{
            -webkit-box-orient:horizontal;
            -webkit-box-direction:normal;
            -webkit-flex-flow:row;
               -moz-box-orient:horizontal;
               -moz-box-direction:normal;
                -ms-flex-flow:row;
                    flex-flow:row; 
        }