/* Font Face */
@font-face {
	font-family: "Zetta Serif";
	src: url("../fonts/zetta_serif-webfont.woff") format('woff');
}

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../fonts/league_gothic-webfont.eot');
	src: url('../fonts/league_gothic-webfont.eot?iefix') format('eot'),
		 url('../fonts/league_gothic-webfont.woff') format('woff'),
		 url('../fonts/league_gothic-webfont.ttf') format('truetype'),
		 url('../fonts/league_gothic-webfont.svg#webfontIQSKTUY8') format('svg');
	font-weight: normal;
	font-style: normal;
}




/***** Custom CSS ******/
body{
	/*background: url('../images/sgcargo.jpg') no-repeat center center;*/
	background: url('../images/b35.png') repeat;
	font-family: "Zetta Serif", "LeagueGothicRegular";
}

h1, h2, h3, h4, h5, p, ul, li, span, label {
	font-family: "Zetta Serif", "LeagueGothicRegular";
}

.input-title {
	
	margin-top: 15px;
	font-size: 19px;
}

.fc-header{
	margin-top: 20px;
}

.fc-header h3{
	color: #2fa1d9;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.20em;	
}

.calcbox{
	background-color: rgba(0, 0, 0, 0.82);
	border-radius: 5px;
	padding: 10px 30px;
	margin: 30px 0;
	color: white;
}

.calcbox table input {
	padding: 1px;
	text-align: center;
}

/*.loadbox{
	border-top: 1px solid #888888;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}*/



/* Calculation Result*/
.msg_notif{
	color: white;
	font-size: 16px;
}

div.resultbox {
	width: 100%;
	/*background-color: rgba(181, 181, 181, 0.32);*/
	background-color: rgba(68, 68, 68, 0.8);
	border-radius: 5px;
	padding: 20px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px;

	position: relative;
	-webkit-animation: boxappear 2s; /* Chrome, Safari, Opera */
	animation: boxappear 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes boxappear {
	0%   {width: 100%; left:0px; top:-250px;}
	100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes boxappear {
	0%   {width: 100%; left:0px; top:-250px;}
	100% {left:0px; top:0px;}
}

.result-routename{
	font-size: 35px;
	vertical-align: middle;
	color: white;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.result-headtitle{
	vertical-align: baseline;
	zoom: 1;
	font-size: 30px;
	text-transform: capitalize;
	margin-bottom: 0;
	/*color: white;*/
	font-weight: 900;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.result-title {
	font-size: 25px;
	/*vertical-align: middle;*/
	color: white;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.result-value {
	/*zoom: 1;*/
	font-size: 30px;
	/*vertical-align: middle;*/
	/*font-family: "CantarellBold", sans-serif;*/
	color: #62bbb5;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.4);
}





/* Footer */
.footerbar{
	color: #888888;
	font-size: 13px;
	padding: 10px 25px;
}

.footerbar h4{
	color: grey;
	text-transform: uppercase;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: 500;
}
.footerbar h4:before {
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	background: #4c4141;
	left: 0;
	bottom: 0;
}
.footerbar h4:after {
	content: "";
	width: 50px;
	height: 2px;
	background: #2fa1d9;
	position: absolute;
	left: 0;
	bottom: 0;
}

.footerbar a{
	text-decoration: none;
	color: #888888;
}
.footerbar a:hover{
	text-decoration: none;
	color: #2fa1d9;
}
.copyright{
	margin: 30px 0 10px 0;
	color: #888888;
}



/*Ajax Loader in Input field*/
.loading
{
	background: url('../images/loading-icon.gif') no-repeat right center;
	background-color: #fff;
}