/*HELPERS*/
.animate{
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


/*1 Position, Size, Margins and Padding*/
.f-100{ font-weight: 100 !important; }
.f-150{ font-weight: 150 !important; }
.f-200{ font-weight: 200 !important; }
.f-300{ font-weight: 300 !important; }
.f-400{ font-weight: 400 !important; }
.f-500{ font-weight: 500 !important; }
.f-600{ font-weight: 600 !important; }
.f-700{ font-weight: 700 !important; }
.f-800{ font-weight: 800 !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: #3fc9cf !important; }
.text.green{ 	color: green !important; }
.text.gray{ 	color:gray !important; }
.white.text{ 	color: white !important; }
.black.text{   color: black !important; }
.orange.text{   color: orange !important; }
.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; }
.bg-white { background-color: white; }
.bg-silver{ background: silver !important; }
.bg-green{ background: #ADB700 !important; }
.bg-gray{ background: gray !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;
}
/* Medidas */

.w-80{
  max-width: 80%;
}
.w-90{
  max-width: 90%;
}
.w-100{
  width: 100%;
}
.h-100{
	height: 100%;
}
.h-1210{
  max-height: 1210px;
}
.h-20{
  height: 20px;
}
/* Shadow */
.t-s-0 { text-shadow: none; }
.b-s-0 { box-shadow: none; }

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

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

/* 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-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-t-100 { padding-top: 100px !important; }
.p-t-150 { padding-top: 150px !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-18 { padding-left: 18px !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-60 { padding-left: 60px !important; }
.p-l-100 { padding-left: 100px !important; }
.p-l-120 { padding-left: 120px !important; }
.p-l-200 { padding-left: 200px !important; }
.p-l-300 { padding-left: 300px !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-70 { padding-right: 70px !important; }
.p-r-80 { padding-right: 80px !important; }
.p-r-90 { padding-right: 90px !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-7 { margin-top: 7px !important; }
.m-t-8 { margin-top: 8px !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-32 { margin-top: 32px !important; }
.m-t-35 { margin-top: 35px !important; }
.m-t-40 { margin-top: 40px !important; }
.m-t-45 { margin-top: 45px !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-260 { margin-top: 260px !important; }
.m-t-300 { margin-top: 300px !important; }
.m-t-400 { margin-top: 400px !important; }

.m-b-0 { margin-bottom: 0 !important; }
.m-b-3 { margin-bottom: 3 !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-b-160 { margin-bottom: 160px !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-23 { margin-left: 23px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-25 { margin-left: 25px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-l-40 { margin-left: 40px !important; }
.m-l-50 { margin-left: 50px !important; }
.m-l-55 { margin-left: 55px !important; }
.m-l-60 { margin-left: 60px !important; }
.m-l-65 { margin-left: 65px !important; }
.m-l-70 { margin-left: 70px !important; }
.m-l-80 { margin-left: 80px !important; }
.m-l-90 { margin-left: 90px !important; }
.m-l-92 { margin-left: 92px !important; }
.m-l-105 { margin-left: 105px !important; }
.m-l-100 { margin-left: 100px !important; }
.m-l-130 { margin-left: 130px !important; }
.m-l-150 { margin-left: 150px !important; }
.m-l-170 { margin-left: 170px !important; }
.m-l-200 { margin-left: 200px !important; }
.m-l-120 { margin-left: 120px !important; }
.m-l-225 { margin-left: 225px !important; }
.m-l-300 { margin-left: 300px !important; }
.m-l-305 { margin-left: 305px !important; }
.m-l-350 { margin-left: 350px !important; }
.m-l-400 { margin-left: 400px !important; }
.m-l-432 { margin-left: 432px !important; }
.m-l-490 { margin-left: 490px !important; }
.m-l-500 { margin-left: 500px !important; }
.m-l-800 { margin-left: 800px !important; }
.m-l-810 { margin-left: 810px !important; }
.m-l-870 { margin-left: 870px !important; }
.m-l-1000 { margin-left: 1000px !important; }
.m-l-1020 { margin-left: 1020px !important; }
.m-l-1040 { margin-left: 1040px !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; }
.m-r-70 { margin-right: 70px !important; }
.m-r-100 { margin-right: 100px !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-27{ font-size: 27px !important; }
.f-30{ font-size: 30px !important; }
.f-35{ font-size: 35px !important; }
.f-40{ font-size: 40px !important; }
.f-44{ font-size: 44px !important; }
.f-50{ font-size: 50px !important; }
.f-60{ font-size: 60px !important; }
.f-80{ font-size: 80px !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-30{ line-height: 30px !important; }
.lh-35{ line-height: 35px !important; }
.lh-40{ line-height: 40px !important; }
.lh-50{ line-height: 50px !important; }
.lh-60{ line-height: 60px !important; }
.lh-70{ line-height: 70px !important; }
.lh-80{ line-height: 80px !important; }
.square:after{
  content: "";
  padding-top: 100%;
}
.wide{
  position: relative;
}
.wide:after{
  content: "";
  display: block;
  padding-top: 56.25%;
}
.pointer{ cursor: pointer; }