/* ==========================================
 COLUMNS
========================================== */
.cols:after,
.clear:after {
	content: "";
	display: table;
	clear: both;
}

[class*='col-'] {
  float: left;
  display:table;
  position:relative;
}

.col-left { float:left; }
.col-right { float:right; }
.cols .padded { display:block; }

/* 
 * 1 Column 
 */
.col-1-1 { width:100%; }

/* 
 * 2 Columns 
 */
.col-1-2 { width:50%; }

/* to add padding */
.col-1-2.padded { width:49%; }
.col-1-2.padded.first { margin-right:1%; }
.col-1-2.padded.last {	margin-left:1%; }

/* 
 * 3 Columns 
 */
.col-1-3 { width:33.33%; }
.col-2-3 { width:66.66%; }
.col-1-3.padded.first { padding:0 3% 0 0; }
.col-1-3.padded { padding:0 3%; }
.col-1-3.padded.last { padding:0 0 0 3%; }

.col-1-3.margin.first { margin:0 2% 0 0; }
.col-1-3.margin { margin:0 0%; }
.col-1-3.margin.last { margin:0 0 0 2%; }

/* 
 * 4 Columns 
 */
.col-1-4 { width:25%; }
.col-2-4 { width:50%; }
.col-3-4 { width:75%; }

.col-1-4.padded.first { padding:0 1% 0 0; }
.col-1-4.padded { padding:0 1%; }
.col-1-4.padded.last { padding:0 0 0 1%; }

.col-3-4.padded { padding:0 1%; }

/* 
 * 5 Columns 
 */
.col-1-5 { width:20%; }
.col-2-5 { width:40%; }
.col-3-5 { width:60%; }
.col-4-5 { width:80%; }

/* to add padding */
.col-1-5.padded { padding:0 0.4%; }
.col-1-5.padded.first { padding:0 0.4% 0 0; }
.col-1-5.padded.last { padding:0 0 0 0.4%; }

/* 
 * 6 Columns 
 */
.col-1-6 { width:16.66%; }
.col-2-6 { width:33.33%; }
.col-3-6 { width:50%; }
.col-4-6 { width:66.66%; }
.col-5-6 { width:83.33%; }

/* 
 * 7 Columns 
 */
.col-1-7 { width:14.2857%; }
.col-2-7 { width:28.5714%; }
.col-3-7 { width:42.8571%; }
.col-4-7 { width:57.1428%; }
.col-5-7 { width:71.4285%; }
.col-6-7 { width:85.7142%; }

/* 
 * 8 Columns 
 */
.col-1-8 { width:12.5%; }
.col-2-8 { width:25%; }
.col-3-8 { width:37.5%; }
.col-4-8 { width:50%; }
.col-5-8 { width:62.5%; }
.col-6-8 { width:75%; }
.col-7-8 { width:87.5%; }

/* 
 * 9 Columns 
 */
.col-1-9 { width:11.11% }
.col-2-9 { width:22.22% }
.col-3-9 { width:33.33% }
.col-4-9 { width:44.44% }
.col-5-9 { width:55.55% }
.col-6-9 { width:66.66% }
.col-7-9 { width:77.77% }
.col-8-9 { width:88.88% }

/* 
 * 10 Columns 
 */
.col-1-10 { width:10% }
.col-2-10 { width:20% }
.col-3-10 { width:30% }
.col-4-10 { width:40% }
.col-5-10 { width:50% }
.col-6-10 { width:60% }
.col-7-10 { width:70% }
.col-8-10 { width:80% }
.col-9-10 { width:90% }

/* 
 * 11 Columns 
 */
.col-1-11 { width:10% }
.col-2-11 { width:20% }
.col-3-11 { width:30% }
.col-4-11 { width:40% }
.col-5-11 { width:50% }
.col-6-11 { width:54.5454% }
.col-7-11 { width:70% }
.col-8-11 { width:80% }
.col-9-11 { width:90% }
.col-10-11 { width:90% }

/*custom*/
.col-28 {
    width:29%;
}


/* ==========================================
 WIDTH
========================================== */
.width-50 { width:50%; }
.width-100 { width:100%; }

/* ==========================================
 PADDING
========================================== */
.pad-top-5 { padding-top:5px; }
.pad-top-10 { padding-top:10px; }
.pad-top-15 { padding-top:15px; }
.pad-top-20 { padding-top:20px; }
.pad-top-25 { padding-top:25px; }
.pad-top-30 { padding-top:30px; }
.pad-top-40 { padding-top:40px; }
.pad-top-50 { padding-top:50px; }
.pad-top-60 { padding-top:60px; }
.pad-top-70 { padding-top:70px; }
.pad-top-80 { padding-top:80px; }
.pad-top-90 { padding-top:90px; }
.pad-top-100 { padding-top:100px; }

