/*HELPERS*/
.wrap-flex{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.flex{
    display: table-cell;
    vertical-align: top;
}
.no-bg{
  background: transparent !important;
}
.bottom-0 {
  bottom: 0 !important;
}
/*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-800{
  font-weight: 800 !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;
}
/* Cuadrado */
.square {
    position: relative;
}
.square:before {
    display: block;
    content: '';
    padding-top: 100%;
}
.square-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.square-inner-img {
  width: 100%;
  height: 100%;
}
.square-inner-img2 {
  max-width: 100%;
  height: 100%;
}
.upercase{
  text-transform: uppercase;
}
.m-auto{
  margin: auto;
}
.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 !important;
}
/*2 Styles*/
.text.blue{
	color: @blue;
}
.text.green{
	color: @green;
}
.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% !important;
}
.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-in-block { display: inline-block !important; }
.d-none{
	display: none;
}
.h-100{
	height: 100% !important;
}
/* Shadow */
.t-s-0 { text-shadow: none; }
.b-s-0 { box-shadow: none; }
/* Border */
.b-0 { border: 0; }
/* Font */
.f-bold { font-weight: bold; }
/* Paddings */
.p-0 { padding: 0 !important; }
.p-5 { padding: 5px !important; }
.p-2 { padding: 2px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !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-25 { padding-top: 25px !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-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; }
/* 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-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-120 { margin-top: 120px !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-52 { margin-bottom: 52px !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-30 { margin-left: 30px !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%;
}
.d-t{
  display: table;
}
.d-c{
  display: table-cell;
}
.d-c-middle{
  vertical-align: middle;
}
/* 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-23{
  font-size: 23px !important;
}
.f-24{
  font-size: 24px !important;
}
.f-25{
  font-size: 25px !important;
}
.f-26{
  font-size: 26px !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-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-26{
  line-height: 26px !important;
}
.lh-32{
  line-height: 32px !important;
}
.b-r-8{
  border-radius: 8px !important;
}
.b-r-10{
  border-radius: 10px !important;
}
.animate{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.btn{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.cr-pter{
  cursor: pointer;
}
.show-important{
  display: block !important;
}
.circle-avatar{
  border-radius: 50%;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}