.u-text-left{
    text-align: left;
}
.u-text-center{
    text-align: center;
}
.u-text-right{
    text-align: right;
}

.u-pointer {
    cursor: pointer;
}

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

/* position / float */
.u-abs{position: absolute}
.u-rel{position: relative}
.u-fix{position: fixed}
.u-fl{ float: left}
.u-fr{ float: right}
.u-fill{ top: 0; bottom: 0 ; left: 0 ; right: 0;}
.u-left{ left: 0 ; }
.u-right{ right: 0;}

/* margin / padding */
.u-mg{ margin: 20px}
.u-mgt{ margin-top: 20px}
.u-mgb{ margin-bottom: 20px}
.u-mgr{ margin-right: 20px}
.u-mgl{ margin-left: 20px}

.u-mg-light{ margin: 10px}
.u-mgt-light{ margin-top: 10px}
.u-mgb-light{ margin-bottom: 10px}
.u-mgr-light{ margin-right: 10px}
.u-mgl-light{ margin-left: 10px}

.u-mg2{ margin: 40px}
.u-mgt2{ margin-top: 40px}
.u-mgb2{ margin-bottom: 40px}
.u-mgr2{ margin-right: 40px}
.u-mgl2{ margin-left: 40px}

.u-pd{ padding: 20px}
.u-pdt{ padding-top: 20px}
.u-pdb{ padding-bottom: 20px}
.u-pdv{ padding-top: 20px; padding-bottom: 20px}
.u-pdh{ padding-left: 20px; padding-right: 20px}
.u-pd-light{ padding: 10px}
.u-pdv2{ padding-top: 40px; padding-bottom: 40px}
.u-pd2{ padding: 40px}

/* block */
.u-ib{display: inline-block}
.u-db{display: block}
.u-dn{display: none}
.u-oh{overflow: hidden}

/* text */
.u-b{font-weight: bold}
.u-tc{ text-align: center}
.u-tl{ text-align: left}
.u-tr{ text-align: right}
.u-tm{ vertical-align: middle}
.u-tb{ vertical-align: bottom}
.u-small{font-size: 90%}
.u-smaller{font-size: 80%}
.u-big{font-size: 110%}
.u-bigger{font-size: 120%}
.u-lh2{ line-height: 40px}
.u-lh2 img{vertical-align: middle}
.u-nr{white-space: nowrap}
.u-tdn, .u-tdn:hover, .u-tdn:active, .u-tdn{text-decoration: none !important}


.u-btn {
    border: 1px solid #999;
    color: #3c3b3e;
    display: inline-block;
    margin-top: 5px;
    padding: 5px 10px;
    text-decoration: none;
    transition: background 0.2s ease-in-out 0s;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.u-btn {
    border-radius: 2px;
}
.u-btn-primary {
    background: #019ebd;
    border: 1px solid #39a9dc;
    color: #fff;
}
.u-btn-primary:hover {
    background: #019ebd none repeat scroll 0 0;
    color: #fff;
}
.u-w33{
    width: 33.333333%;
    width: calc(100%/3);
}
@media (max-width: 800px) {
    .u-w33{
        width: 50%;
    }
}
@media (max-width: 400px) {
    .u-w33{
        width: 100%;
    }
}