.pad-bottom-5 { padding-bottom:5px; }
.pad-bottom-10 { padding-bottom:10px; }
.pad-bottom-15 { padding-bottom:15px; }
.pad-bottom-20 { padding-bottom:20px; }
.pad-bottom-25 { padding-bottom:25px; }
.pad-bottom-30 { padding-bottom:30px; }
.pad-bottom-40 { padding-bottom:40px; }
.pad-bottom-50 { padding-bottom:50px; }
.pad-bottom-60 { padding-bottom:60px; }
.pad-bottom-70 { padding-bottom:70px; }
.pad-bottom-80 { padding-bottom:80px; }
.pad-bottom-90 { padding-bottom:90px; }
.pad-bottom-100 { padding-bottom:100px; }
.pad-bottom-125 { padding-bottom:125px; }

.pad-left-5 { padding-left: 5px; }
.pad-left-10 { padding-left:10px; }
.pad-left-15 { padding-left:15px; }
.pad-left-20 { padding-left:15px; }
.pad-left-25 { padding-left:25px; }
.pad-left-30 { padding-left:30px; }
.pad-left-40 { padding-left:40px; }
.pad-left-50 { padding-left:50px; }

.pad-right-5 { padding-right:5px; }
.pad-right-10 { padding-right:10px; }
.pad-right-15 { padding-right:15px; }
.pad-right-20 { padding-right:20px; }
.pad-right-25 { padding-right:25px; }
.pad-right-30 { padding-right:30px; }
.pad-right-40 { padding-right:40px; }
.pad-right-50 { padding-right:50px; }

.pad-sides-10 {
	padding-left:10px;
	padding-right:10px;
}
.pad-sides-15 {
	padding-left:15px;
	padding-right:15px;
}

/* ==========================================
 MARGIN
========================================== */
.marg-auto { margin:0 auto; }
.marg-0 { margin:0; }

.marg-top-5 { margin-top:5px; }
.marg-top-10 { margin-top:10px; }
.marg-top-15 { margin-top:15px; }
.marg-top-20 { margin-top:20px; }
.marg-top-25 { margin-top:25px; }
.marg-top-30 { margin-top:30px; }
.marg-top-40 { margin-top:40px; }
.marg-top-50 { margin-top:50px; }

.marg-bottom-0 { margin-bottom:0px !important; }
.marg-bottom-5 { margin-bottom:5px; }
.marg-bottom-10 { margin-bottom:10px; }
.marg-bottom-15 { margin-bottom:15px; }
.marg-bottom-20 { margin-bottom:20px; }
.marg-bottom-25 { margin-bottom:25px; }
.marg-bottom-30 { margin-bottom:30px; }
.marg-bottom-40 { margin-bottom:40px; }
.marg-bottom-50 { margin-bottom:50px; }

.marg-left-10 { margin-left:10px; }
.marg-left-20 { margin-left:20px; }
.marg-left-15 { margin-left:15px; }
.marg-left-25 { margin-left:25px; }
.marg-left-50 { margin-left:50px; }
.marg-left-2-per { margin-left:2%; }

.marg-right-10 { margin-right:10px; }
.marg-right-15 { margin-right:15px; }
.marg-right-20 { margin-right:20px; }
.marg-right-25 { margin-right:25px; }
.marg-right-50 { margin-right:50px; }
.marg-right-2-per { margin-right:2%; }

/* ==========================================
 MISC
========================================== */
.float-left { float:left; }
.float-right { float:right; }

/* ==========================================
 FONTS
========================================== */
.font-bold { font-weight:bold; }
.font-lighter { font-weight:lighter; }
.font-weight-100 { font-weight:100; }
.font-weight-300 { font-weight:300; }
.font-weight-400 { font-weight:400; }
.font-weight-600 { font-weight:600; }
.font-weight-700 { font-weight:700; }
.font-weight-800 { font-weight:800; }

.font-10 { font-size:10px; }
.font-11 { font-size:11px; }
.font-12 { font-size:12px; }
.font-13 { font-size:13px; }
.font-14 { font-size:14px; }
.font-15 { font-size:15px; }
.font-16 { font-size:16px; }
.font-18 { font-size:18px; }
.font-20 { font-size:20px; }
.font-22 { font-size:22px; }
.font-24 { font-size:24px; }
.font-26 { font-size:26px; }
.font-28 { font-size:28px; }
.font-30 { font-size:30px; }
.font-36 { font-size:36px; }
.font-40 { font-size:40px; }
.font-44 { font-size:44px; }
.font-48 { font-size:48px; }
.font-50 { font-size:50px; }
.font-65 { font-size:65px; }

.font-black { color:#000; }
.font-white { color:#ffffff; }

.white-bg { background-color:#fff; }

.italic {font-style:italic;}

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

.block {display:block;}
.inline-block {display:inline-block;}

.flush {margin:0; padding:0;}

.absolute {position:absolute;}
.relative {position:relative;}

.line-height-1 { line-height:1; }
.line-height-20 { line-height:20px; }
.line-height-22 { line-height:22px; }
.line-height-28 { line-height:28px; }

.letter-spacing-5 {letter-spacing:.5px;}
.letter-spacing-1 { letter-spacing:1px; }
.letter-spacing-125 { letter-spacing:1.25px; }

.text-upper { text-transform:uppercase; }
.text-lower { text-transform:lowercase; }

.height-100 { height:100%; }

.table { display:table; }

.v-center {
	display:table-cell;
	vertical-align:middle;
}