/*HELPERS*/
/*1 Position, Size, Margins and Padding*/
.clear{
	clear: both;
}
.float-left{
	float: left;
}

.float-right{
	float: right;
}

.float-inherit{
	float: inherit;
}


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

.to-left{
	left: 0;
}

.to-right{
	right: 0;
}

.to-top{
	top: 0;
}
.to-bottom{
	bottom: 0;
}
.no-margin{
	margin: 0;
}

.no-padding{
	padding: 0;
}
.m-md{
	margin: 20px;
}
.m-lg{
	margin: 40px;
}
.m-sm{
	margin: 10px;
}
.mt-md{
	margin-top: 20px;
}
.mt-lg{
	margin-top: 40px;
}
.mt-sm{
	margin-top: 10px;
}
.ml-md{
	margin-left: 20px !important;
}
.ml-lg{
	margin-left: 40px;
}

.ml-sm{
	margin-left: 10px;
}
.mr-md{
	margin-right: 20px !important;
}
.mr-lg{
	margin-right: 40px;
}
.mr-sm{
	margin-right: 10px;
}


.mb-md{
	margin-bottom: 20px;
}
.mb-lg{
	margin-bottom: 40px;
}
.mb-sm{
	margin-bottom: 10px;
}

.p-md{
	padding: 20px;
}
.p-lg{
	padding: 40px;
}
.p-sm{
	padding: 10px;
}

.pt-0{
	padding-top: 0px !important;
}
.pt-md{
	padding-top: 20px;
}
.pt-lg{
	padding-top: 40px;
}
.pt-sm{
	padding-top: 10px;
}


.pl-md{
	padding-left: 20px;
}
.pl-lg{
	padding-left: 40px;
}
.pl-sm{
	padding-left: 10px;
}

.pr-md{
	padding-right: 20px;
}
.pr-lg{
	padding-right: 40px;
}
.pr-sm{
	padding-right: 10px;
}

.pb-md{
	padding-bottom: 20px;
}
.pb-lg{
	padding-bottom: 40px;
}
.pb-sm{
	padding-bottom: 10px;
}

.inline-block{
	display: inline-block !important;
	float: none;
}
.full-height{
	height: 100%;
}

.full-width{
	width: 100%;
}
.full-size{
	height: 100%;
	width: 100%;
}
.hidden{
	display: none !important;
}

/*2 Styles*/

.alpha-1{
	opacity: 0.7;
}
.alpha-2{
	opacity: 0.5;
}
.alpha-3{
	opacity: 0.3;
}

.alpha-4{
	opacity: 0.1;
}
.text-xl{
	font-size: 2.5em;
}

.text-lg{
	font-size: 2em;
}

.text-lg{
	font-size: 2em;
}
.text-sm{
	font-size: 12px !important;
}
.f-10 {
	font-size: 10px;
}
.text-italic{
	font-style: italic;
}
.text-black{
  font-weight: 900;
}
.text-bold{
  font-weight: 700;
}
.text-semibold{
  font-weight: 600;
}
.text-medium{
  font-weight: 500;
}
.text-normal{
  font-weight:400;
}
.text-light{
  font-weight:300;
}
.text-extralight{
  font-weight: 200;
}
.text-thin{
  font-weight: 100;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}
.capitalize{
	text-transform: capitalize;
}
.uppercase{
	text-transform: uppercase;
}
.lowercase{
	text-transform: lowercase;
}

.hover-underline:hover{
	text-decoration: underline;
}

.decoration_none {
	text-decoration: none !important;
}

.pointer{
	cursor: pointer;
}

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

    display: table-cell;
    vertical-align: middle;
}

.blocks-justify{
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: justify;
	font-size: 0.1px;
}

.blocks-justify > *{
	font-size: auto;
	display: inline-block;
}
.blocks-justify:after{
	content: '';
	display: inline-block;
	width: 100%;
}

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

.wrap-flex{
	display: table;
    width: 100%;
    table-layout: fixed;
}

.flex{
	display: table-cell;
    vertical-align: top;
}

.vertical-align-middle{
	vertical-align:middle;
}
.wrapc.bottom, .wrapc-bottom{
    vertical-align: bottom;
     display: table-cell;
}
.circle-block{
		-webkit-border-radius: 50%;
	-moz-border-radius:    50%;
	border-radius:         50%;

	-moz-background-clip:    padding;
	-webkit-background-clip: padding-box;
	background-clip:         padding-box;
}
.hidden-action{
  cursor: pointer !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0 !important;
  cursor:pointer;
}

/*3. Icons*/
.icon-md{
	height: 16px;
	width: 16px;
}

.icon-sm{
	height: 24px;
	width: 24px;
}
.text-white,
a.text-white,
a.text-white:hover,
a.text-white:active,
a.text-white:visited{
	color: white;
}
.text-white:hover{
	color: white;
};