/*HELPERS*/
/*1 Position, Size, Margins and Padding*/
.f-100{
  font-weight: 100 !important;
}

.f-300{
  font-weight: 300 !important;
}

.f-400{
  font-weight: 400 !important;
}

.f-600{
  font-weight: 600 !important;
}

.f-700{
  font-weight: 700 !important;
}

.f-900{
  font-weight: 900 !important;
}

.float-left{
	float: left;
}

.t-left{
	text-align: left;
}

.t-right{
	text-align: right;
}

.float-right{
	float: right;
}

.absolute{
	position: absolute;
}

.fixed{
	position: fixed;
}

.no-margin{
	margin: 0;
}

.no-padding{
	padding: 0;
}
.margin-top.medium{
	margin-top: 20px;
}
.margin-top.large{
	margin-top: 40px;
}
.margin-top.small{
	margin-top: 10px;
}

.full-height{
	height: 100%;
}

.full-width{
	width: 100%;
}
.full-size{
	height: 100%;
	width: 100%;
}
.hidden{
	display: none;
}
/*2 Styles*/

.text.blue{
	color: blue;
}

.text.green{
	color: green;
}
.text.orange{
	color: orange;
}

.text.gray{
	color:gray;
}

.white.text{
	color: white;
}

.x-large.text{
	font-size: 2.5em;
}

.large.text{
	font-size: 2em;
}
.small.text{
	font-size: 0.7em;
}
.italic.text{
	font-style: italic;
}
.bold.text{
  font-weight: 900;
}
.lighten.text{
  font-weight:300;
}
.center.text{
	text-align: center;
}
.right.text{
	text-align: center;
}
.left.text{
	text-align: left;
}

.title.text{

}

/*Hacks*/
.wrapt{
    display: table;
}
.wrapc{

    display: table-cell;
    vertical-align: middle;
}
.wrapc.bottom{
    vertical-align: bottom;
}

.hidden-action{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0 !important;
}

/* Width */
.w-100 {
    width: 100%;
}

.f-w-bold{
	font-weight: bold !important;
}


/* Position */
.p-relative { position: relative; }
.p-absolute { position: absolute; }

.text-center { text-align: center !important; }
.t-left {text-align: left !important;}
.t-right{text-align: right !important;}

/* Background */
.bg-none { background: none !important; }

/* Overflow + Text */
.o-hidden { overflow: hidden; }
.o-visible { overflow: visible; }
.o-auto { overflow: auto; }
.t-overflow { width: 97%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }

/* Line height */
.l-100 { line-height: 100%; }

/* Display */
.d-block { display: block !important; }
.d-none{
	display: none;
}

.h-100{
	height: 100%;
}
/* Shadow */
.t-s-0 { text-shadow: none; }
.b-s-0 { box-shadow: none; }

/* Border */
.b-0 { border: 0; }
.radius-5{ border-radius: 5px; }

/* Font */
.f-bold { font-weight: bold; }

