body {
		font:;
	}
	
	.bg-1{
		background-color: white;
//		background-color: #f4fcff;

	}  
  
	.bg-2 {
//		background-color: #f4fcff;
		background-color: #f9f9f9;
//		background-color: #dbdbdb;
		color:;
	}  
  
	.bg-3 {
//		background-color: #f4fcff;
//		background-color: #f9f9f9;
		background-color: #dbdbdb;
		color:;
	}
  
	h2 {
		font-size: 24px;
	  
		text-transform: ;
		color: #777777;
		font-weight: 450;
		margin-bottom: 4px;
		letter-spacing: 1.5px;
	}
  
	h3 {
		letter-spacing: 1.5px;
		color: #777777;
	}
	#say-hello {
		font-size: 20px;
		font-family: Nunito ;
		font-weight: 900;
		margin: 0px 0px 0px 0px;
		letter-spacing: 4px;
	}
	
	h4 {
		font-size: 19px;
		letter-spacing: 0.5px;
//		line-height: 1.375em;
		color: #777777;
//		font-weight: ;
//		margin-bottom: 20px;
	}
	
	h5 {
		color: #777777;
		letter-spacing: 0.4px;
	}
	
	p {
		color: #777777;
		font-size: 16px;
		letter-spacing: 0.2px;
	}
	
	label {
		letter-spacing:0.4px;
	}
	
	.formquestion {
		text-align: left;
	}

	#cons, #gp, #loan {
		text-align: left;
	}
	
	.jumbotron {
//		background-color: #ffffa5;
		padding: 150px 25px 55px 25px;
	}
  
	.container-fluid {
		padding: 40px 40px;
	}
	.headspace {
		margin: 50px 0px 0px 0px; 
	}

	.logo-small {
		color: #f4511e;
		font-size: 50px;
	}
  
	.logo {
		color: #f4511e;
		font-size: 200px;
	}
  
	.thumbnail {
		padding: 0 0 15px 0;
		border: none;
		border-radius: 0;
	}
  
	.thumbnail img {
		width: 100%;
		height: 100%;
		margin-bottom: 10px;
	}
	
	.panel {
		border: 1px solid #d8d8d8; 
		border-radius: 5px !important;
		transition: box-shadow 0.5s;
		padding: 25px 25px 25px 25px !important;
//		background-color: #35517c;
//		background-color: #bad1fc;
		color:;
	}
	
	#request, #request h4, #request p {
		background-color: #D95350;
		color: #fff;
		font-size: 16px;
		letter-spacing: 0px;		
	}
	
	#response, #response h4, #response p{
		background-color: #EFAD4D;
		color: #fff;
		font-size: 16px;
		letter-spacing: 0px;
	}
	
	#contact, #contact h4, #contact p{
//		background-color: #5DB85B;
		background-color: #3373DD;
		color: #fff;
		font-size: 16px;
		letter-spacing: 0px;
	}
	
	#booked, #booked h4, #booked p{
		background-color: #5DB85B;
		color: #fff;
		font-size: 16px;
		letter-spacing: 0px;
	}
	
	#requestnumber, #responsenumber, #contactnumber, #bookednumber {
		font-size: 50px;
		text-align: center;
	}
	
	#requesttable {
//		background-color: #ffefef;
	}
	
	#responsetable {
//		background-color: #feffce;
	}
	
	#contacttable {
