html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	font-weight:normal;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style-type:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
}


table { border-collapse:collapse; border-spacing:0; }

input, select { vertical-align:text-top; }

address			{ font-style:normal; }


/* Box Sizing  *****************************************************************************/

*, *:before, *:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }


/*---------------------------------------------------------------------------------------
	GRID SYSTEM
---------------------------------------------------------------------------------------*/ 

.gr			{ } /* Normal Version 3% margin */
.gr.s		{ } /* Small Version 2% margin */
.gr.xs		{ } /* Small Version 2% margin */
.gr.nm		{ } /* No Margin */

.gr:before,	
.gr:after	{ content:" "; display:table; }
.gr:after	{ clear:both; }

[class^="gc-"]			{ float:left; margin-left:3%; } /* Normal */
.gr.s  [class^="gc-"]	{ float:left; margin-left:2%; } /* Small */
.gr.xs [class^="gc-"]	{ float:left; margin-left:1%; } /* Extra Small */
.gr.nm [class^="gc-"]	{ float:left; margin:0; } 		/* No Margin */

 
[class^="gc-"]:first-child,
.gr.s  [class^="gc-"]:first-child,
.gr.xs [class^="gc-"]:first-child			{ margin-left:0; }


/* for group input fields to overlap each others border */
.gr.nm.group [class^="gc-"] 				{ margin-left:-1px; }
.gr.nm.group [class^="gc-"]:first-child 	{ margin-left:0; }



/* Normal ---------------------------------------------- */

.gc-1		{ width:100%; }		/* full width */
.gc-12		{ width:48.5%; }	/* one half */
.gc-13		{ width:31.33%; }	/* one third */
.gc-14		{ width:22.75%; }	/* one fourth */
.gc-15		{ width:17.6%; }	/* one fifth */
.gc-23		{ width:65.66%; }	/* two third */
.gc-25		{ width:38.2%; }	/* two fifth */
.gc-35		{ width:58.8%; }	/* three fifth */
.gc-34		{ width:74.25%; }	/* three fourth */
.gc-45		{ width:79.4%; }	/* four fifth */


/* Small ---------------------------------------------- */

.gr.s .gc-1		{ width:100%; }		/* full width */
.gr.s .gc-12	{ width:49%; }		/* one half */
.gr.s .gc-13	{ width:32%; }		/* one third */
.gr.s .gc-14	{ width:23.5%; }	/* one fourth */
.gr.s .gc-15	{ width:18.4%; }	/* one fifth */
.gr.s .gc-23	{ width:66%; }		/* two third */
.gr.s .gc-25	{ width:38.8%; }	/* two fifth */
.gr.s .gc-35	{ width:59.2%; }	/* three fifth */
.gr.s .gc-34	{ width:74.5%; }	/* three fourth */
.gr.s .gc-45	{ width:79.6%; }	/* four fifth */


/* Extra Small ---------------------------------------- */

.gr.xs .gc-1	{ width:100%; }		/* full width */
.gr.xs .gc-12	{ width:49.5%; }	/* one half */
.gr.xs .gc-13	{ width:32.66%; }	/* one third */
.gr.xs .gc-14	{ width:24.25%; }	/* one fourth */
.gr.xs .gc-15	{ width:19.2%; }	/* one fifth */

.gr.xs .gc-23	{ width:66.32%; }	/* two third */
.gr.xs .gc-25	{ width:39.4%; }	/* two fifth */
.gr.xs .gc-35	{ width:60.6%; }	/* three fifth */
.gr.xs .gc-34	{ width:76.255%; }	/* three fourth */
.gr.xs .gc-45	{ width:80.8%; }	/* four fifth */


/* No Margin ----------------------------------------- */

.gr.nm .gc-		{ width:100%; }		/* full width */
.gr.nm .gc-12	{ width:50%; }		/* one half */
.gr.nm .gc-13	{ width:33.33%; }	/* one third */
.gr.nm .gc-14	{ width:25%; }		/* one fourth */
.gr.nm .gc-15	{ width:20%; }		/* one fifth */
.gr.nm .gc-23	{ width:66.66%; }	/* two third */
.gr.nm .gc-25	{ width:40%; }		/* two fifth */
.gr.nm .gc-35	{ width:60%; }		/* three fifth */
.gr.nm .gc-34	{ width:75%; }		/* three fourth */
.gr.nm .gc-45	{ width:80%; }		/* four fifth */


/*---------------------------------------------------------------------------------------
	WIDTH SIZES
---------------------------------------------------------------------------------------*/ 

.w-1	{ width:10% !important; }				
.w-2	{ width:20% !important; }			
.w-3	{ width:30% !important; }			
.w-4	{ width:40% !important; }				
.w-5	{ width:50% !important; }
.w-6	{ width:60% !important; }
.w-7	{ width:70% !important; }
.w-8	{ width:80% !important; }
.w-9	{ width:90% !important; }
.w-10	{ width:100% !important; }				


