.w25                    { width: 25% }
.w30                    { width: 30% }
.w50                    { width: 50%;}

.lh10			{	 line-height: 10px !important; }
.lh15			{	 line-height: 15px !important; }
.lh20			{	 line-height: 20px !important; }
.lh25			{	 line-height: 25px !important; }
.lh30			{	 line-height: 30px !important; }
.lh35			{	 line-height: 35px !important; }
.lh40			{	 line-height: 40px !important; }
.lh45			{	 line-height: 45px !important; }
.lh50			{	 line-height: 50px !important; }

.pad0			{	 padding: 0px !important;  }				
.pad2			{	 padding: 2px !important; }
.pad3			{	 padding: 3px !important; }
.pad5			{	 padding: 5px !important; }
.pad10			{	 padding: 10px !important; }
.pad15			{	 padding: 15px !important; }
.pad20			{	 padding: 20px !important; }

.padl2			{ 	 padding-left: 2px !important; }
.padl3			{ 	 padding-left: 3px !important; }
.padl5			{ 	 padding-left: 5px !important; }
.padl10			{ 	 padding-left: 10px !important; }
.padl15			{ 	 padding-left: 15px !important; }
.padl20			{ 	 padding-left: 20px !important; }
.padl25			{ 	 padding-left: 25px !important; }
.padl30			{ 	 padding-left: 30px !important; }
.padl35			{ 	 padding-left: 35px !important; }
.padl40			{ 	 padding-left: 40px !important; }
.padl45			{ 	 padding-left: 45px !important; }
.padl50			{ 	 padding-left: 50px !important; }

.padr2			{ 	 padding-right: 2px !important; }
.padr3			{ 	 padding-right: 3px !important; }
.padr5			{ 	 padding-right: 5px !important; }
.padr10			{ 	 padding-right: 10px !important; }
.padr15			{ 	 padding-right: 15px !important; }
.padr20			{ 	 padding-right: 20px !important; }
.padr30			{ 	 padding-right: 30px !important; }
.padr35			{ 	 padding-right: 35px !important; }
.padr40			{ 	 padding-right: 40px !important; }
.padr45			{ 	 padding-right: 45px !important; }
.padr50			{ 	 padding-right: 50px !important; }

.padt2			{ 	 padding-top: 2px !important; }
.padt3			{ 	 padding-top: 3px !important; }
.padt5			{ 	 padding-top: 5px !important; }
.padt10			{ 	 padding-top: 10px !important; }
.padt15			{ 	 padding-top: 15px !important; }
.padt20			{ 	 padding-top: 20px !important; }
.padt25			{ 	 padding-top: 25px !important; }
.padt30			{ 	 padding-top: 30px !important; }
.padt35			{ 	 padding-top: 35px !important; }
.padt40			{ 	 padding-top: 40px !important; }
.padt45			{ 	 padding-top: 45px !important; }
.padt50			{ 	 padding-top: 50px !important; }


.padb0			{ 	 padding-bottom: 0px !important; }
.padb2			{ 	 padding-bottom: 2px !important; }
.padb3			{ 	 padding-bottom: 3px !important; }
.padb5			{ 	 padding-bottom: 5px !important; }
.padb6			{ 	 padding-bottom: 6px !important; }
.padb7			{ 	 padding-bottom: 7px !important; }
.padb10			{ 	 padding-bottom: 10px !important; }
.padb15			{ 	 padding-bottom: 15px !important; }
.padb20			{ 	 padding-bottom: 20px !important; }
.padb25			{ 	 padding-bottom: 25px !important; }
.padb30			{ 	 padding-bottom: 30px !important; }
.padb35			{ 	 padding-bottom: 35px !important; }
.padb40			{ 	 padding-bottom: 40px !important; }
.padb45			{ 	 padding-bottom: 45px !important; }
.padb50			{ 	 padding-bottom: 50px !important; }