//		background-color: #dbffdc;
	}
	.panel:hover {
		box-shadow: 5px 0px 40px rgba(0,0,0, .2);
	}
	
	.panel-footer .btn:hover {
		border: 1px solid #f4511e;
		background-color: #fff !important;
		color: #f4511e;
	}
	
	.panel-heading {
//		color: #fff !important;
		color: white !important;
//		background-color: #f4511e !important;
		padding: 10px;
//		border-bottom: 1px solid #d8d8d8;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}	
	.panel-heading h4, .panel-heading p {
//		color: #fff !important;
//		color: white !important;
//		background-color: #f4511e !important;
		font-size: 19px;
		letter-spacing: 0px;
		padding: 10px;
		border-bottom: 0px solid #d8d8d8;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	
	.panel-footer {
		background-color: white !important;
	}
	
	.panel-footer h3 {
		font-size: 32px;
	}
	
	.panel-footer h4 {
		color: #aaa;
		font-size: 14px;
	}
	
	.panel-footer .btn {
		margin: 15px 0;
		background-color: #f4511e;
		color: #fff;
	}
	
	.well {
		background-color: inherit;
		border-radius: 25px 25px;
//		box-shadow: 2px 0px 20px rgba(0,0,0, .2);
	}	
	
	nav, .navbar {
//		background-color: #ffffa5;
		opacity: 1;
		border-style: none;
//		min-height: 302px !important;
		padding: 15px 10px 15px 10px;
		margin: 0px;
	}

	.navbar-default .navbar-toggle {
		border-color: transparent;
	}

	.navbar-collapse {
    border-top: 0px solid transparent;
	}
	
	.navbar-left {
		height: 50px;
	}
	
	#logo-desktop {
		max-height: 50px !important;
//		width: 50px !important;
	}
	#logo-mobile {
		max-height: 50px !important;
//		width: 50px !important;
	}
	
	li.menu:hover a.menu:hover {
		border-color: #37C8AB;
		border-style: solid;
		border-width: 0px 0px 2px 0px;
		margin: 0px 0px -2px 0px;
	}
	
	li.menu:active {
		background-color: white;
		border-color: #37C8AB;
		border-style: solid;
		border-width: 0px 0px 2px 0px;
		margin: 0px 0px -2px 0px;
	}
	
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    	background-color: white;
		border-color: #37C8AB;
		border-style: solid;
		border-width: 0px 0px 2px 0px;
		margin: 0px 0px -2px 0px;
}	
	
	li a, li a button {
		color: #7C6C72;
		letter-spacing: 1px;
	}
	
	li {
		color:#777777;
	}
	.menulogin {
		padding : 0px 10px 0px 0px;
	}
	
	img {
		max-height: 100%;
		max-width: 100%;
	}
  
	.getstarted {
		background-color: #ffd800;
		color: #755900;
		vertical-align: middle;	
		font-size: 14px;
		font-weight: normal;
		border-bottom: 3px solid #ffb100;
//		border-style: solid;
//		border-color: #37C8AB;
//		border-width: 2px;
		border-radius: 3px;
		padding: 14px 20px 14px 20px;
		-webkit-transition: background-color 1s ease-in;
		-webkit-transition: background-color 1s ease-out;
		-moz-transition: background-color 1s ease-out;
		-o-transition: background-color 1s ease-out;
		transition: background-color 0.2s ease-out;
	}
	
	.getstarted:hover {
		background-color: #ffc700;
		color: #000;
		vertical-align: middle;	
		font-size: 14px;
		font-weight: normal;
		padding: 14px 20px 14px 20px;
//		border-style: solid;
//		border-color: #feb600ff;
//		border-width: 2px;
		-webkit-transition: background-color 0.6s ease-in;
		-webkit-transition: background-color 0.6s ease-out;
		-moz-transition: background-color 0.6s ease-out;
		-o-transition: background-color 0.6s ease-out;
		transition: background-color 0.2s ease-out;
	}  
		
	.hello {
		background-color: #37C8AB;
		color: white;
		vertical-align: middle;	
		font-size: 14px;
		font-weight: normal;
		padding: 14px 20px 14px 20px;
//		border-style: solid;
//		border-color: #feb600ff;
//		border-width: 2px;
		border-radius: 4px;
		-webkit-transition: background-color 0.6s ease-in;
		-webkit-transition: background-color 0.6s ease-out;
		-moz-transition: background-color 0.6s ease-out;
		-o-transition: background-color 0.6s ease-out;
		transition: background-color 0.2s ease-out;
	}  
	
	.hello:hover {
		background-color: white;
		color: #777777;
		vertical-align: middle;	
		font-size: 14px;
		font-weight: normal;
		border-style: solid;
		border-color: #37C8AB;
		border-width: 2px;
		border-radius: 4px;
		margin: 0px -1px 0px -1px;
		padding: 14px 20px 12px 20px;
		-webkit-transition: background-color 1s ease-in;
		-webkit-transition: background-color 1s ease-out;
		-moz-transition: background-color 1s ease-out;
		-o-transition: background-color 1s ease-out;
		transition: background-color 0.2s ease-out;
	}
	
	 
	table {
		table-layout: auto;
//		border-radius: 0px;
//		background-color: #fcfcfc;
//		border-color: white;
	}
	
	th {
//		color: white;
		background-color: #f9f9f9;
	}
	
	textarea {
		max-width: 100%; 
	}
	
	.modal-content  {
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    border-radius: 15px;
	border-color: #0C8686;
	}
	
	
	.modal-header {
		color: white;
		background-color: #37C8AB;
//		background-color: #dbdbdb;
//		background-color: #73A5A0;
//		background-color: #a5a5a5;
//		background-color: #0C8686;
		border-radius: 15px 15px 0px 0px;
	}		
	.modal-body {
		background-color: #efefef;
//		background-color: #ededed;
//		background-color: #effffb;
	}	
	.modal-footer {
		color: white;
		background-color: #dbdbdb;
//		background-color: #ededed;
//		background-color: #effffb;
//		border-color: #0C8686;
		border-radius: 0px 0px 15px 15px;
	}	
  
	#login_form {
		padding: 15px;
	}
	
	footer {
		padding: 0px 10px;
	}
	
	footer .glyphicon {
		font-size: 20px;
		margin-bottom: 20px;
		color: #37C8AB;
	}
	
	.slideanim {visibility:hidden;}
	
	.slide {
		animation-name: slide;
		-webkit-animation-name: slide;
		animation-duration: 1s;
		-webkit-animation-duration: 1s;
		visibility: visible;
	}
	
	p a:visited {
		color: #777777 !important;
	}	
	
	a {
		color: #777777 !important;
		text-decoration: none !important;
	}
	
	a:visited button {
		color: #777777;
	}

	a:visited {
		color: #777777 !important;
		text-decoration: none !important;
	}

	a:hover {
		color: #008080;
		text-decoration: none !important;
	}
	a:active {
		text-decoration: none !important;
	}

	.highlight {
		background-color: #f9f9f9 !important;
//		background-color: #eeeeee !important;
	}
	
	.badge-success {
		background-color:#5CB85C;
		font-size: 18px;
		border-radius: %;
		vertical-align:center;
		display:inline-block;
	}	
	.badge-danger {
		background-color:#D9534F;
		font-size: 18px;
		border-radius: %;
		vertical-align:center;
		display:inline-block;
	}		
	.badge-warning {
		background-color:#EFAD4D;
		font-size: 18px;
		border-radius: %;
		vertical-align:center;
		display:inline-block;
	}			
	.badge-good {
//		background-color:#458F00;
		background-color:#6cd668;
		font-size: 18px;
		border-radius: 3px;
		vertical-align:center;
		display:inline-block;
	}			
	.badge-outstanding {
		background-color:#458F00;
		font-size: 18px;
		border-radius: 3px;
		vertical-align:center;
		display:inline-block;
	}			
	.badge-ri {
		background-color:#FF9900;
		font-size: 18px;
		border-radius: 3px;
		vertical-align:center;
		display:inline-block;
	}			
	.badge-inadequate {
		background-color:#BF1000;
		font-size: 18px;
		border-radius: 3px;
		vertical-align:center;
		display:inline-block;
	}				
	.badge-nyr {
		background-color:#EFEFEF;
		font-size: 18px;
		border-radius: 3px;
		vertical-align:center;
		display:inline-block;
	}	
	
	
	#identifytag {
		display: none;
	}

	.modal {
		overflow-y: auto;
	}

	.modal-open {
		overflow: none;
	}
	
	#about p{
		font-size:14px;
	}
	
	@keyframes slide {
		0% {
		  opacity: 0;
		  transform: translateY(70%);
		} 
		100% {
		  opacity: 1;
		  transform: translateY(0%);
		}
	}
	
	@-webkit-keyframes slide {
		0% {
		  opacity: 0;
		  -webkit-transform: translateY(70%);
		} 
		100% {
		  opacity: 1;
		  -webkit-transform: translateY(0%);
		}
	}
	
	@media screen and (max-width: 768px) {
		
		.container-fluid {
			padding: 40px 60px;
		}
		.col-sm-4 {
		  text-align: center;
		  margin: 25px 0;
		}
		.btn {
			width: 100%;
			margin-bottom: 5px;
		}
		body {
			padding: 0px 5px;
		}
		.navbar-header {
		padding: 0px 0px 0px 15px;
		}
		.main-container {
			padding: 0px 10px 0px 10px;
			margin: 0px 0px 0px 0px;
		}
		.navbar-left {
			height: 50px;
		}
		#logo-mobile {
			height: 50px;
			width: 50px;
		}		
	}
	
	@media screen and (max-width: 480px) {
		.container-fluid {
			padding: 30px 10px;
		}
		.logo {
			font-size: 150px;
		}
		body {
			padding: 0px 5px;
		}
		.navbar-header {
			padding: 0px 0px 0px 15px;
		}
		.main-container {
			padding: 0px 10px 0px 10px;
			margin: 0px 0px 0px 0px;
		}
		.btn {
			width: 100%;
			margin-bottom: 5px;
		}	
		.header-image {
//			background-image: url('img/TConnectLogosm.png');
		}
		.navbar-left {
//		height: 50px;

		}
		#logo-mobile {
			height: 50px;
			width: 50px;
		}
	}