/* Paddings */
.p-0 { padding: 0 !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-30 { padding: 30px !important; }
.p-40 { padding: 40px !important; }
.p-50 { padding: 50px !important; }
.p-60 { padding: 60px !important; }

.p-t-0 { padding-top: 0 !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-t-35 { padding-top: 35px !important; }
.p-t-40 { padding-top: 40px !important; }
.p-t-45 { padding-top: 45px !important; }
.p-t-50 { padding-top: 50px !important; }
.p-t-55 { padding-top: 55px !important; }

.p-b-0 { padding-bottom: 0 !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-b-30 { padding-bottom: 30px !important; }
.p-b-35 { padding-bottom: 35px !important; }
.p-b-40 { padding-bottom: 40px !important; }
.p-b-45 { padding-bottom: 45px !important; }
.p-b-50 { padding-bottom: 50px !important; }
.p-b-60 { padding-bottom: 60px !important; }
.p-b-70 { padding-bottom: 70px !important; }
.p-b-80 { padding-bottom: 80px !important; }
.p-b-100 { padding-bottom: 100px !important; }

.p-l-0 { padding-left: 0 !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-l-25 { padding-left: 25px !important; }
.p-l-30 { padding-left: 30px !important; }
.p-l-35 { padding-left: 35px !important; }
.p-l-40 { padding-left: 40px !important; }
.p-l-45 { padding-left: 45px !important; }
.p-l-50 { padding-left: 50px !important; }
.p-l-100 { padding-left: 100px !important; }

.p-r-0 { padding-right: 0 !important; }
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-r-25 { padding-right: 25px !important; }
.p-r-30 { padding-right: 30px !important; }
.p-r-35 { padding-right: 35px !important; }
.p-r-40 { padding-right: 40px !important; }
.p-r-45 { padding-right: 45px !important; }
.p-r-50 { padding-right: 50px !important; }
.p-r-100 { padding-right: 100px !important; }

/* Margin */
.m-0 { margin: 0 !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-30 { margin: 30px !important; }
.m-40 { margin: 40px !important; }
.m-50 { margin: 50px !important; }

.m-t-0 { margin-top: 0 !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-12 { margin-top: 12px !important; }
.m-t-13 { margin-top: 13px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-17 { margin-top: 17px !important; }
.m-t-18 { margin-top: 18px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-35 { margin-top: 35px !important; }
.m-t-40 { margin-top: 40px !important; }
.m-t-50 { margin-top: 50px !important; }
.m-t-60 { margin-top: 60px !important; }
.m-t-70 { margin-top: 70px !important; }
.m-t-80 { margin-top: 80px !important; }
.m-t-90 { margin-top: 90px !important; }
.m-t-100 { margin-top: 100px !important; }
.m-t-150 { margin-top: 150px !important; }
.m-t-200 { margin-top: 200px !important; }
.m-t-300 { margin-top: 300px !important; }
.m-t-400 { margin-top: 400px !important; }

.m-b-0 { margin-bottom: 0 !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-b-35 { margin-bottom: 35px !important; }
.m-b-40 { margin-bottom: 40px !important; }
.m-b-45 { margin-bottom: 45px !important; }
.m-b-50 { margin-bottom: 50px !important; }
.m-b-60 { margin-bottom: 60px !important; }
.m-b-70 { margin-bottom: 70px !important; }
.m-b-80 { margin-bottom: 80px !important; }


.m-l-0 { margin-left: 0 !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-25 { margin-left: 25px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-l-35 { margin-left: 35px !important; }
.m-l-40 { margin-left: 40px !important; }

.m-r-0 { margin-right: 0 !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 20px !important; }
.m-r-30 { margin-right: 30px !important; }
.m-r-40 { margin-right: 40px !important; }
.m-r-50 { margin-right: 50px !important; }

.w-t{
    width: 100%;
    height: 100%;
    display: table;
}

.w-c{
    height: 100%;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}

/* centered columns styles */
.row-centered {
  text-align:center;
}

.col-centered {
  display:inline-block;
  float:none !important;
  text-align:left;
  margin-right:-4px;
}

.row.grid-fluid > [class*="col-"]{
  padding: 0px;
  padding-left: 15px;
  padding-bottom: 15px;
}

.row.grid-fluid{
 	padding-top: 15px;
 	margin-right: 0px;
}

.f-10{ font-size: 10px !important; }
.f-11{ font-size: 11px !important; }
.f-12{ font-size: 12px !important; }
.f-13{ font-size: 13px !important; }
.f-14{ font-size: 14px !important; }
.f-15{ font-size: 15px !important; }
.f-16{ font-size: 16px !important; }
.f-17{ font-size: 17px !important; }
.f-18{ font-size: 18px !important; }
.f-19{ font-size: 19px !important; }
.f-20{ font-size: 20px !important; }
.f-21{ font-size: 21px !important; }
.f-22{ font-size: 22px !important; }
.f-25{ font-size: 25px !important; }
.f-30{ font-size: 30px !important; }
.f-35{ font-size: 35px !important; }
.f-40{ font-size: 40px !important; }
.f-50{ font-size: 50px !important; }
.f-60{ font-size: 60px !important; }
.lh-8{ line-height: 8px !important; }
.lh-10{ line-height: 10px !important; }
.lh-12{ line-height: 12px !important; }
.lh-13{ line-height: 13px !important; }
.lh-14{ line-height: 14px !important; }
.lh-15{ line-height: 15px !important; }
.lh-16{ line-height: 16px !important; }
.lh-17{ line-height: 17px !important; }
.lh-18{ line-height: 18px !important; }
.lh-19{ line-height: 19px !important; }
.lh-20{ line-height: 20px !important; }
.lh-21{ line-height: 21px !important; }
.lh-22{ line-height: 22px !important; }
.lh-23{ line-height: 23px !important; }
.lh-24{ line-height: 24px !important; }
.lh-25{ line-height: 25px !important; }
.lh-30{ line-height: 30px !important; }
.lh-35{ line-height: 35px !important; }
.lh-40{ line-height: 40px !important; }
.lh-50{ line-height: 50px !important; }
.square:after{
  content: "";
  padding-top: 100%;
}
.wide{
  position: relative;
}
.wide:after{
  content: "";
  display: block;
  padding-top: 56.25%;
}
.pointer{
  cursor: pointer;
}