/*----- Scrollbar -----*/
	::-webkit-scrollbar {
		width: 5px;
		height: 8px;
	}
	::-webkit-scrollbar-thumb {
		background: rgb(9, 39, 70);
		border-radius: 4px;
		-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2); 
	}
	::-webkit-scrollbar-track-piece{
		background: rgba(41,107,174,.6);
		border-radius: 4px;
		-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1); 
	}

	/*----- Footer -----*/
	.footer
	{
		height: 140px;
		border-bottom: 1px solid #022241;
		background-color: rgb(9, 39, 70)!important;
		font-weight: lighter;
		color: white;
	}
	.lFoot a
	{
		font-weight:bold;
		color: #efe013;
		text-decoration: none;
		font-size: 9pt;
		display: block;
		padding-bottom:5px;
	}
	.hFoot
	{
		font-weight:bold;
		color: #7BA33D;
		display: block;
	}
	.tFoot, .tFoot a
	{
		color: white;
		text-decoration: none;
		display: block;
	}
	.footer > .container > .row > div
	{
		padding: 10px 0px 0px 0px;
	}
	.tFoot > i
	{
		font-weight:bold;
		color: #f77a18;
	}
	.social a i{
		color: #f77a18;
		margin-right: 5px;
		font-size:20px;
		-webkit-transition: .5s all ease;
		-moz-transition: .5s all ease;
		transition: .5s all ease;
		padding: 5px 5px 22px 0px;
	}
	.social a:hover i{
		color: #efe013;
		font-size:15px;
		margin-top:-10px;
	}
	
	/*----- XS -----*/
	@media (max-width: 575px) {
		#wrap{
			margin: 0 auto -500px;
		}		
		#push{
			height: 500px;
		}
		.footer{
			height: 600px;
		}
	}
	/*----- SM -----*/
	@media (min-width: 576px) {
		#wrap{
			margin: 0 auto -250px;
		}		
		#push{
			height: 250px;
		}
		.footer{
			height: 270px;
		}
	}
	/*----- MD -----*/
	@media (min-width: 768px) {
		#wrap{
			margin: 0 auto -245px;
		}		
		#push{
			height: 245px;
		}
		.footer{
			height: 255px;
		}
	}
	/*----- LG -----*/
	@media (min-width: 992px) {
		#wrap{
			margin: 0 auto -150px;
		}		
		#push{
			height: 150px;
		}
		.footer{
			height: 180px;
		}
	}