/*********************************************/
/*		  		Initial Body CSS		 	 					 */
/*********************************************/

html, body 							{	width: 100%;
											    height: 100%;
											    margin: 0px;
											    padding: 0px;
											    overflow-x: hidden; }
html 										{ font-size: 100%; } 												/* identifies generic font size for scaling */
* 											{ -webkit-border-radius: 0 !important;
    						  			  -moz-border-radius: 0 !important;
         									border-radius: 0 !important; }
@-ms-viewport						{ width: device-width; }
@viewport 							{ width: device-width; }
body 										{ font-family: 'Roboto', sans-serif; 
											    font-weight: 300;
											    color: #434343; }


/*********************************************/
/*		  		Text CSS				 	 							 */
/*********************************************/

h1 											{ text-align: left; 												/* Hero text */
													font-weight: 900;
													padding-left: 0.6em;
													border-left: thick double #ffffff;
													border-width: 0.3333em;
													position: relative;
													z-index: -1; }
h2 											{ font-weight: 900;  												/* Homepage subtitle text */
													text-align: center;
													letter-spacing: 1px;
													border-bottom: 5px double #797979;
													display: inline; }
h3 											{ font-weight: 700; 												/* Process title text */
													text-transform: uppercase;
													letter-spacing: 2px;
													text-align: center;
													/*border-bottom: 0.5px solid #797979;*/
													display: inline; }	
h4 											{ font-weight: 900;													/* Slick headers */
													letter-spacing: 0.7px; } 											
h5 											{ font-weight: 900; 
													letter-spacing: 0.5px; }									/* Text subheaders */
p, .form-control 				{ font-size: 2em; 													/* Body text */
													letter-spacing: 0.3px; }													

/*********************************************/
/*		  		Bootstrap Overloading 					 */
/*********************************************/

.navbar 								{ position: static; 
													color: #797979; }
.btn 										{ font-size: inherit;
											    color: #6793C6;
											    background: #FFF;
											    padding: 0.5em 0.7em;
											    border: 0.5px solid #6793C6;
											    letter-spacing: 1px;
											    text-transform: uppercase;
											    display: inline-block;
											    text-align: center;
											    cursor: pointer;
													-webkit-transition: color ease 0.3s;
													-moz-transition: all ease 0.3s;
													transition: all ease 0.3s; }
.btn:hover 							{ text-decoration: none;
												  color: #FFFFFF;
											    background: #6793C6; }
.btn-thin 							{ padding: 6px 12px; }
.btn-middle 						{ float: right;
													margin-right: 50%; }
.btn-lg 								{ font-size: 14px; }
.container-fluid 				{ padding: 0; }
.panel-default 					{ margin-bottom: 0; }
.table td,
.table th 							{ text-align: center; } 
.form-control 					{ border: none; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
													border-color: #6793C6;
													background-color: #6793C6; }

/*********************************************/
/*		  		Additional Div Properties				 */
/*********************************************/

.centered 							{ margin-top: 50px;
													margin-left: 20%;
													margin-bottom: 5em; }
.right-text							{ text-align: right; }
.left-text 							{ text-align: left; }
.b 											{ font-weight: 900;
													letter-spacing: 0.8px; }
.p-lg 									{ font-size:1.3em;
													letter-spacing: 0.7px; }
.form-inline 						{ padding-left: 2em; }


/*********************************************/
/*		  		Padding & Spacers								 */
/*********************************************/

.spacer 								{ padding-top: 100px;
													padding-bottom: 100px; }
.spacer-md 							{ padding-top: 50px;
													padding-bottom: 50px; }
.spacer-sm 							{ margin-top: 3em; }
.spacer-xs 							{ margin-top: 1em; }
.padding-ten 						{ padding: 10px; }
.zero-padding 					{ padding: 0; }
.padded-item 						{	padding: 15px; }
.no-margin 							{ margin: 0; }
.tbl-thin 							{ margin: 0; }

/*********************************************/
/*		  		Grid data												 */
/*********************************************/

.grid-item 							{ background-color: white;
													border: 1px solid #ddd;
													position: static;
													float: left;
													margin: 2px; }


/*********************************************/
/*		  		Media Queries		 	 							 */
/*********************************************/

@media (min-width: 320px) {																			/* Excessively small phones */
	body 									{ font-size: 80%; }
	body h1 						  { font-size: 2em;
													margin-left: 0; }
	body h3 							{ font-size: 1.3em;
													text-align: center; }
	body h2 							{ font-size: 1.5em;
													text-align: center; }
	body p, .form-control { font-size: 1em; }
	.centered	 						{ margin-left: 10%; }}
@media (min-width: 600px) {		 																	/* Medium-large phones */
	body 									{ font-size: 60.8%; }
	nav a 								{ font-size: 1em; }
  body p, .form-control	{ font-size: 1.2em; }
  body h1 							{ margin-left: 0em;
  												font-size: 4em; }
  body h2 							{ font-size: 3em; }
  body h3 							{ font-size: 2.5em; }
  body h4 							{ font-size: 2.5em; }
  body h5 							{ font-size: 1.5em; }
  .centered 						{ margin-left: 20%;
  												margin-bottom: 250px; }}
@media(max-width: 768px) {
	#slick-test 					{ padding-bottom: 20px; }}
@media (max-width: 767px) {																			/* Maximum cut-off for phones and tablets */
	body h3 							{ font-size: 2em; }}
@media (min-width: 800px) {																			/* Initial large tablet - initial monitors */
	nav a 								{ font-size: 1.5em; }
  body 									{ font-size: 50.3%; }
  body h1 							{ margin-left: 4em; }
  body h2 							{ font-size: 4em; }
	body h3							 	{ font-size: 1.5em; }
	body h4		 						{ font-size: 2.5em; }
	body h5 							{ font-size: 1.5em; }}
@media (min-width: 1024px) {																		/* Laptop */
  body 									{ font-size: 55.5%; }
  body h1 							{ font-size: 5em;
  												margin-left: 0; } 
  body h2 							{ font-size: 4.5em; }
  body h3, h4 					{ font-size: 2.5em; }}
@media (min-width: 1250px) {																		/* Small Desktop */
  body 									{ font-size: 65.8% }}
@media (min-width: 1400px) {																		/* Medium Desktop */
	nav a 								{ outline: none;
													font-size: 0.98em; }
  body 									{ font-size: 80%; }
	body p, .form-control	{ font-size: 1.0em; }}
@media (min-width: 2500px) {
	body 									{ font-size: 120%; }
	nav a 								{ margin-right: 1.5em; }
	body h4 							{ font-size: 3em; }
	body h5 							{ font-size: 1.5em; }
	.btn 									{ font-size: 1.5em; }}	

/*********************************************/
/*		  		Others 													 */
/*********************************************/

.padded-item 						{ padding-right: 1em;
													padding-left: 0.8em;
													margin-left: 0;
													margin-top: 0.5em; }
.no-padding 						{	padding-top: 0;
													padding-bottom: 0;
													margin-left: 1.9em;
													margin-bottom: 0;
													margin-right: 1em; }
.input-group-btn > .btn { padding: 6px 12px; }
#loading 								{ padding-top: 2em;
													padding-bottom: 50em;
													margin-left: 50%;
													margin-right: 50%; }
.no-margins 						{ margin: 0; }
.padded-left						{ padding-left: 15px; }
.right-align						{ padding-left: 15px;
													text-align: left; }
@media (min-width: 992px) {
	.right-border						{ border-right: 1px solid #eee; }}
.minor 									{ margin-bottom: 0; }


/*********************************************/
/*		  		SUBHEADER  											 */
/*********************************************/


.subheader 							{ background-color: #F0F0F0;
													background-image: url("../assets/bellet4.png");
													padding-top: 50px;
													padding-bottom: 50px;
													margin-bottom: 20px; 
													margin-top: -20px; }
@media (max-width: 350px) {
.title 									{ padding-left: 5px;
													padding-right: 5px; }}
@media(min-width: 0px) {
	.centerBlock 					{ text-align: center; }}
@media(min-width: 768px) {
	.centerBlock 					{ display: table;
													margin: 0 auto;
	    										text-align: left; }}


/*********************************************/
/*		  		BREADCRUMB  										 */
/*********************************************/

.breadcrumb 						{ margin-bottom: 10px; }
.page-breadcrumb 				{ background: rgba(255,255,255,0.9);
													padding: 4px 8px;
    											display: inline-block;
    											color: #323232;
    											font-size: 12px;
    											text-transform: uppercase;
    											letter-spacing: 3px;
    											border-radius: 3px;
   												-moz-border-radius: 3px;
   											  -webkit-border-radius: 3px;
    										  -o-border-radius: 3px; }
.page-breadcrumb a 			{ display: inline-block;
        									padding-top: 3px;
        									padding-left: 8px;
        									padding-right: 8px;
        									text-decoration: none; }
.page-breadcrumb span :not(.curr-item)	
												{ color: #6793C6; }
.curr-item							{ color: #999999;
													cursor: default; }

/*********************************************/
/*		  		HACKS			   										 */
/*********************************************/