.u-flex
{
    display: flex!important;
}

.u-align-item-center
{
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
            align-items: center!important;
}

.u-container
{
    position: relative;

    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px)
{
    .u-container
    {
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
}

@media (min-width: 768px)
{
    .u-container
    {
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
}

@media (min-width: 992px)
{
    .u-container
    {
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
}

@media (min-width: 1200px)
{
    .u-container
    {
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
}

@media (min-width: 576px)
{
    .u-container
    {
        width: 540px!important;
        max-width: 100%!important;
    }
}

@media (min-width: 768px)
{
    .u-container
    {
        width: 720px!important;
        max-width: 100%!important;
    }
}

@media (min-width: 992px)
{
    .u-container
    {
        width: 960px!important;
        max-width: 100%!important;
    }
}

@media (min-width: 1200px)
{
    .u-container
    {
        width: 1140px!important;
        max-width: 100%!important;
    }
}

.u-btn
{
    font-family: 'RobotoRegular',Arial,STHeiti,华 文 黑 体,SimHei,黑 体,sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;

    display: inline-block;

    padding: 10px 15px;

    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;

    color: #fff;
    border: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: #aaabad;
    background-image: none;
    background-repeat: repeat-x;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    text-shadow: none;

    filter: none;
}


.u-w-25
{
    width: 25%!important;
}

.u-w-50
{
    width: 50%!important;
}

.u-w-75
{
    width: 75%!important;
}

.u-w-100
{
    width: 100%!important;
}

.u-h-25
{
    height: 25%!important;
}

.u-h-50
{
    height: 50%!important;
}

.u-h-75
{
    height: 75%!important;
}

.u-h-100
{
    height: 100%!important;
}

.u-mw-100
{
    max-width: 100%!important;
}

.u-mh-100
{
    max-height: 100%!important;
}

.u-m-0
{
    margin: 0 0!important;
}

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

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

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

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

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

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

.u-m-1
{
    margin: .25rem .25rem!important;
}

.u-mt-1
{
    margin-top: .25rem!important;
}

.u-mr-1
{
    margin-right: .25rem!important;
}

.u-mb-1
{
    margin-bottom: .25rem!important;
}

.u-ml-1
{
    margin-left: .25rem!important;
}

.u-mx-1
{
    margin-right: .25rem!important;
    margin-left: .25rem!important;
}

.u-my-1
{
    margin-top: .25rem!important;
    margin-bottom: .25rem!important;
}

.u-m-2
{
    margin: .5rem .5rem!important;
}

.u-mt-2
{
    margin-top: .5rem!important;
}

.u-mr-2
{
    margin-right: .5rem!important;
}

.u-mb-2
{
    margin-bottom: .5rem!important;
}

.u-ml-2
{
    margin-left: .5rem!important;
}

.u-mx-2
{
    margin-right: .5rem!important;
    margin-left: .5rem!important;
}

.u-my-2
{
    margin-top: .5rem!important;
    margin-bottom: .5rem!important;
}

.u-m-3
{
    margin: 1rem 1rem!important;
}

.u-mt-3
{
    margin-top: 1rem!important;
}

.u-mr-3
{
    margin-right: 1rem!important;
}

.u-mb-3
{
    margin-bottom: 1rem!important;
}

.u-ml-3
{
    margin-left: 1rem!important;
}

.u-mx-3
{
    margin-right: 1rem!important;
    margin-left: 1rem!important;
}

.u-my-3
{
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}

.u-m-4
{
    margin: 1.5rem 1.5rem!important;
}

.u-mt-4
{
    margin-top: 1.5rem!important;
}

.u-mr-4
{
    margin-right: 1.5rem!important;
}

.u-mb-4
{
    margin-bottom: 1.5rem!important;
}

.u-ml-4
{
    margin-left: 1.5rem!important;
}

.u-mx-4
{
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important;
}

.u-my-4
{
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
}

.u-m-5
{
    margin: 3rem 3rem!important;
}

.u-mt-5
{
    margin-top: 3rem!important;
}

.u-mr-5
{
    margin-right: 3rem!important;
}

.u-mb-5
{
    margin-bottom: 3rem!important;
}

.u-ml-5
{
    margin-left: 3rem!important;
}

.u-mx-5
{
    margin-right: 3rem!important;
    margin-left: 3rem!important;
}

.u-my-5
{
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
}

.u-p-0
{
    padding: 0 0!important;
}

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

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

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

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

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

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

.u-p-1
{
    padding: .25rem .25rem!important;
}

.u-pt-1
{
    padding-top: .25rem!important;
}

.u-pr-1
{
    padding-right: .25rem!important;
}

.u-pb-1
{
    padding-bottom: .25rem!important;
}

.u-pl-1
{
    padding-left: .25rem!important;
}

.u-px-1
{
    padding-right: .25rem!important;
    padding-left: .25rem!important;
}

.u-py-1
{
    padding-top: .25rem!important;
    padding-bottom: .25rem!important;
}

.u-p-2
{
    padding: .5rem .5rem!important;
}

.u-pt-2
{
    padding-top: .5rem!important;
}

.u-pr-2
{
    padding-right: .5rem!important;
}

.u-pb-2
{
    padding-bottom: .5rem!important;
}

.u-pl-2
{
    padding-left: .5rem!important;
}

.u-px-2
{
    padding-right: .5rem!important;
    padding-left: .5rem!important;
}

.u-py-2
{
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
}

.u-p-3
{
    padding: 1rem 1rem!important;
}

.u-pt-3
{
    padding-top: 1rem!important;
}

.u-pr-3
{
    padding-right: 1rem!important;
}

.u-pb-3
{
    padding-bottom: 1rem!important;
}

.u-pl-3
{
    padding-left: 1rem!important;
}

.u-px-3
{
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}

.u-py-3
{
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}

.u-p-4
{
    padding: 1.5rem 1.5rem!important;
}

.u-pt-4
{
    padding-top: 1.5rem!important;
}

.u-pr-4
{
    padding-right: 1.5rem!important;
}

.u-pb-4
{
    padding-bottom: 1.5rem!important;
}

.u-pl-4
{
    padding-left: 1.5rem!important;
}

.u-px-4
{
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}

.u-py-4
{
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}

.u-p-5
{
    padding: 3rem 3rem!important;
}

.u-pt-5
{
    padding-top: 3rem!important;
}

.u-pr-5
{
    padding-right: 3rem!important;
}

.u-pb-5
{
    padding-bottom: 3rem!important;
}

.u-pl-5
{
    padding-left: 3rem!important;
}

.u-px-5
{
    padding-right: 3rem!important;
    padding-left: 3rem!important;
}

.u-py-5
{
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}

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

.u-mt-auto
{
    margin-top: auto!important;
}

.u-mr-auto
{
    margin-right: auto!important;
}

.u-mb-auto
{
    margin-bottom: auto!important;
}

.u-ml-auto
{
    margin-left: auto!important;
}

.u-mx-auto
{
    margin-right: auto!important;
    margin-left: auto!important;
}

.u-my-auto
{
    margin-top: auto!important;
    margin-bottom: auto!important;
}

@media (min-width: 576px)
{
    .u-m-sm-0
    {
        margin: 0 0!important;
    }

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

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

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

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

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

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

    .u-m-sm-1
    {
        margin: .25rem .25rem!important;
    }

    .u-mt-sm-1
    {
        margin-top: .25rem!important;
    }

    .u-mr-sm-1
    {
        margin-right: .25rem!important;
    }

    .u-mb-sm-1
    {
        margin-bottom: .25rem!important;
    }

    .u-ml-sm-1
    {
        margin-left: .25rem!important;
    }

    .u-mx-sm-1
    {
        margin-right: .25rem!important;
        margin-left: .25rem!important;
    }

    .u-my-sm-1
    {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important;
    }

    .u-m-sm-2
    {
        margin: .5rem .5rem!important;
    }

    .u-mt-sm-2
    {
        margin-top: .5rem!important;
    }

    .u-mr-sm-2
    {
        margin-right: .5rem!important;
    }

    .u-mb-sm-2
    {
        margin-bottom: .5rem!important;
    }

    .u-ml-sm-2
    {
        margin-left: .5rem!important;
    }

    .u-mx-sm-2
    {
        margin-right: .5rem!important;
        margin-left: .5rem!important;
    }

    .u-my-sm-2
    {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important;
    }

    .u-m-sm-3
    {
        margin: 1rem 1rem!important;
    }

    .u-mt-sm-3
    {
        margin-top: 1rem!important;
    }

    .u-mr-sm-3
    {
        margin-right: 1rem!important;
    }

    .u-mb-sm-3
    {
        margin-bottom: 1rem!important;
    }

    .u-ml-sm-3
    {
        margin-left: 1rem!important;
    }

    .u-mx-sm-3
    {
        margin-right: 1rem!important;
        margin-left: 1rem!important;
    }

    .u-my-sm-3
    {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important;
    }

    .u-m-sm-4
    {
        margin: 1.5rem 1.5rem!important;
    }

    .u-mt-sm-4
    {
        margin-top: 1.5rem!important;
    }

    .u-mr-sm-4
    {
        margin-right: 1.5rem!important;
    }

    .u-mb-sm-4
    {
        margin-bottom: 1.5rem!important;
    }

    .u-ml-sm-4
    {
        margin-left: 1.5rem!important;
    }

    .u-mx-sm-4
    {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important;
    }

    .u-my-sm-4
    {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }

    .u-m-sm-5
    {
        margin: 3rem 3rem!important;
    }

    .u-mt-sm-5
    {
        margin-top: 3rem!important;
    }

    .u-mr-sm-5
    {
        margin-right: 3rem!important;
    }

    .u-mb-sm-5
    {
        margin-bottom: 3rem!important;
    }

    .u-ml-sm-5
    {
        margin-left: 3rem!important;
    }

    .u-mx-sm-5
    {
        margin-right: 3rem!important;
        margin-left: 3rem!important;
    }

    .u-my-sm-5
    {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important;
    }

    .u-p-sm-0
    {
        padding: 0 0!important;
    }

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

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

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

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

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

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

    .u-p-sm-1
    {
        padding: .25rem .25rem!important;
    }

    .u-pt-sm-1
    {
        padding-top: .25rem!important;
    }

    .u-pr-sm-1
    {
        padding-right: .25rem!important;
    }

    .u-pb-sm-1
    {
        padding-bottom: .25rem!important;
    }

    .u-pl-sm-1
    {
        padding-left: .25rem!important;
    }

    .u-px-sm-1
    {
        padding-right: .25rem!important;
        padding-left: .25rem!important;
    }

    .u-py-sm-1
    {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important;
    }

    .u-p-sm-2
    {
        padding: .5rem .5rem!important;
    }

    .u-pt-sm-2
    {
        padding-top: .5rem!important;
    }

    .u-pr-sm-2
    {
        padding-right: .5rem!important;
    }

    .u-pb-sm-2
    {
        padding-bottom: .5rem!important;
    }

    .u-pl-sm-2
    {
        padding-left: .5rem!important;
    }

    .u-px-sm-2
    {
        padding-right: .5rem!important;
        padding-left: .5rem!important;
    }

    .u-py-sm-2
    {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important;
    }

    .u-p-sm-3
    {
        padding: 1rem 1rem!important;
    }

    .u-pt-sm-3
    {
        padding-top: 1rem!important;
    }

    .u-pr-sm-3
    {
        padding-right: 1rem!important;
    }

    .u-pb-sm-3
    {
        padding-bottom: 1rem!important;
    }

    .u-pl-sm-3
    {
        padding-left: 1rem!important;
    }

    .u-px-sm-3
    {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
    }

    .u-py-sm-3
    {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }

    .u-p-sm-4
    {
        padding: 1.5rem 1.5rem!important;
    }

    .u-pt-sm-4
    {
        padding-top: 1.5rem!important;
    }

    .u-pr-sm-4
    {
        padding-right: 1.5rem!important;
    }

    .u-pb-sm-4
    {
        padding-bottom: 1.5rem!important;
    }

    .u-pl-sm-4
    {
        padding-left: 1.5rem!important;
    }

    .u-px-sm-4
    {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important;
    }

    .u-py-sm-4
    {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }

    .u-p-sm-5
    {
        padding: 3rem 3rem!important;
    }

    .u-pt-sm-5
    {
        padding-top: 3rem!important;
    }

    .u-pr-sm-5
    {
        padding-right: 3rem!important;
    }

    .u-pb-sm-5
    {
        padding-bottom: 3rem!important;
    }

    .u-pl-sm-5
    {
        padding-left: 3rem!important;
    }

    .u-px-sm-5
    {
        padding-right: 3rem!important;
        padding-left: 3rem!important;
    }

    .u-py-sm-5
    {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }

    .u-m-sm-auto
    {
        margin: auto!important;
    }

    .u-mt-sm-auto
    {
        margin-top: auto!important;
    }

    .u-mr-sm-auto
    {
        margin-right: auto!important;
    }

    .u-mb-sm-auto
    {
        margin-bottom: auto!important;
    }

    .u-ml-sm-auto
    {
        margin-left: auto!important;
    }

    .u-mx-sm-auto
    {
        margin-right: auto!important;
        margin-left: auto!important;
    }

    .u-my-sm-auto
    {
        margin-top: auto!important;
        margin-bottom: auto!important;
    }
}

@media (min-width: 768px)
{
    .u-m-md-0
    {
        margin: 0 0!important;
    }

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

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

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

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

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

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

    .u-m-md-1
    {
        margin: .25rem .25rem!important;
    }

    .u-mt-md-1
    {
        margin-top: .25rem!important;
    }

    .u-mr-md-1
    {
        margin-right: .25rem!important;
    }

    .u-mb-md-1
    {
        margin-bottom: .25rem!important;
    }

    .u-ml-md-1
    {
        margin-left: .25rem!important;
    }

    .u-mx-md-1
    {
        margin-right: .25rem!important;
        margin-left: .25rem!important;
    }

    .u-my-md-1
    {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important;
    }

    .u-m-md-2
    {
        margin: .5rem .5rem!important;
    }

    .u-mt-md-2
    {
        margin-top: .5rem!important;
    }

    .u-mr-md-2
    {
        margin-right: .5rem!important;
    }

    .u-mb-md-2
    {
        margin-bottom: .5rem!important;
    }

    .u-ml-md-2
    {
        margin-left: .5rem!important;
    }

    .u-mx-md-2
    {
        margin-right: .5rem!important;
        margin-left: .5rem!important;
    }

    .u-my-md-2
    {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important;
    }

    .u-m-md-3
    {
        margin: 1rem 1rem!important;
    }

    .u-mt-md-3
    {
        margin-top: 1rem!important;
    }

    .u-mr-md-3
    {
        margin-right: 1rem!important;
    }

    .u-mb-md-3
    {
        margin-bottom: 1rem!important;
    }

    .u-ml-md-3
    {
        margin-left: 1rem!important;
    }

    .u-mx-md-3
    {
        margin-right: 1rem!important;
        margin-left: 1rem!important;
    }

    .u-my-md-3
    {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important;
    }

    .u-m-md-4
    {
        margin: 1.5rem 1.5rem!important;
    }

    .u-mt-md-4
    {
        margin-top: 1.5rem!important;
    }

    .u-mr-md-4
    {
        margin-right: 1.5rem!important;
    }

    .u-mb-md-4
    {
        margin-bottom: 1.5rem!important;
    }

    .u-ml-md-4
    {
        margin-left: 1.5rem!important;
    }

    .u-mx-md-4
    {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important;
    }

    .u-my-md-4
    {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }

    .u-m-md-5
    {
        margin: 3rem 3rem!important;
    }

    .u-mt-md-5
    {
        margin-top: 3rem!important;
    }

    .u-mr-md-5
    {
        margin-right: 3rem!important;
    }

    .u-mb-md-5
    {
        margin-bottom: 3rem!important;
    }

    .u-ml-md-5
    {
        margin-left: 3rem!important;
    }

    .u-mx-md-5
    {
        margin-right: 3rem!important;
        margin-left: 3rem!important;
    }

    .u-my-md-5
    {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important;
    }

    .u-p-md-0
    {
        padding: 0 0!important;
    }

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

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

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

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

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

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

    .u-p-md-1
    {
        padding: .25rem .25rem!important;
    }

    .u-pt-md-1
    {
        padding-top: .25rem!important;
    }

    .u-pr-md-1
    {
        padding-right: .25rem!important;
    }

    .u-pb-md-1
    {
        padding-bottom: .25rem!important;
    }

    .u-pl-md-1
    {
        padding-left: .25rem!important;
    }

    .u-px-md-1
    {
        padding-right: .25rem!important;
        padding-left: .25rem!important;
    }

    .u-py-md-1
    {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important;
    }

    .u-p-md-2
    {
        padding: .5rem .5rem!important;
    }

    .u-pt-md-2
    {
        padding-top: .5rem!important;
    }

    .u-pr-md-2
    {
        padding-right: .5rem!important;
    }

    .u-pb-md-2
    {
        padding-bottom: .5rem!important;
    }

    .u-pl-md-2
    {
        padding-left: .5rem!important;
    }

    .u-px-md-2
    {
        padding-right: .5rem!important;
        padding-left: .5rem!important;
    }

    .u-py-md-2
    {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important;
    }

    .u-p-md-3
    {
        padding: 1rem 1rem!important;
    }

    .u-pt-md-3
    {
        padding-top: 1rem!important;
    }

    .u-pr-md-3
    {
        padding-right: 1rem!important;
    }

    .u-pb-md-3
    {
        padding-bottom: 1rem!important;
    }

    .u-pl-md-3
    {
        padding-left: 1rem!important;
    }

    .u-px-md-3
    {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
    }

    .u-py-md-3
    {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }

    .u-p-md-4
    {
        padding: 1.5rem 1.5rem!important;
    }

    .u-pt-md-4
    {
        padding-top: 1.5rem!important;
    }

    .u-pr-md-4
    {
        padding-right: 1.5rem!important;
    }

    .u-pb-md-4
    {
        padding-bottom: 1.5rem!important;
    }

    .u-pl-md-4
    {
        padding-left: 1.5rem!important;
    }

    .u-px-md-4
    {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important;
    }

    .u-py-md-4
    {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }

    .u-p-md-5
    {
        padding: 3rem 3rem!important;
    }

    .u-pt-md-5
    {
        padding-top: 3rem!important;
    }

    .u-pr-md-5
    {
        padding-right: 3rem!important;
    }

    .u-pb-md-5
    {
        padding-bottom: 3rem!important;
    }

    .u-pl-md-5
    {
        padding-left: 3rem!important;
    }

    .u-px-md-5
    {
        padding-right: 3rem!important;
        padding-left: 3rem!important;
    }

    .u-py-md-5
    {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }

    .u-m-md-auto
    {
        margin: auto!important;
    }

    .u-mt-md-auto
    {
        margin-top: auto!important;
    }

    .u-mr-md-auto
    {
        margin-right: auto!important;
    }

    .u-mb-md-auto
    {
        margin-bottom: auto!important;
    }

    .u-ml-md-auto
    {
        margin-left: auto!important;
    }

    .u-mx-md-auto
    {
        margin-right: auto!important;
        margin-left: auto!important;
    }

    .u-my-md-auto
    {
        margin-top: auto!important;
        margin-bottom: auto!important;
    }
}

@media (min-width: 992px)
{
    .u-m-lg-0
    {
        margin: 0 0!important;
    }

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

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

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

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

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

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

    .u-m-lg-1
    {
        margin: .25rem .25rem!important;
    }

    .u-mt-lg-1
    {
        margin-top: .25rem!important;
    }

    .u-mr-lg-1
    {
        margin-right: .25rem!important;
    }

    .u-mb-lg-1
    {
        margin-bottom: .25rem!important;
    }

    .u-ml-lg-1
    {
        margin-left: .25rem!important;
    }

    .u-mx-lg-1
    {
        margin-right: .25rem!important;
        margin-left: .25rem!important;
    }

    .u-my-lg-1
    {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important;
    }

    .u-m-lg-2
    {
        margin: .5rem .5rem!important;
    }

    .u-mt-lg-2
    {
        margin-top: .5rem!important;
    }

    .u-mr-lg-2
    {
        margin-right: .5rem!important;
    }

    .u-mb-lg-2
    {
        margin-bottom: .5rem!important;
    }

    .u-ml-lg-2
    {
        margin-left: .5rem!important;
    }

    .u-mx-lg-2
    {
        margin-right: .5rem!important;
        margin-left: .5rem!important;
    }

    .u-my-lg-2
    {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important;
    }

    .u-m-lg-3
    {
        margin: 1rem 1rem!important;
    }

    .u-mt-lg-3
    {
        margin-top: 1rem!important;
    }

    .u-mr-lg-3
    {
        margin-right: 1rem!important;
    }

    .u-mb-lg-3
    {
        margin-bottom: 1rem!important;
    }

    .u-ml-lg-3
    {
        margin-left: 1rem!important;
    }

    .u-mx-lg-3
    {
        margin-right: 1rem!important;
        margin-left: 1rem!important;
    }

    .u-my-lg-3
    {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important;
    }

    .u-m-lg-4
    {
        margin: 1.5rem 1.5rem!important;
    }

    .u-mt-lg-4
    {
        margin-top: 1.5rem!important;
    }

    .u-mr-lg-4
    {
        margin-right: 1.5rem!important;
    }

    .u-mb-lg-4
    {
        margin-bottom: 1.5rem!important;
    }

    .u-ml-lg-4
    {
        margin-left: 1.5rem!important;
    }

    .u-mx-lg-4
    {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important;
    }

    .u-my-lg-4
    {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }

    .u-m-lg-5
    {
        margin: 3rem 3rem!important;
    }

    .u-mt-lg-5
    {
        margin-top: 3rem!important;
    }

    .u-mr-lg-5
    {
        margin-right: 3rem!important;
    }

    .u-mb-lg-5
    {
        margin-bottom: 3rem!important;
    }

    .u-ml-lg-5
    {
        margin-left: 3rem!important;
    }

    .u-mx-lg-5
    {
        margin-right: 3rem!important;
        margin-left: 3rem!important;
    }

    .u-my-lg-5
    {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important;
    }

    .u-p-lg-0
    {
        padding: 0 0!important;
    }

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

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

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

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

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

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

    .u-p-lg-1
    {
        padding: .25rem .25rem!important;
    }

    .u-pt-lg-1
    {
        padding-top: .25rem!important;
    }

    .u-pr-lg-1
    {
        padding-right: .25rem!important;
    }

    .u-pb-lg-1
    {
        padding-bottom: .25rem!important;
    }

    .u-pl-lg-1
    {
        padding-left: .25rem!important;
    }

    .u-px-lg-1
    {
        padding-right: .25rem!important;
        padding-left: .25rem!important;
    }

    .u-py-lg-1
    {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important;
    }

    .u-p-lg-2
    {
        padding: .5rem .5rem!important;
    }

    .u-pt-lg-2
    {
        padding-top: .5rem!important;
    }

    .u-pr-lg-2
    {
        padding-right: .5rem!important;
    }

    .u-pb-lg-2
    {
        padding-bottom: .5rem!important;
    }

    .u-pl-lg-2
    {
        padding-left: .5rem!important;
    }

    .u-px-lg-2
    {
        padding-right: .5rem!important;
        padding-left: .5rem!important;
    }

    .u-py-lg-2
    {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important;
    }

    .u-p-lg-3
    {
        padding: 1rem 1rem!important;
    }

    .u-pt-lg-3
    {
        padding-top: 1rem!important;
    }

    .u-pr-lg-3
    {
        padding-right: 1rem!important;
    }

    .u-pb-lg-3
    {
        padding-bottom: 1rem!important;
    }

    .u-pl-lg-3
    {
        padding-left: 1rem!important;
    }

    .u-px-lg-3
    {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
    }

    .u-py-lg-3
    {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }

    .u-p-lg-4
    {
        padding: 1.5rem 1.5rem!important;
    }

    .u-pt-lg-4
    {
        padding-top: 1.5rem!important;
    }

    .u-pr-lg-4
    {
        padding-right: 1.5rem!important;
    }

    .u-pb-lg-4
    {
        padding-bottom: 1.5rem!important;
    }

    .u-pl-lg-4
    {
        padding-left: 1.5rem!important;
    }

    .u-px-lg-4
    {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important;
    }

    .u-py-lg-4
    {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }

    .u-p-lg-5
    {
        padding: 3rem 3rem!important;
    }

    .u-pt-lg-5
    {
        padding-top: 3rem!important;
    }

    .u-pr-lg-5
    {
        padding-right: 3rem!important;
    }

    .u-pb-lg-5
    {
        padding-bottom: 3rem!important;
    }

    .u-pl-lg-5
    {
        padding-left: 3rem!important;
    }

    .u-px-lg-5
    {
        padding-right: 3rem!important;
        padding-left: 3rem!important;
    }

    .u-py-lg-5
    {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }

    .u-m-lg-auto
    {
        margin: auto!important;
    }

    .u-mt-lg-auto
    {
        margin-top: auto!important;
    }

    .u-mr-lg-auto
    {
        margin-right: auto!important;
    }

    .u-mb-lg-auto
    {
        margin-bottom: auto!important;
    }

    .u-ml-lg-auto
    {
        margin-left: auto!important;
    }

    .u-mx-lg-auto
    {
        margin-right: auto!important;
        margin-left: auto!important;
    }

    .u-my-lg-auto
    {
        margin-top: auto!important;
        margin-bottom: auto!important;
    }
}

@media (min-width: 1200px)
{
    .u-m-xl-0
    {
        margin: 0 0!important;
    }

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

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

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

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

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

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

    .u-m-xl-1
    {
        margin: .25rem .25rem!important;
    }

    .u-mt-xl-1
    {
        margin-top: .25rem!important;
    }

    .u-mr-xl-1
    {
        margin-right: .25rem!important;
    }

    .u-mb-xl-1
    {
        margin-bottom: .25rem!important;
    }

    .u-ml-xl-1
    {
        margin-left: .25rem!important;
    }

    .u-mx-xl-1
    {
        margin-right: .25rem!important;
        margin-left: .25rem!important;
    }

    .u-my-xl-1
    {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important;
    }

    .u-m-xl-2
    {
        margin: .5rem .5rem!important;
    }

    .u-mt-xl-2
    {
        margin-top: .5rem!important;
    }

    .u-mr-xl-2
    {
        margin-right: .5rem!important;
    }

    .u-mb-xl-2
    {
        margin-bottom: .5rem!important;
    }

    .u-ml-xl-2
    {
        margin-left: .5rem!important;
    }

    .u-mx-xl-2
    {
        margin-right: .5rem!important;
        margin-left: .5rem!important;
    }

    .u-my-xl-2
    {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important;
    }

    .u-m-xl-3
    {
        margin: 1rem 1rem!important;
    }

    .u-mt-xl-3
    {
        margin-top: 1rem!important;
    }

    .u-mr-xl-3
    {
        margin-right: 1rem!important;
    }

    .u-mb-xl-3
    {
        margin-bottom: 1rem!important;
    }

    .u-ml-xl-3
    {
        margin-left: 1rem!important;
    }

    .u-mx-xl-3
    {
        margin-right: 1rem!important;
        margin-left: 1rem!important;
    }

    .u-my-xl-3
    {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important;
    }

    .u-m-xl-4
    {
        margin: 1.5rem 1.5rem!important;
    }

    .u-mt-xl-4
    {
        margin-top: 1.5rem!important;
    }

    .u-mr-xl-4
    {
        margin-right: 1.5rem!important;
    }

    .u-mb-xl-4
    {
        margin-bottom: 1.5rem!important;
    }

    .u-ml-xl-4
    {
        margin-left: 1.5rem!important;
    }

    .u-mx-xl-4
    {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important;
    }

    .u-my-xl-4
    {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }

    .u-m-xl-5
    {
        margin: 3rem 3rem!important;
    }

    .u-mt-xl-5
    {
        margin-top: 3rem!important;
    }

    .u-mr-xl-5
    {
        margin-right: 3rem!important;
    }

    .u-mb-xl-5
    {
        margin-bottom: 3rem!important;
    }

    .u-ml-xl-5
    {
        margin-left: 3rem!important;
    }

    .u-mx-xl-5
    {
        margin-right: 3rem!important;
        margin-left: 3rem!important;
    }

    .u-my-xl-5
    {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important;
    }

    .u-p-xl-0
    {
        padding: 0 0!important;
    }

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

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

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

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

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

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

    .u-p-xl-1
    {
        padding: .25rem .25rem!important;
    }

    .u-pt-xl-1
    {
        padding-top: .25rem!important;
    }

    .u-pr-xl-1
    {
        padding-right: .25rem!important;
    }

    .u-pb-xl-1
    {
        padding-bottom: .25rem!important;
    }

    .u-pl-xl-1
    {
        padding-left: .25rem!important;
    }

    .u-px-xl-1
    {
        padding-right: .25rem!important;
        padding-left: .25rem!important;
    }

    .u-py-xl-1
    {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important;
    }

    .u-p-xl-2
    {
        padding: .5rem .5rem!important;
    }

    .u-pt-xl-2
    {
        padding-top: .5rem!important;
    }

    .u-pr-xl-2
    {
        padding-right: .5rem!important;
    }

    .u-pb-xl-2
    {
        padding-bottom: .5rem!important;
    }

    .u-pl-xl-2
    {
        padding-left: .5rem!important;
    }

    .u-px-xl-2
    {
        padding-right: .5rem!important;
        padding-left: .5rem!important;
    }

    .u-py-xl-2
    {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important;
    }

    .u-p-xl-3
    {
        padding: 1rem 1rem!important;
    }

    .u-pt-xl-3
    {
        padding-top: 1rem!important;
    }

    .u-pr-xl-3
    {
        padding-right: 1rem!important;
    }

    .u-pb-xl-3
    {
        padding-bottom: 1rem!important;
    }

    .u-pl-xl-3
    {
        padding-left: 1rem!important;
    }

    .u-px-xl-3
    {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
    }

    .u-py-xl-3
    {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }

    .u-p-xl-4
    {
        padding: 1.5rem 1.5rem!important;
    }

    .u-pt-xl-4
    {
        padding-top: 1.5rem!important;
    }

    .u-pr-xl-4
    {
        padding-right: 1.5rem!important;
    }

    .u-pb-xl-4
    {
        padding-bottom: 1.5rem!important;
    }

    .u-pl-xl-4
    {
        padding-left: 1.5rem!important;
    }

    .u-px-xl-4
    {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important;
    }

    .u-py-xl-4
    {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }

    .u-p-xl-5
    {
        padding: 3rem 3rem!important;
    }

    .u-pt-xl-5
    {
        padding-top: 3rem!important;
    }

    .u-pr-xl-5
    {
        padding-right: 3rem!important;
    }

    .u-pb-xl-5
    {
        padding-bottom: 3rem!important;
    }

    .u-pl-xl-5
    {
        padding-left: 3rem!important;
    }

    .u-px-xl-5
    {
        padding-right: 3rem!important;
        padding-left: 3rem!important;
    }

    .u-py-xl-5
    {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }

    .u-m-xl-auto
    {
        margin: auto!important;
    }

    .u-mt-xl-auto
    {
        margin-top: auto!important;
    }

    .u-mr-xl-auto
    {
        margin-right: auto!important;
    }

    .u-mb-xl-auto
    {
        margin-bottom: auto!important;
    }

    .u-ml-xl-auto
    {
        margin-left: auto!important;
    }

    .u-mx-xl-auto
    {
        margin-right: auto!important;
        margin-left: auto!important;
    }

    .u-my-xl-auto
    {
        margin-top: auto!important;
        margin-bottom: auto!important;
    }
}


.u-nav
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 0;
    padding-left: 0;

    list-style: none;
}

.u-nav-link
{
    display: block;

    padding: .5em 1em;
}

.u-small
{
    font-size: 85%;
    font-weight: 400;
}

.u-text-uppercase
{
    text-transform: uppercase!important;
}



.u-justify-content-start
{
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
            justify-content: flex-start !important;
}

.u-justify-content-end
{
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
            justify-content: flex-end !important;
}

.u-justify-content-center
{
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
            justify-content: center !important;
}

.u-justify-content-between
{
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
            justify-content: space-between !important;
}

.u-justify-content-around
{
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
}

.u-align-items-start
{
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
            align-items: flex-start !important;
}

.u-align-items-end
{
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
            align-items: flex-end !important;
}

.u-align-items-center
{
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
            align-items: center !important;
}

.u-align-items-baseline
{
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
            align-items: baseline !important;
}

.u-align-items-stretch
{
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
            align-items: stretch !important;
}

.u-align-content-start
{
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
}

.u-align-content-end
{
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
}

.u-align-content-center
{
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
            align-content: center !important;
}

.u-align-content-between
{
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
}

.u-align-content-around
{
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
}

.u-align-content-stretch
{
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
}

.u-align-self-auto
{
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
            align-self: auto !important;
}

.u-align-self-start
{
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
            align-self: flex-start !important;
}

.u-align-self-end
{
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
            align-self: flex-end !important;
}

.u-align-self-center
{
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
            align-self: center !important;
}

.u-align-self-baseline
{
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
}

.u-align-self-stretch
{
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
}


.u-hidden-xs-up
{
    display: none !important;
}

@media (max-width: 575px)
{
    .u-hidden-xs-down
    {
        display: none !important;
    }
}

@media (min-width: 576px)
{
    .u-hidden-sm-up
    {
        display: none !important;
    }
}

@media (max-width: 767px)
{
    .u-hidden-sm-down
    {
        display: none !important;
    }
}

@media (min-width: 768px)
{
    .u-hidden-md-up
    {
        display: none !important;
    }
}

@media (max-width: 991px)
{
    .u-hidden-md-down
    {
        display: none !important;
    }
}

@media (min-width: 992px)
{
    .u-hidden-lg-up
    {
        display: none !important;
    }
}

@media (max-width: 1199px)
{
    .u-hidden-lg-down
    {
        display: none !important;
    }
}

@media (min-width: 1200px)
{
    .u-hidden-xl-up
    {
        display: none !important;
    }
}

.u-hidden-xl-down
{
    display: none !important;
}

.u-font-weight-normal
{
    font-weight: normal;
}

.u-font-weight-bold
{
    font-weight: bold;
}

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


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

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

.u-text-truncate
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

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

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

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

@media (min-width: 576px)
{
    .u-text-sm-left
    {
        text-align: left !important;
    }
    .u-text-sm-right
    {
        text-align: right !important;
    }
    .u-text-sm-center
    {
        text-align: center !important;
    }
}

@media (min-width: 768px)
{
    .u-text-md-left
    {
        text-align: left !important;
    }
    .u-text-md-right
    {
        text-align: right !important;
    }
    .u-text-md-center
    {
        text-align: center !important;
    }
}

@media (min-width: 992px)
{
    .u-text-lg-left
    {
        text-align: left !important;
    }
    .u-text-lg-right
    {
        text-align: right !important;
    }
    .u-text-lg-center
    {
        text-align: center !important;
    }
}

@media (min-width: 1200px)
{
    .u-text-xl-left
    {
        text-align: left !important;
    }
    .u-text-xl-right
    {
        text-align: right !important;
    }
    .u-text-xl-center
    {
        text-align: center !important;
    }
}

.u-text-lowercase
{
    text-transform: lowercase !important;
}

.u-text-uppercase
{
    text-transform: uppercase !important;
}

.u-text-capitalize
{
    text-transform: capitalize !important;
}

.u-font-weight-normal
{
    font-weight: normal;
}

.u-font-weight-bold
{
    font-weight: bold;
}

.u-font-italic
{
    font-style: italic;
}

.u-text-white
{
    color: #fff !important;
}

.u-text-muted
{
    color: #636c72 !important;
}


.u-row
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-right: -15px;
    margin-left: -15px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

@media (min-width: 576px)
{
    .u-row
    {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width: 768px)
{
    .u-row
    {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width: 992px)
{
    .u-row
    {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width: 1200px)
{
    .u-row
    {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.u-no-gutters
{
    margin-right: 0;
    margin-left: 0;
}

.u-no-gutters > .u-col,
.u-no-gutters > [class*='col-']
{
    padding-right: 0;
    padding-left: 0;
}

.u-col-1,
.u-col-2,
.u-col-3,
.u-col-4,
.u-col-5,
.u-col-6,
.u-col-7,
.u-col-8,
.u-col-9,
.u-col-10,
.u-col-11,
.u-col-12,
.u-col,
.u-col-sm-1,
.u-col-sm-2,
.u-col-sm-3,
.u-col-sm-4,
.u-col-sm-5,
.u-col-sm-6,
.u-col-sm-7,
.u-col-sm-8,
.u-col-sm-9,
.u-col-sm-10,
.u-col-sm-11,
.u-col-sm-12,
.u-col-sm,
.u-col-md-1,
.u-col-md-2,
.u-col-md-3,
.u-col-md-4,
.u-col-md-5,
.u-col-md-6,
.u-col-md-7,
.u-col-md-8,
.u-col-md-9,
.u-col-md-10,
.u-col-md-11,
.u-col-md-12,
.u-col-md,
.u-col-lg-1,
.u-col-lg-2,
.u-col-lg-3,
.u-col-lg-4,
.u-col-lg-5,
.u-col-lg-6,
.u-col-lg-7,
.u-col-lg-8,
.u-col-lg-9,
.u-col-lg-10,
.u-col-lg-11,
.u-col-lg-12,
.u-col-lg,
.u-col-xl-1,
.u-col-xl-2,
.u-col-xl-3,
.u-col-xl-4,
.u-col-xl-5,
.u-col-xl-6,
.u-col-xl-7,
.u-col-xl-8,
.u-col-xl-9,
.u-col-xl-10,
.u-col-xl-11,
.u-col-xl-12,
.u-col-xl
{
    position: relative;

    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px)
{
    .u-col-1,
    .u-col-2,
    .u-col-3,
    .u-col-4,
    .u-col-5,
    .u-col-6,
    .u-col-7,
    .u-col-8,
    .u-col-9,
    .u-col-10,
    .u-col-11,
    .u-col-12,
    .u-col,
    .u-col-sm-1,
    .u-col-sm-2,
    .u-col-sm-3,
    .u-col-sm-4,
    .u-col-sm-5,
    .u-col-sm-6,
    .u-col-sm-7,
    .u-col-sm-8,
    .u-col-sm-9,
    .u-col-sm-10,
    .u-col-sm-11,
    .u-col-sm-12,
    .u-col-sm,
    .u-col-md-1,
    .u-col-md-2,
    .u-col-md-3,
    .u-col-md-4,
    .u-col-md-5,
    .u-col-md-6,
    .u-col-md-7,
    .u-col-md-8,
    .u-col-md-9,
    .u-col-md-10,
    .u-col-md-11,
    .u-col-md-12,
    .u-col-md,
    .u-col-lg-1,
    .u-col-lg-2,
    .u-col-lg-3,
    .u-col-lg-4,
    .u-col-lg-5,
    .u-col-lg-6,
    .u-col-lg-7,
    .u-col-lg-8,
    .u-col-lg-9,
    .u-col-lg-10,
    .u-col-lg-11,
    .u-col-lg-12,
    .u-col-lg,
    .u-col-xl-1,
    .u-col-xl-2,
    .u-col-xl-3,
    .u-col-xl-4,
    .u-col-xl-5,
    .u-col-xl-6,
    .u-col-xl-7,
    .u-col-xl-8,
    .u-col-xl-9,
    .u-col-xl-10,
    .u-col-xl-11,
    .u-col-xl-12,
    .u-col-xl
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 768px)
{
    .u-col-1,
    .u-col-2,
    .u-col-3,
    .u-col-4,
    .u-col-5,
    .u-col-6,
    .u-col-7,
    .u-col-8,
    .u-col-9,
    .u-col-10,
    .u-col-11,
    .u-col-12,
    .u-col,
    .u-col-sm-1,
    .u-col-sm-2,
    .u-col-sm-3,
    .u-col-sm-4,
    .u-col-sm-5,
    .u-col-sm-6,
    .u-col-sm-7,
    .u-col-sm-8,
    .u-col-sm-9,
    .u-col-sm-10,
    .u-col-sm-11,
    .u-col-sm-12,
    .u-col-sm,
    .u-col-md-1,
    .u-col-md-2,
    .u-col-md-3,
    .u-col-md-4,
    .u-col-md-5,
    .u-col-md-6,
    .u-col-md-7,
    .u-col-md-8,
    .u-col-md-9,
    .u-col-md-10,
    .u-col-md-11,
    .u-col-md-12,
    .u-col-md,
    .u-col-lg-1,
    .u-col-lg-2,
    .u-col-lg-3,
    .u-col-lg-4,
    .u-col-lg-5,
    .u-col-lg-6,
    .u-col-lg-7,
    .u-col-lg-8,
    .u-col-lg-9,
    .u-col-lg-10,
    .u-col-lg-11,
    .u-col-lg-12,
    .u-col-lg,
    .u-col-xl-1,
    .u-col-xl-2,
    .u-col-xl-3,
    .u-col-xl-4,
    .u-col-xl-5,
    .u-col-xl-6,
    .u-col-xl-7,
    .u-col-xl-8,
    .u-col-xl-9,
    .u-col-xl-10,
    .u-col-xl-11,
    .u-col-xl-12,
    .u-col-xl
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px)
{
    .u-col-1,
    .u-col-2,
    .u-col-3,
    .u-col-4,
    .u-col-5,
    .u-col-6,
    .u-col-7,
    .u-col-8,
    .u-col-9,
    .u-col-10,
    .u-col-11,
    .u-col-12,
    .u-col,
    .u-col-sm-1,
    .u-col-sm-2,
    .u-col-sm-3,
    .u-col-sm-4,
    .u-col-sm-5,
    .u-col-sm-6,
    .u-col-sm-7,
    .u-col-sm-8,
    .u-col-sm-9,
    .u-col-sm-10,
    .u-col-sm-11,
    .u-col-sm-12,
    .u-col-sm,
    .u-col-md-1,
    .u-col-md-2,
    .u-col-md-3,
    .u-col-md-4,
    .u-col-md-5,
    .u-col-md-6,
    .u-col-md-7,
    .u-col-md-8,
    .u-col-md-9,
    .u-col-md-10,
    .u-col-md-11,
    .u-col-md-12,
    .u-col-md,
    .u-col-lg-1,
    .u-col-lg-2,
    .u-col-lg-3,
    .u-col-lg-4,
    .u-col-lg-5,
    .u-col-lg-6,
    .u-col-lg-7,
    .u-col-lg-8,
    .u-col-lg-9,
    .u-col-lg-10,
    .u-col-lg-11,
    .u-col-lg-12,
    .u-col-lg,
    .u-col-xl-1,
    .u-col-xl-2,
    .u-col-xl-3,
    .u-col-xl-4,
    .u-col-xl-5,
    .u-col-xl-6,
    .u-col-xl-7,
    .u-col-xl-8,
    .u-col-xl-9,
    .u-col-xl-10,
    .u-col-xl-11,
    .u-col-xl-12,
    .u-col-xl
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1200px)
{
    .u-col-1,
    .u-col-2,
    .u-col-3,
    .u-col-4,
    .u-col-5,
    .u-col-6,
    .u-col-7,
    .u-col-8,
    .u-col-9,
    .u-col-10,
    .u-col-11,
    .u-col-12,
    .u-col,
    .u-col-sm-1,
    .u-col-sm-2,
    .u-col-sm-3,
    .u-col-sm-4,
    .u-col-sm-5,
    .u-col-sm-6,
    .u-col-sm-7,
    .u-col-sm-8,
    .u-col-sm-9,
    .u-col-sm-10,
    .u-col-sm-11,
    .u-col-sm-12,
    .u-col-sm,
    .u-col-md-1,
    .u-col-md-2,
    .u-col-md-3,
    .u-col-md-4,
    .u-col-md-5,
    .u-col-md-6,
    .u-col-md-7,
    .u-col-md-8,
    .u-col-md-9,
    .u-col-md-10,
    .u-col-md-11,
    .u-col-md-12,
    .u-col-md,
    .u-col-lg-1,
    .u-col-lg-2,
    .u-col-lg-3,
    .u-col-lg-4,
    .u-col-lg-5,
    .u-col-lg-6,
    .u-col-lg-7,
    .u-col-lg-8,
    .u-col-lg-9,
    .u-col-lg-10,
    .u-col-lg-11,
    .u-col-lg-12,
    .u-col-lg,
    .u-col-xl-1,
    .u-col-xl-2,
    .u-col-xl-3,
    .u-col-xl-4,
    .u-col-xl-5,
    .u-col-xl-6,
    .u-col-xl-7,
    .u-col-xl-8,
    .u-col-xl-9,
    .u-col-xl-10,
    .u-col-xl-11,
    .u-col-xl-12,
    .u-col-xl
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.u-col
{
    max-width: 100%;

    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
            flex-grow: 1;
}

.u-col-auto
{
    width: auto;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.u-col-1
{
    max-width: 8.333333%;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
}

.u-col-2
{
    max-width: 16.666667%;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
}

.u-col-3
{
    max-width: 25%;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
}

.u-col-4
{
    max-width: 33.333333%;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
}

.u-col-5
{
    max-width: 41.666667%;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
}

.u-col-6
{
    max-width: 50%;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
}

.u-col-7
{
    max-width: 58.333333%;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
}

.u-col-8
{
    max-width: 66.666667%;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
}

.u-col-9
{
    max-width: 75%;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
}

.u-col-10
{
    max-width: 83.333333%;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
}

.u-col-11
{
    max-width: 91.666667%;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
}

.u-col-12
{
    max-width: 100%;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px)
{
    .u-col-sm
    {
        max-width: 100%;

        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
                flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
                flex-grow: 1;
    }
    .u-col-sm-auto
    {
        width: auto;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
    .u-col-sm-1
    {
        max-width: 8.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
            -ms-flex: 0 0 8.333333%;
                flex: 0 0 8.333333%;
    }
    .u-col-sm-2
    {
        max-width: 16.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
            -ms-flex: 0 0 16.666667%;
                flex: 0 0 16.666667%;
    }
    .u-col-sm-3
    {
        max-width: 25%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
    }
    .u-col-sm-4
    {
        max-width: 33.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
            -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
    }
    .u-col-sm-5
    {
        max-width: 41.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
            -ms-flex: 0 0 41.666667%;
                flex: 0 0 41.666667%;
    }
    .u-col-sm-6
    {
        max-width: 50%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
    }
    .u-col-sm-7
    {
        max-width: 58.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
            -ms-flex: 0 0 58.333333%;
                flex: 0 0 58.333333%;
    }
    .u-col-sm-8
    {
        max-width: 66.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
            -ms-flex: 0 0 66.666667%;
                flex: 0 0 66.666667%;
    }
    .u-col-sm-9
    {
        max-width: 75%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
    }
    .u-col-sm-10
    {
        max-width: 83.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
            -ms-flex: 0 0 83.333333%;
                flex: 0 0 83.333333%;
    }
    .u-col-sm-11
    {
        max-width: 91.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
            -ms-flex: 0 0 91.666667%;
                flex: 0 0 91.666667%;
    }
    .u-col-sm-12
    {
        max-width: 100%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }
    .u-offset-sm-0
    {
        margin-left: 0;
    }
    .u-offset-sm-1
    {
        margin-left: 8.333333%;
    }
    .u-offset-sm-2
    {
        margin-left: 16.666667%;
    }
    .u-offset-sm-3
    {
        margin-left: 25%;
    }
    .u-offset-sm-4
    {
        margin-left: 33.333333%;
    }
    .u-offset-sm-5
    {
        margin-left: 41.666667%;
    }
    .u-offset-sm-6
    {
        margin-left: 50%;
    }
    .u-offset-sm-7
    {
        margin-left: 58.333333%;
    }
    .u-offset-sm-8
    {
        margin-left: 66.666667%;
    }
    .u-offset-sm-9
    {
        margin-left: 75%;
    }
    .u-offset-sm-10
    {
        margin-left: 83.333333%;
    }
    .u-offset-sm-11
    {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px)
{
    .u-col-md
    {
        max-width: 100%;

        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
                flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
                flex-grow: 1;
    }
    .u-col-md-auto
    {
        width: auto;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
    .u-col-md-1
    {
        max-width: 8.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
            -ms-flex: 0 0 8.333333%;
                flex: 0 0 8.333333%;
    }
    .u-col-md-2
    {
        max-width: 16.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
            -ms-flex: 0 0 16.666667%;
                flex: 0 0 16.666667%;
    }
    .u-col-md-3
    {
        max-width: 25%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
    }
    .u-col-md-4
    {
        max-width: 33.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
            -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
    }
    .u-col-md-5
    {
        max-width: 41.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
            -ms-flex: 0 0 41.666667%;
                flex: 0 0 41.666667%;
    }
    .u-col-md-6
    {
        max-width: 50%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
    }
    .u-col-md-7
    {
        max-width: 58.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
            -ms-flex: 0 0 58.333333%;
                flex: 0 0 58.333333%;
    }
    .u-col-md-8
    {
        max-width: 66.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
            -ms-flex: 0 0 66.666667%;
                flex: 0 0 66.666667%;
    }
    .u-col-md-9
    {
        max-width: 75%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
    }
    .u-col-md-10
    {
        max-width: 83.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
            -ms-flex: 0 0 83.333333%;
                flex: 0 0 83.333333%;
    }
    .u-col-md-11
    {
        max-width: 91.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
            -ms-flex: 0 0 91.666667%;
                flex: 0 0 91.666667%;
    }
    .u-col-md-12
    {
        max-width: 100%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }
    .u-offset-md-0
    {
        margin-left: 0;
    }
    .u-offset-md-1
    {
        margin-left: 8.333333%;
    }
    .u-offset-md-2
    {
        margin-left: 16.666667%;
    }
    .u-offset-md-3
    {
        margin-left: 25%;
    }
    .u-offset-md-4
    {
        margin-left: 33.333333%;
    }
    .u-offset-md-5
    {
        margin-left: 41.666667%;
    }
    .u-offset-md-6
    {
        margin-left: 50%;
    }
    .u-offset-md-7
    {
        margin-left: 58.333333%;
    }
    .u-offset-md-8
    {
        margin-left: 66.666667%;
    }
    .u-offset-md-9
    {
        margin-left: 75%;
    }
    .u-offset-md-10
    {
        margin-left: 83.333333%;
    }
    .u-offset-md-11
    {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px)
{
    .u-col-lg
    {
        max-width: 100%;

        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
                flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
                flex-grow: 1;
    }
    .u-col-lg-auto
    {
        width: auto;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
    .u-col-lg-1
    {
        max-width: 8.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
            -ms-flex: 0 0 8.333333%;
                flex: 0 0 8.333333%;
    }
    .u-col-lg-2
    {
        max-width: 16.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
            -ms-flex: 0 0 16.666667%;
                flex: 0 0 16.666667%;
    }
    .u-col-lg-3
    {
        max-width: 25%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
    }
    .u-col-lg-4
    {
        max-width: 33.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
            -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
    }
    .u-col-lg-5
    {
        max-width: 41.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
            -ms-flex: 0 0 41.666667%;
                flex: 0 0 41.666667%;
    }
    .u-col-lg-6
    {
        max-width: 50%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
    }
    .u-col-lg-7
    {
        max-width: 58.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
            -ms-flex: 0 0 58.333333%;
                flex: 0 0 58.333333%;
    }
    .u-col-lg-8
    {
        max-width: 66.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
            -ms-flex: 0 0 66.666667%;
                flex: 0 0 66.666667%;
    }
    .u-col-lg-9
    {
        max-width: 75%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
    }
    .u-col-lg-10
    {
        max-width: 83.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
            -ms-flex: 0 0 83.333333%;
                flex: 0 0 83.333333%;
    }
    .u-col-lg-11
    {
        max-width: 91.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
            -ms-flex: 0 0 91.666667%;
                flex: 0 0 91.666667%;
    }
    .u-col-lg-12
    {
        max-width: 100%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }
    .u-offset-lg-0
    {
        margin-left: 0;
    }
    .u-offset-lg-1
    {
        margin-left: 8.333333%;
    }
    .u-offset-lg-2
    {
        margin-left: 16.666667%;
    }
    .u-offset-lg-3
    {
        margin-left: 25%;
    }
    .u-offset-lg-4
    {
        margin-left: 33.333333%;
    }
    .u-offset-lg-5
    {
        margin-left: 41.666667%;
    }
    .u-offset-lg-6
    {
        margin-left: 50%;
    }
    .u-offset-lg-7
    {
        margin-left: 58.333333%;
    }
    .u-offset-lg-8
    {
        margin-left: 66.666667%;
    }
    .u-offset-lg-9
    {
        margin-left: 75%;
    }
    .u-offset-lg-10
    {
        margin-left: 83.333333%;
    }
    .u-offset-lg-11
    {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px)
{
    .u-col-xl
    {
        max-width: 100%;

        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
                flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
                flex-grow: 1;
    }
    .u-col-xl-auto
    {
        width: auto;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
    .u-col-xl-1
    {
        max-width: 8.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
            -ms-flex: 0 0 8.333333%;
                flex: 0 0 8.333333%;
    }
    .u-col-xl-2
    {
        max-width: 16.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
            -ms-flex: 0 0 16.666667%;
                flex: 0 0 16.666667%;
    }
    .u-col-xl-3
    {
        max-width: 25%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
    }
    .u-col-xl-4
    {
        max-width: 33.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
            -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
    }
    .u-col-xl-5
    {
        max-width: 41.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
            -ms-flex: 0 0 41.666667%;
                flex: 0 0 41.666667%;
    }
    .u-col-xl-6
    {
        max-width: 50%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
    }
    .u-col-xl-7
    {
        max-width: 58.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
            -ms-flex: 0 0 58.333333%;
                flex: 0 0 58.333333%;
    }
    .u-col-xl-8
    {
        max-width: 66.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
            -ms-flex: 0 0 66.666667%;
                flex: 0 0 66.666667%;
    }
    .u-col-xl-9
    {
        max-width: 75%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
    }
    .u-col-xl-10
    {
        max-width: 83.333333%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
            -ms-flex: 0 0 83.333333%;
                flex: 0 0 83.333333%;
    }
    .u-col-xl-11
    {
        max-width: 91.666667%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
            -ms-flex: 0 0 91.666667%;
                flex: 0 0 91.666667%;
    }
    .u-col-xl-12
    {
        max-width: 100%;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }
    .u-offset-xl-0
    {
        margin-left: 0;
    }
    .u-offset-xl-1
    {
        margin-left: 8.333333%;
    }
    .u-offset-xl-2
    {
        margin-left: 16.666667%;
    }
    .u-offset-xl-3
    {
        margin-left: 25%;
    }
    .u-offset-xl-4
    {
        margin-left: 33.333333%;
    }
    .u-offset-xl-5
    {
        margin-left: 41.666667%;
    }
    .u-offset-xl-6
    {
        margin-left: 50%;
    }
    .u-offset-xl-7
    {
        margin-left: 58.333333%;
    }
    .u-offset-xl-8
    {
        margin-left: 66.666667%;
    }
    .u-offset-xl-9
    {
        margin-left: 75%;
    }
    .u-offset-xl-10
    {
        margin-left: 83.333333%;
    }
    .u-offset-xl-11
    {
        margin-left: 91.666667%;
    }
}

.u-flex-wrap
{
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
}

.u-lead
{
    font-size: 1.25rem;
    font-weight: 300;
}


.u-flex-first
{
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
            order: -1;
}

.u-flex-last
{
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
            order: 1;
}

.u-flex-unordered
{
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
            order: 0;
}


@media (min-width: 576px)
{
    .u-flex-sm-first
    {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
                order: -1;
    }
    .u-flex-sm-last
    {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
                order: 1;
    }
    .u-flex-sm-unordered
    {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
                order: 0;
    }
}

@media (min-width: 768px)
{
    .u-flex-md-first
    {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
                order: -1;
    }
    .u-flex-md-last
    {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
                order: 1;
    }
    .u-flex-md-unordered
    {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
                order: 0;
    }
}

@media (min-width: 992px)
{
    .u-flex-md-first
    {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
                order: -1;
    }
    .u-flex-md-last
    {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
                order: 1;
    }
    .u-flex-md-unordered
    {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
                order: 0;
    }
}

@media (min-width: 1200px)
{
    .u-flex-md-first
    {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
                order: -1;
    }
    .u-flex-md-last
    {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
                order: 1;
    }
    .u-flex-md-unordered
    {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
                order: 0;
    }
}


/* custom by tim */
.u-w-100 {
    width: 100%;
}

.u-w-75 {
    width: 75%;
}

.u-w-50 {
    width: 50%;
}

.u-w-25 {
    width: 25%;
}