.mar2			{	 margin: 2px !important; }
.mar3			{	 margin: 3px !important; }
.mar5			{	 margin: 5px !important; }
.mar5			{	 margin: 5px !important; }
.mar6			{	 margin: 6px !important; }
.mar7			{	 margin: 7px !important; }
.mar8			{	 margin: 8px !important; }
.mar9			{	 margin: 9px !important; }
.mar10			{	 margin: 10px !important; }
.mar15			{	 margin: 15px !important; }
.mar20			{	 margin: 20px !important; }
.mar25			{	 margin: 25px !important; }
.mar30			{	 margin: 30px !important; }

.marl2			{ 	 margin-left: 2px !important; }
.marl3			{ 	 margin-left: 3px !important; }
.marl5			{ 	 margin-left: 5px !important; }
.marl6			{	 margin-left: 6px !important; }
.marl7			{	 margin-left: 7px !important; }
.marl8			{	 margin-left: 8px !important; }
.marl9			{	 margin-left: 9px !important; }
.marl10			{ 	 margin-left: 10px !important; }
.marl15			{ 	 margin-left: 15px !important; }
.marl20			{ 	 margin-left: 20px !important; }
.marl25			{ 	 margin-left: 25px !important; }
.marl30			{ 	 margin-left: 30px !important; }
.marl35			{ 	 margin-left: 35px !important; }
.marl40			{ 	 margin-left: 40px !important; }
.marl45                 { 	 margin-left: 45px !important; }


.marr2			{ 	 margin-right: 2px !important; }
.marr3			{ 	 margin-right: 3px !important; }
.marr5			{ 	 margin-right: 5px !important; }
.marr10			{ 	 margin-right: 10px !important; }
.marr15			{ 	 margin-right: 15px !important; }
.marr20			{ 	 margin-right: 20px !important; }
.marr25 			{ 	 margin-right: 25px !important; }
.marr30			{ 	 margin-right: 30px !important; }

.mart2			{ 	 margin-top: 2px !important; }
.mart3			{ 	 margin-top: 3px !important; }
.mart5			{ 	 margin-top: 5px !important; }
.mart6			{ 	 margin-top: 6px !important; }
.mart7			{ 	 margin-top: 7px !important; }
.mart8			{ 	 margin-top: 8px !important; }
.mart9			{ 	 margin-top: 9px !important; }
.mart10			{ 	 margin-top: 10px !important; }
.mart12			{ 	 margin-top: 12px !important; }
.mart13			{ 	 margin-top: 13px !important; }
.mart15			{ 	 margin-top: 15px !important; }
.mart20			{ 	 margin-top: 20px !important; }
.mart25			{ 	 margin-top: 25px !important; }
.mart30			{ 	 margin-top: 30px !important; }

.mart-3			{	 margin-top: -3px !important; } 

.marb2			{ 	 margin-bottom: 2px !important; }
.marb3			{ 	 margin-bottom: 3px !important; }
.marb5			{ 	 margin-bottom: 5px !important; }
.marb10			{ 	 margin-bottom: 10px !important; }
.marb15			{ 	 margin-bottom: 15px !important; }
.marb20			{ 	 margin-bottom: 20px !important; }
.marb25			{ 	 margin-bottom: 25px !important; }
.marb30			{ 	 margin-bottom: 30px !important; }


.marb1p                 {   margin-bottom: 1%; }
.marb2p                 {   margin-bottom: 2%; }
.marb3p                 {   margin-bottom: 3%; }
.marb4p                 {   margin-bottom: 4%; }
.marb5p                 {   margin-bottom: 5%; }
.marb10p                {   margin-bottom: 10%; }
.marb15p                {   margin-bottom: 15%; }
.marb20p                {   margin-bottom: 20%; }

.mart1p                 {   margin-top: 1%; }
.mart2p                 {   margin-top: 2%; }
.mart3p                 {   margin-top: 3%; }
.mart4p                 {   margin-top: 4%; }
.mart5p                 {   margin-top: 5%; }
.mart10p                {   margin-top: 10%; }
.mart15p                {   margin-top: 15%; }
.mart20p                {   margin-top: 20%; }

