/* INIT */

	.test {border:1px solid red;}
	.test1 {border:1px solid green;}
	.test2 {border:1px solid yellow;}

	html {
		height:100%;
    	width:100%;
    	overflow-y: scroll;
	}
	
	body, .container-fluid { height: 100%; }

	h1, .h1, h2, .h2, h3, .h3 {
	  margin-top: 0px !important;
	}
	
	a {text-decoration:none; outline: 0; color: inherit;}
	a:link {text-decoration:none; outline: 0; color: inherit}
	a:visited {text-decoration:none; outline: 0; color: inherit;}
	a:hover {text-decoration:none; outline: 0; color: inherit;}
	a:active {text-decoration:none; outline: 0; color: inherit;}
	
	textarea {resize:none;}


	.gi-2x {font-size: 2em;}
	.gi-3x {font-size: 3em;}
	.gi-4x {font-size: 4em;}
	.gi-5x {font-size: 5em;}


	.pointer {cursor:pointer;}
	.upper {text-transform:uppercase;}
	.caps {text-transform:capitalize;}
	.lower {text-transform:lowercase;}

	.padding-lr {padding-left:15px !important;padding-right:15px !important;}
	.nopadding-lr {padding-left:0px !important; padding-right:0px !important;}
	.padding-tb { padding-top:15px !important; padding-bottom:15px !important; }
	.nopadding-tb { padding-top:0px !important; padding-bottom:0px !important; }
	.margin-lr { margin-left:15px !important; margin-right:15px !important; }
	.nomargin-lr { margin-left:0px !important; margin-right:0px !important; }

/* Extra small devices (smartphones, min 768px) */

	  [class*="col-"]{
	      margin-bottom: 15px;
	  }

	.nomobile {display:none;}
	.mobile {display:block;}

	.row-height {
	  display: table;
	  table-layout: fixed;
	  height: 100%;
	  width: 100%;
	}
	.col-height {
	  display: table-cell;
	  float: none;
	  height: 100%;
	}
	.col-top {
	  vertical-align: top;
	}
	.col-middle {
	  vertical-align: middle;
	}
	.col-bottom {
	  vertical-align: bottom;
	}

	.col-centered {
		float: none;
		margin: 0 auto;
	}

	.container {
	  padding-right: 15px;
	  padding-left: 15px;
	  margin-right: auto;
	  margin-left: auto;
	}

	.text-xs-left { text-align: left; }
	.text-xs-right { text-align: right; }
	.text-xs-center { text-align: center; }
	.text-xs-justify { text-align: justify; }

 /* Small devices (tablets, 768px and up) */ 
@media (min-width: 768px) { 
	
	.container {
	    width: 735px;
	  }

	.text-sm-left { text-align: left; }
	.text-sm-right { text-align: right; }
	.text-sm-center { text-align: center; }
	.text-sm-justify { text-align: justify; }

	.nomobile {display:none;}
	.mobile {display:block;}
	
	.row-sm-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-sm-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	
}

 /* Medium devices (desktops, 992px and up) */ 
@media (min-width: 992px) { 

	.container {
		width: 970px;
	}
	
	.text-md-left { text-align: left; }
	.text-md-right { text-align: right; }
	.text-md-center { text-align: center; }
	.text-md-justify { text-align: justify; }

	.nomobile {display:block;}
	.mobile {display:none;}

	.row-md-height {
	    display: table;
	    table-layout: fixed;
	    height: 100%;
	    width: 100%;
	}
	.col-md-height {
		display: table-cell;
	    float: none;
	    height: 100%;
	}

	  [class*="col-"]{
	      margin-bottom: 0px;
	  }
		
}

 /* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.container {
		width: 1170px;
	}
	
	.text-lg-left { text-align: left; }
	.text-lg-right { text-align: right; }
	.text-lg-center { text-align: center; }
	.text-lg-justify { text-align: justify; }

	.nomobile {display:block;}
	.mobile {display:none;}
	
	.row-lg-height {
	    display: table;
	    table-layout: fixed;
	    height: 100%;
	    width: 100%;
	}
	.col-lg-height {
	    display: table-cell;
	    float: none;
	    height: 100%;
	}
	
}