@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");



a { 
		color: #000;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	a:hover {
		color: #000;
	}

	a, a:hover, a:active, a:focus, button:focus {
		outline: 0;
		border: 0;
		text-decoration: none;
	}



/* 4. HEADER */

	#header{}

	#header .navbar {
		min-height: 80px;
		margin-bottom: 0;
		border-radius: 0;
	}
.navbar-right{margin-right:20px!important;}

	.st-navbar{
		background-color: #fff;
		border-bottom: 1px solid #f0f0f0;
	}

	.st-navbar ul{
		margin-top: 15px;
	}

	.st-navbar ul li a{
		text-transform: uppercase;
		font-weight: 600;
		padding: 0;
		margin: 14px;
	}

	.st-navbar ul li a:hover,
	.st-navbar ul li a:focus {
		background-color: transparent;
		color: #000;
	}

	.st-navbar .navbar-header{
		margin-top: 5px;
margin-bottom: 20px;
	}

	.st-navbar .navbar-toggle .icon-bar {
		background-color: #000;
	}

	.st-navbar .navbar-toggle{
		margin-top: 7px;
		margin-right: 25px;
		padding: 0;
		border-radius: 0;
	}






/* 15. FOOTER */

	#footer{
		
		padding-top: 20px;
		padding-bottom: 10px;
		
	}

	







.trackform {

background: #dddddd top center url('../images/bg.jpg');
    background-repeat: no-repeat;
background-size:cover;
}
.panel-primary > .panel-heading{background-color:#FAB800!important;border:1px solid #FAB800!important; }
.panel{border:1px solid #FAB800!important; }
.trackform .btn-primary{background-color: #838285;  border-color: #838285;  color: #FFFFFF;}
.trackform .panel-title{font-size:18px!important; text-align:center;}
.thbg{background:#FAB800!important;color:#ffffff;}
footer{color:#000000!important;}
.trackform .panel{box-shadow: 6px 6px 5px #888888;}

.panel-body {
    padding: 60px 60px;
}

@media screen and (max-width:767px){
body.trackform .container {
    width: 100% !important;
}
body.trackform {
   background: url(../images/bg-mobile.jpg) !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
}
	
.trackform .container div#main {
    width: 100% !important;
}
}
@media screen and (max-width:767px){
	
span.helpi2 {
    width:auto!important;
    float:none!important;
}

/*#track_data{width:71%!important;}*/
}

@media screen and (max-width:479px){
select#shipment_type {
    padding: 6px 6px;
}
.panel-body {
    padding: 60px 10px;
}
.cargo-tracking-form .input-group-addon {
   font-size:19px !important;
}

.input-group {
    width: 100%;
}
span.input-group-addon {
    width: 100%;
    float: left;
}

}