/*---------------------------------------------------------------------------------------
	INLINE FORMS
---------------------------------------------------------------------------------------*/ 

.ih.inline		{ border-bottom:1px solid red; }

.ihi-1,
.ihi-2			{ display:inline-block; vertical-align:middle; padding-bottom:12px;  }

.ihi-1			{ }
.ihi-2			{  }



/*---------------------------------------------------------------------------------------
	Framework
---------------------------------------------------------------------------------------*/ 

.w	{	padding:0 1.53em; max-width:1002px; margin:0 auto; min-width:280px; width:1002px; 
		-webkit-box-sizing: content-box; 
		-moz-box-sizing: content-box;
		box-sizing: content-box; 
}

img.block	{ width:100%; }

ul,
ol	{ list-style-position:outside; }

.cf:before,
.cf:after,
nav ul:before,
nav ul:after	{ content: " "; display: table; }

.cf:after,
nav ul:after	{ clear:both; }

.r	{ list-style-type:none; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; } /* Reset Ul List */

.brd			{ display:block; } 	/* BR only for desktop */

hr	{ border:0; height:1px; background:#d8dfe3; margin:1.92em 0; }

[class^="clr-"],
.clr		{ display:block; clear:both; }

.clr-5		{ height:5px; }
.clr-10		{ height:10px; }
.clr-15		{ height:15px; }
.clr-20		{ height:20px; }
.clr-25		{ height:25px; }
.clr-30		{ height:30px; }
.clr-35		{ height:35px; }
.clr-40		{ height:40px; }
.clr-45		{ height:45px; }
.clr-50		{ height:50px; }

.nm		{ margin:0 !important; }
.mb-5	{ margin-bottom:5px !important; }
.mb-10	{ margin-bottom:10px !important; }
.mb-15	{ margin-bottom:15px !important; }
.mb-20	{ margin-bottom:20px !important; }
.mb-25	{ margin-bottom:25px !important; }
.mb-30	{ margin-bottom:30px !important; }

/*---------------------------------------------------------------------------------------
	OPACITY
---------------------------------------------------------------------------------------*/ 

.o-1	{ opacity:0.1; }
.o-2	{ opacity:0.2; }
.o-3	{ opacity:0.3; }
.o-4	{ opacity:0.4; }
.o-5	{ opacity:0.5; }
.o-6	{ opacity:0.6; }
.o-7	{ opacity:0.7; }
.o-8	{ opacity:0.8; }
.o-9	{ opacity:0.9; }


/*---------------------------------------------------------------------------------------
	ALIGNMENTS
---------------------------------------------------------------------------------------*/ 

.fr	{ float:right !important; }
.fl	{ float:left !important; }

.ar	{ text-align:right !important; }
.al	{ text-align:left !important; }
.ac	{ text-align:center !important; }

.vt	{ vertical-align:top !important; }
.vm	{ vertical-align:middle !important; }
.vb	{ vertical-align:bottom !important; }

.uc	{ text-transform:uppercase; }
.lc	{ text-transform:lowercase; }

/*---------------------------------------------------------------------------------------
	CONTENTS
---------------------------------------------------------------------------------------*/ 

h1, h2, h3, h4, h5, h6	{ line-height:100%; }

h1, h2, h3, h4, h5, h6,
p, ul, ol, dl,
table, fieldset,
.well					{ margin-bottom:25px; }

nav ul					{ margin:0; }


/*---------------------------------------------------------------------------------------
	BASE TABLE
---------------------------------------------------------------------------------------*/ 

.tbl			{ width:100%; border-collapse:collapse; }

.tbl td,
.tbl th			{ padding:8px 12px; text-align:left; } /* default */

.tbl.l	th,
.tbl.l	td		{ padding:10px 14px; }

.tbl.xl	th,
.tbl.xl	td		{ padding:12px 16px; }

.tbl.s th,
.tbl.s td		{ padding:4px 6px; }

.tbl.xs	th,
.tbl.xs	td		{ padding:2px 4px; }

.tbl.hover tr:hover td	{ background:#fff !important; }


/*---------------------------------------------------------------------------------------
	BASE PAGINATION
---------------------------------------------------------------------------------------*/ 

.pagination					{ }
.pagination	ul				{ list-style-type:none; display:inline-block; }
.pagination li				{ float:left; }
.pagination li a			{ display:block; padding:0 5px;  }
.pagination li.disabled	a	{ cursor:default; }





/*---------------------------------------------------------------------------------------
	SPRITES
---------------------------------------------------------------------------------------*/ 

[class^="sp-"],
[class*="sp-"]
{
	display: inline-block;
	vertical-align: middle; 
	background: url(../images/sprites.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


/*---------------------------------------------------------------------------------------
	SHOW HIDE on DIFFERENT SIZES
---------------------------------------------------------------------------------------*/ 


.vistm,	/* Hide Elemends on Desktop */
.vism	{ visibility:hidden; position:absolute; left:-999em; }

.visd	{ visibility:visible; position:static; left:auto; }










/******************************************************************************************
	MEDIA QUERIES GLOBAL BELOW 992 PX
******************************************************************************************/ 

@media screen and (max-width:992px) {

.brd		{ display:inline; } 	/* BR only for desktop - INLINE from tablet below */

}



/******************************************************************************************
	MEDIA QUERIES TABLETS PORTRAIT
******************************************************************************************/ 

@media only screen and (max-width: 900px) {

.tbl-responsive-mp, 						/* mp = medium portrait devices 900px below */
.tbl-responsive-mp thead, 
.tbl-responsive-mp tbody, 
.tbl-responsive-mp tfoot, 
.tbl-responsive-mp tr,
.tbl-responsive-mp th, 
.tbl-responsive-mp td						{ display: block; }
		
.tbl-responsive-mp thead tr					{ display:none; }

.tbl-responsive-mp tbody					{ margin-bottom:1.53em; }

.tbl-responsive-mp tbody tr td:before		{ display:block; content:"Label Goes Here"; margin-bottom:.23em; }	

}


/******************************************************************************************
	MEDIA QUERIES TABLETS
******************************************************************************************/ 

@media screen and (min-width: 768px) and (max-width: 992px) {


/*---------------------------------------------------------------------------------------
	SHOW HIDE on DIFFERENT SIZES
---------------------------------------------------------------------------------------*/ 

.vistm,
.vist		{ visibility:visible; position:static; left:auto; }
.visd,		{ visibility:hidden; position:absolute; left:-999em; }

.hidetm,
.hidet		{ display:none; }

/*---------------------------------------------------------------------------------------
	WIDTH SIZES
---------------------------------------------------------------------------------------*/ 

.w-1	{ width:50% !important; }				
.w-2	{ width:60% !important; }			
.w-3	{ width:70% !important; }			
.w-4	{ width:80% !important; }				
.w-5	{ width:90% !important; }

.w-6,	
.w-7,
.w-8,
.w-9,
.w-10	{ width:100% !important; }		


/*---------------------------------------------------------------------------------------
	INLINE FORMS
---------------------------------------------------------------------------------------*/ 

.ihi-1			{ width:39%;  }
.ihi-2			{ width:60%; }


}





/******************************************************************************************
	MEDIA QUERIES TABLETS
******************************************************************************************/ 
/*
@media screen and (max-width:767px) {
	
/*---------------------------------------------------------------------------------------
	GRID SYSTEM
---------------------------------------------------------------------------------------*/ 
/*
[class^="gc-"],
.gr.s  [class^="gc-"],
.gr.xs [class^="gc-"],
.gr.nm [class^="gc-"]					{ float:none; margin:0; width:100%; } 


[class^="gc-"],
.gr.s  [class^="gc-"],
.gr.xs [class^="gc-"],
.gr.nm [class^="gc-"]					{ width:100%; } 


[class^="gc-"]:first-child,
.gr.s  [class^="gc-"]:first-child,
.gr.xs [class^="gc-"]:first-child		{ margin-left:0; }


[class^="gc-"] .btn,
[class^="gc-"] .ip,
[class^="gc-"] select,
[class^="gc-"] textarea 				{ width:100%; display:block; }


/*---------------------------------------------------------------------------------------
	SHOW HIDE
---------------------------------------------------------------------------------------*/ 
/*
.vism		{ visibility:visible; position:static; left:auto; }
.hidem		{ display:none !important; }
.visd,
.vist		{ visibility:hidden; position:absolute; left:-999em; }

/*---------------------------------------------------------------------------------------
	WIDTH SIZES
---------------------------------------------------------------------------------------*/ 
/*
.w-1,				
.w-2,		
.w-3,			
.w-4,			
.w-5,
.w-6,	
.w-7,
.w-8,
.w-9,
.w-10	{ width:100% !important; }	

/*---------------------------------------------------------------------------------------
	INLINE FORMS
---------------------------------------------------------------------------------------*/ 
/*
.ihi-1,
.ihi-2	{ width:100%; }


/*---------------------------------------------------------------------------------------
	TABLE RESPOSNIVE
---------------------------------------------------------------------------------------*/ 
/*
.tbl-responsive-s, 						
.tbl-responsive-s thead, 
.tbl-responsive-s tbody, 
.tbl-responsive-s tfoot, 
.tbl-responsive-s tr,
.tbl-responsive-s th, 
.tbl-responsive-s td					{ display: block; }
	
.tbl-responsive-s thead tr				{ display:none; }

.tbl-responsive-s tbody					{ margin-bottom:1.53em; }

.tbl-responsive-s tbody tr td:before	{ display:block; content:"Label Goes Here"; margin-bottom:.23em; }	


}


@media all and (min-width:501px) and (max-width: 767px) { 


}