
/* INIT */

	.test {border:1px solid red;}
	.test1 {border:1px solid green;}
	.test2 {border:1px solid yellow;}



	html {
		height:100%;
    	width:100%;
	    margin-right: 0 !important;
    	overflow: visible !important;
    	/*
    	overflow-y: scroll;
	    */
    }
	
	body {height: 100%;}
	
	h1, .h1, h2, .h2, h3, .h3 {
	  margin-top: 0px !important;
	}
	
	a {text-decoration:none !important; outline: 0;}
	
	textarea {resize:none;}

	.fa-15x, .gi-15x {font-size: 1.5em}
	.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;}

	.no-gutter > [class*='col-'] {
	    padding-right:0;
	    padding-left:0;
	}

/* Extra small devices (smartphones, min 768px) */

	.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) { 

    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
	
	.container {
	    width: 735px;
	    /* default: 750px;*/
	  }

	.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;
		/* default: 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%;
	}
		
}

 /* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.container {
		width: 1170px;
		/* default: 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%;
	}
	
}