* { outline: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.w-0 { width: 0; }      .h-0 { height: 0; }
.w-10 { width: 10%; }   .h-10 { height: 10%; }
.w-15 { width: 15%; }   .h-15 { height: 15%; }
.w-16 { width: 16.6%; } .h-16 { height: 16.6%; }
.w-20 { width: 20%; }   .h-20 { height: 20%; }
.w-30 { width: 30%; }   .h-30 { height: 30%; }
.w-33 { width: 33% }    .w-33:nth-child(2n) { width: 34%; }
.w-40 { width: 40%; }   .h-40 { height: 40%; }
.w-50 { width: 50%; }   .h-50 { height: 50%; }
.w-60 { width: 60%; }   .h-60 { height: 60%; }
.w-70 { width: 70%; }   .h-70 { height: 70%; }
.w-80 { width: 80%; }   .h-80 { height: 80%; }
.w-90 { width: 90%; }   .h-90 { height: 90%; }
.w-100 { width: 100%; } .h-100 { height: 100%; }

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

.t0 { top: 0; }
.b0 { bottom: 0; }
.l0 { left: 0; }
.r0 { right: 0; }

.abs { position: absolute; }
.rel { position: relative; }
.fix { position: fixed; }

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

.cb { clear: both; }

.oh { overflow: hidden; }
.ov { overflow: visible; }
.os { overflow: scroll; }

.bl { display: block; }
.ib { display: inline-block; }
.il { display: inline; }
.hn { display: none; }

.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }

.tns, .tns > *, .tns:after, .tns:before { transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out; }

.upr { text-transform: uppercase; }
.cap { text-transform: capitalize; }
.lwr { text-transform: lowercase; }

.red { background-color: #ff3333; }
.grey { background-color: #333333; }
.ltgrey { background-color: #888888; }

.thumb-bg { background-position: center; background-repeat: no-repeat; background-size: cover; }

.text-col-2:first-of-type { padding-right: 30px; }
.text-col-2:last-of-type { padding-left: 30px; }

.shadow { box-shadow: rgba(0,0,0,0.5) 0 2px 5px 0; }

input[type="submit"] {
    -webkit-appearance: none;
    line-height: 40px;
    vertical-align: middle;
    background: #898989;
    color: #333;
    text-align: center;
    padding: 0 20px;
    border-radius: 2px;
    border: 0;
}

input[type="text"] {
    line-height: 40px;
    vertical-align: middle;
    padding: 0 10px;
    border-radius: 2px;
    border: 1px solid #c0c0c0;
}