.marl1p                 {   margin-left: 1%; }
.marl2p                 {   margin-left: 2%; }
.marl3p                 {   margin-left: 3%; }
.marl4p                 {   margin-left: 4%; }
.marl5p                 {   margin-left: 5%; }
.marl10p                {   margin-left: 10%; }
.marl15p                {   margin-left: 15%; }
.marl20p                {   margin-left: 20%; }

.marr1p                 {   margin-right: 1%; }
.marr2p                 {   margin-right: 2%; }
.marr3p                 {   margin-right: 3%; }
.marr4p                 {   margin-right: 4%; }
.marr5p                 {   margin-right: 5%; }
.marr10p                {   margin-right: 10%; }
.marr15p                {   margin-right: 15%; }
.marr20p                {   margin-right: 20%; }



.posabs			{    position: absolute; }
.posrel			{ 	 position: relative; }
.posfix			{ 	 position: fixed; }

.block			{ display: block; }
.tc                     	{ display: table-cell; }
.ib                    	{ display: inline-block; }

.center			{ margin-left: auto; margin-right: auto; }
.center2                { left: 0; right: 0; }
.vcenter		{ margin-top: auto; margin-bottom: auto; }
.vcenter2		{ vertical-align: middle;}
.vcenter3               { margin: auto; position: absolute; top: 0;  bottom: 0; }

.fullcenter             { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.vtop                   { vertical-align: top !important;}
.vbottom                { vertical-align: bottom !important; }

.left			{ float: left; }
.right			{ float: right; }

.v10			{ 	 height: 10% }
.v20			{ 	 height: 20% }
.v30			{ 	 height: 30% }
.v40			{ 	 height: 40% }
.v50			{ 	 height: 50% }
.v60			{ 	 height: 60% }
.v70			{ 	 height: 70% }
.v80			{ 	 height: 80% }
.v90			{ 	 height: 90% }
.v100			{ 	 height: 100%;}

.h10			{	 width: 10% }
.h20			{	 width: 20% }
.h25			{	 width: 25% }
.h30			{	 width: 30% }
.h40			{	 width: 40% }
.h50			{	 width: 50% }
.h60			{	 width: 60% }
.h70			{	 width: 70% }
.h80			{	 width: 80% }
.h90			{	 width: 90% }
.h100			{	 width: 100%; } 

.hf100			{	 width: 100px }
.hf200			{	 width: 200px }
.hf300			{	 width: 300px }
.hf400			{	 width: 400px }
.hf500			{	 width: 500px }

.txtcenter		{	 text-align: center;  }
.txtjust		{	 text-align: justify; }
.txtleft		{    text-align: left; }
.txtright		{    text-align: right; }
.txtuppercase           { text-transform: uppercase; }
.txtucfirst             { text-transform: capitalize}
.txtellipsis            {  white-space: nowrap  !important;
                           overflow:hidden  !important;
                           text-overflow: ellipsis !important; 
                        }

.border-bottom-1        { border-bottom: 1px solid #ccc; }                        
                        
.shadow2		{    box-shadow: 2px 2px 2px #777; }
.shadow3		{    box-shadow: 3px 3px 3px #777; }
.shadow5		{    box-shadow: 5px 5px 5px #777; }
.shadow10		{    box-shadow: 10px 10px 10px #777; }

.shadow5r		{    box-shadow: 0px 0px 10px #777; }

.shadow-full2		{    box-shadow: 0x 0px 2px #aaa; }
.shadow-full3		{    box-shadow: 0px 0px 3px #aaa; }
.shadow-full5		{    box-shadow: 0px 0px 5px #aaa; }
.shadow-full10		{    box-shadow: 0px 0px 10px #aaa; }


.radius0                {        border-radius: 0px !important; }
.radius2		{ 	 border-radius: 2px !important; }				   
.radius3		{ 	 border-radius: 3px !important; }
.radius5		{ 	 border-radius: 5px !important; }
.radius10		{ 	 border-radius: 10px !important; }
.radius15		{ 	 border-radius: 15px !important; }
.radius20		{ 	 border-radius: 20px !important; }
.radius25		{ 	 border-radius: 25px !important; }

.transparent10		{  	 opacity:0.1; }
.transparent20		{  	 opacity:0.2; }
.transparent30		{ 	 opacity:0.3; }
.transparent40		{  	 opacity:0.4; }
.transparent50		{  	 opacity:0.5; }
.transparent60		{  	 opacity:0.6; }
.transparent70		{  	 opacity:0.7; }
.transparent80		{  	 opacity:0.8; }
.transparent90		{  	 opacity:0.9; }

.size10			{ 	 font-size: 10px !important }
.size11			{ 	 font-size: 11px !important }
.size12			{ 	 font-size: 12px !important }
.size13			{ 	 font-size: 13px !important }
.size14			{ 	 font-size: 14px !important }
.size15			{ 	 font-size: 15px !important }
.size16			{ 	 font-size: 16px !important }
.size17			{ 	 font-size: 17px !important }
.size18			{ 	 font-size: 18px !important }
.size19			{ 	 font-size: 19px !important }
.size20			{ 	 font-size: 20px !important }
.size22			{ 	 font-size: 22px !important }
.size24			{ 	 font-size: 24px !important }
.size26			{ 	 font-size: 26px !important }
.size28			{ 	 font-size: 28px !important }
.size30			{ 	 font-size: 30px !important }
.size32			{ 	 font-size: 32px !important }
.size34			{ 	 font-size: 34px !important }
.size36			{ 	 font-size: 36px !important }
.size38			{ 	 font-size: 38px !important }
.size40			{ 	 font-size: 40px !important }

.b			{	 font-weight: bold;  }
.i			{	 font-style: italic; }
.u			{	 text-decoration: underline; }
.s			{	 font-variant: small-caps; }		

.up                     { text-transform: uppercase; }
.low                    { text-transform: lowercase; }

.color-red		{ color: red; }
.color-purple		{ color: purple; }
.color-blue		{ color: blue; }
.color-white		{ color: white; }		

.inline			{ display: inline; }
.block			{ display: block; }
.table-row		{ display: table-row; }
.table-cell		{ display: table-cell; }
.none			{ display: none; }

.pointer		{	cursor: pointer; }

.clear			{	clear: both }
.clearl			{   clear: left }
.clearr			{	clear: right}

.inv0			{ -webkit-filter: invert(0%); filter: invert(0); }
.inv10			{ -webkit-filter: invert(10%); filter: invert(10%); }
.inv20			{ -webkit-filter: invert(20%); filter: invert(20%); }
.inv30			{ -webkit-filter: invert(30%); filter: invert(30%); }
.inv40			{ -webkit-filter: invert(40%); filter: invert(40%); }
.inv50			{ -webkit-filter: invert(50%); filter: invert(50%); }
.inv60			{ -webkit-filter: invert(60%); filter: invert(60%); }
.inv70			{ -webkit-filter: invert(70%); filter: invert(70%); }
.inv80			{ -webkit-filter: invert(80%); filter: invert(80%); }
.inv90			{ -webkit-filter: invert(90%); filter: invert(90%); }
.inv100			{ -webkit-filter: invert(100%); filter: invert(100%); }

.nowrap			{ white-space: nowrap }

.bg-green		{ background: #b8faaf !important} 
.bg-red			{ background: #fbc8c8 !important }
.bg-gray		{ background: #ccc !important }
.bg-gray2		{ background: #aaa !important }
.bg-gray3		{ background: #ddd !important }
.bg-gray4		{ background: #777 !important }
.bg-gray5		{ background: #eee !important }
.bg-white               { background: #fff !important;}

.col-green		{ color: #b8faaf; }
.col-green2		{ color: green; }

.col-lime		{ color: lime; }

.col-red		{ color: #fbc8c8; }
.col-red2		{ color: red; }

.col-gray		{ color: #ccc; }
.col-gray2		{ color: #aaa; }
.col-gray3		{ color: #ddd; }
.col-gray4		{ color: #777; }

.col-black              { color: #000 !important;}
.col-white              { color: #fff; }
.col-facebook           { color: #3c5a99 }
.col-gplus              { color: #dd4b39; }