/*
Template: Logistic Pro - Transport & Cargo & Online Tracking & Booking & Logistics Services
Author: ScriptsBundle
Version: 2.0
Designed and Development by: ScriptsBundle
*/
/*
====================================
[ CSS TABLE CONTENT ]
------------------------------------
    1.0 - General Style
    2.0 - User Registration
    3.0 - User Profile
    4.0 - Radio and Checkboxes
    5.0 - Order Tracking
    6.0 - Responsive Media Quries
-------------------------------------
[ END CSS TABLE CONTENT ]
=====================================
*/
/* =-=-=-=-=-=-= General Style  =-=-=-=-=-=-= */
html, body {
	height: 100%;
	width: 100%;
}
/* =-=-=-=-=-=-= User Registration =-=-=-=-=-=-= */ 
.registration {
	background: #fefefe none repeat scroll 0 0;
	border: 1px solid #eee;
	box-shadow: 0 0 3px #eee;
	color: #555;
	padding: 30px;
}
.box-header {
	border-bottom: 1px solid #eee;
	color: #555;
	margin-bottom: 35px;
	text-align: center;
}
.box-header h2 {
	color: #323232;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: 0;
	text-transform: capitalize;
}
.registration label {
	color: #999;
}
.registration p {
	font-size: 14px;
}
.about-title h2 {
	color: #323232;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4em;
	text-transform: uppercase;
}
.about-title-1 h2 {
	color: #323232;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 5px;
	text-transform: uppercase;
}
/* =-=-=-=-=-=-= User Profile =-=-=-=-=-=-= */ 
.profile-section {
	background: #f7f7f7 none repeat scroll 0 0;
	padding: 20px;
}
.profile-edit {
	background: #fff none repeat scroll 0 0;
	padding: 20px;
}
.profile-edit h2 {
	font-weight: 200;
}
.profile-edit dt {
	text-align: inherit;
}
.profile-edit dt strong {
	color: #232323;
	font-weight: 600;
}
.profile-edit hr {
	margin: 17px 0 15px;
}
.tab-content {
	padding: 0;
}
.profile-edit h2 {
	color: #323232;
	font-size: 18px;
	font-weight: 400;
	margin-top: 20px;
	text-transform: capitalize;
}
.profile-edit .dl-horizontal i {
	font-size: 14px;
}
.profile-edit label {
	color: #777;
}

@media (max-width: 768px) {
.profile-tabs .nav-tabs {
	border-bottom: medium none;
}
}
.nav-tabs > li > a, .nav-pills > li > a, .nav-tabs.nav-justified > li > a {
	border-radius: 0;
}
.profile-tabs .nav-tabs {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #016db6;
	border-image: none;
	border-style: none none solid;
	border-width: medium medium 2px;
}
.profile-tabs .nav-tabs a {
	font-size: 16px;
	color: #232323 !important;
	padding: 16px 15px;
}
.profile-tabs .nav-tabs > .active > a, .profile-tabs .nav-tabs > .active > a:hover, .profile-tabs .nav-tabs > .active > a:focus {
	background: #016db6 none repeat scroll 0 0;
	border: medium none;
	color: #fff !important;
}
.profile-tabs .nav-tabs > li > a {
	border: medium none;
}
.profile-tabs .nav-tabs > li > a:hover {
	background: #016db6 none repeat scroll 0 0;
	color: #fff !important;
}
.profile-tabs .tab-content img {
	margin-bottom: 15px;
	margin-top: 4px;
}
.profile-tabs .tab-content img.img-tab-space {
	margin-top: 7px;
}
.block-content {
	float: left;
	width: 100%;
}
.margin-bottom-0 {
	margin-bottom: 0 !important;
}
.table {
	margin-bottom: 18px;
	max-width: 100%;
	width: 100%;
}
.table > thead > tr > th {
	color: #232323;
	font-size: 15px;
	border-bottom: 1px solid #dbe0e4;
}
.table tr td {
	vertical-align: middle !important;
}
.contact-container > span {
	display: block;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	width: 100%;
}
.user-image img {
	top: 0;
	width: 40px;
	left: 0;
	position: absolute;
}
.label-transparent {
	border: 1px solid #232323;
	color: #232323;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	padding: 6px 15px;
}
.label-success.label-transparent {
	border: 1px solid #76ab3c;
	color: #76ab3c;
}
.label-warning.label-transparent {
	border: 1px solid #f69f00;
	color: #f69f00;
}
.label-danger.label-transparent {
	border: 1px solid #f04e51;
	color: #f04e51;
}
.label-primary.label-transparent {
	border: 1px solid #292f43;
	color: #292f43;
}
.profile {
	margin: 20px 0;
}
/* Profile sidebar */
.profile-sidebar {
	background: #fff;
}
.profile-usermenu ul li {
	border-bottom: 1px solid #f0f4f7;
}
.profile-usermenu ul li:last-child {
	border-bottom: none;
}
.profile-usermenu ul li a {
	color: #777 !important;
	font-size: 16px;
	font-weight: 400;
}
.profile-usermenu ul li a i {
	margin-right: 8px;
	font-size: 12px;
	color: #777;
}
.profile-usermenu ul li a:hover {
	background-color: #fafcfd;
	color: #5b9bd1;
}
.profile-usermenu ul li.active {
	border-bottom: none;
}
.profile-usermenu ul li.active a {
	color: #5b9bd1;
	background-color: #f6f9fb;
	border-left: 2px solid #5b9bd1;
	margin-left: -2px;
}
.btn-file {
	overflow: hidden;
	position: relative;
}
.btn-file input[type="file"] {
	background: white none repeat scroll 0 0;
	cursor: inherit;
	display: block;
	font-size: 100px;
	min-height: 100%;
	min-width: 100%;
	opacity: 0;
	outline: medium none;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
}
#img-upload {
	width: 100%;
}
.profile-sidebar .form-control {
	padding: 21px 12px;
}
/* =-=-=-=-=-=-= Radio & Checkboxes =-=-=-=-=-=-= */  
.radio {
	padding-left: 20px;
}
.radio label {
	display: inline-block;
	position: relative;
	padding-left: 5px;
}
.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 50%;
	margin-top: 5px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	transition: border 0.15s ease-in-out;
}
.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 11px;
	height: 11px;
	left: 3px;
	top: 8px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #555555;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
	opacity: 0;
}
.radio input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
	opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
	cursor: not-allowed;
}
.radio.radio-inline {
	margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
	background-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label::before {
	border-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label::after {
	background-color: #428bca;
}
.radio-danger input[type="radio"] + label::after {
	background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
	border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
	background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
	background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
	border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
	background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
	background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
	border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
	background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
	background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
	border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
	background-color: #5cb85c;
}
.checkbox {
	padding-left: 20px;
}
.checkbox label {
	display: inline-block;
	position: relative;
	padding-left: 5px;
}
.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	margin-top: 5px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 1px;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 0;
	font-size: 11px;
	color: #555555;
}
.checkbox input[type="checkbox"] {
	opacity: 0;
}
.checkbox input[type="checkbox"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
	font-family: 'FontAwesome';
	content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label {
	opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
	background-color: #eeeeee;
	cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
	border-radius: 50%;
	margin-top: 5px;
}
.checkbox.checkbox-inline {
	margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
	background-color: #428bca;
	border-color: #428bca;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.expiration-date {
	line-height: 60px;
	color: #232323;
}
/* =-=-=-=-=-=-= Order Tracking =-=-=-=-=-=-= */  
#order-tracking {
	background: #fff url("../images/delivery-boy.png") right -95px bottom 0px no-repeat;
	min-height: 495px;
}
.tracking-search {
	margin-bottom: 30px;
}
.tracking-search .dropdown.dropdown-lg .dropdown-menu form {
	padding: 25px;
}
.tracking-search .dropdown.dropdown-lg .dropdown-menu {
	margin-top: -1px;
	padding: 6px 20px;
}
.tracking-search .input-group-btn .btn-group {
	display: flex !important;
}
.tracking-search .btn-group .btn {
	border-radius: 0;
	margin-left: -1px;
}
.tracking-search .btn-group .btn:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.tracking-search .btn-group .form-horizontal .btn[type="submit"] {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.tracking-search .form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}
.tracking-search .form-group .form-control:last-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.tracking-search .btn {
	padding: 15px 25px;
}

@media screen and (min-width: 768px) {
.tracking-search #adv-search {
	width: 100%;
	margin: 0 auto;
}
.tracking-search .dropdown.dropdown-lg {
	position: static !important;
}
.tracking-search .dropdown.dropdown-lg .dropdown-menu {
	min-width: 500px;
}
}
.quote-button {
	position: fixed;
	right: 0;
	top: 40%;
	z-index: 999;
}

/* =-=-=-=-=-=-= Responsive Quries =-=-=-=-=-=-= */

@media (min-width: 768px) and (max-width: 1024px) {
.header-area .logo-bar .info-box {
	margin-left: 30px;
	padding-left: 40px;
}
.navigation-2 .navbar-default .navbar-nav > li > a {
	font-size: 13px;
	padding-left: 18px !important;
	padding-right: 18px !important;
}
.navigation-2 a.btn-primary {
	font-size: 14px;
	letter-spacing: 0;
	padding: 21px 10px;
}
.navigation .navbar-nav {
	margin-top: 0 !important;
}
.navigation .navbar-brand {
	padding: 0 !important;
}
.navigation .navbar-right {
	float: left !important;
}
.navigation .navbar-right .dropdown-menu {
	left: 0;
	right: auto;
	top: 70px;
}
.testimonial-grid {
	padding: 0;
}
.contact-email {
	display: none !important;
}
#services .owl-prev {
	left: 0;
	position: absolute;
	top: 35%;
}
#services .owl-next {
	position: absolute;
	right: 0;
	top: 35%;
}
#clients .owl-prev, #testimonials .owl-prev {
	left: 0;
	position: absolute;
	top: 35%;
}
#clients .owl-next, #testimonials .owl-next {
	position: absolute;
	right: 0;
	top: 35%;
}
.clients-grid {
	display: table !important;
	margin: 0 auto !important;
}
#clients .item {
	display: table !important;
	margin: 0 auto !important;
}
.slider-caption h1 {
	font-size: 48px;
	letter-spacing: 0;
	line-height: 35px;
	margin-bottom: 15px;
	padding-bottom: 0;
}
.slider-caption p {
	font-size: 16px;
	margin-bottom: 20px;
}
.slider-caption .btn {
	padding: 15px 25px;
}
.quote .quotation-box {
	margin-top: 0;
}
.no-extra {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.parallex-text h4 {
	font-size: 25px;
	line-height: 36px;
}
.parallex-small .btn {
	margin-top: 10px !important;
}
.our-gallery {
	margin-top: 40px;
}
.post-bottom {
	margin: 0;
}
#banner.hero-3 .form input {
	width: 65%;
}
.our-app .img-absolute {
	left: 0;
	margin: 0 auto;
	position: relative;
	right: 0;
	top: 0;
}
#order-tracking {
	background: transparent;
	background-color: #fff;
}
}

@media screen and (max-width: 600px) {
.section-padding {
	padding: 70px 0;
}
.section-padding-140 {
	padding: 140px 0;
}
.section-padding-100 {
	padding: 100px 0;
}
.section-padding-80 {
	padding: 80px 0;
}
.section-padding-70 {
	padding: 70px 0;
}
.section-padding-60 {
	padding: 60px 0;
}
.section-padding-40 {
	padding: 40px 0;
}
.padding-top-20 {
	padding-top: 20px;
}
.padding-top-30 {
	padding-top: 30px;
}
.padding-top-40 {
	padding-top: 40px;
}
.padding-top-50 {
	padding-top: 50px;
}
.padding-top-45 {
	padding-top: 45px
}
.padding-top-60 {
	padding-top: 60px;
}
.padding-top-70 {
	padding-top: 70px;
}
.padding-top-80 {
	padding-top: 80px;
}
.padding-top-100 {
	padding-top: 100px;
}
.padding-top-120 {
	padding-top: 120px;
}
.padding-top-140 {
	padding-top: 140px;
}
.padding-bottom-120 {
	padding-bottom: 120px;
}
.padding-bottom-100 {
	padding-bottom: 100px;
}
.padding-bottom-80 {
	padding-bottom: 80px;
}
.padding-bottom-60 {
	padding-bottom: 60px!important;
}
.padding-bottom-40 {
	padding-bottom: 40px!important;
}
.padding-bottom-20 {
	padding-bottom: 20px;
}
}

@media (min-width: 320px) and (max-width: 767px) {
.top-bar .left-text {
	display: none;
}
.social-icons {
	float: none !important;
	text-align: center;
}
.social-icons ul li a {
	border-top: 1px solid #EAEAEA;
	margin-left: -4px;
}
.header-area .logo-bar .info-box {
	margin-left: 3px;
	margin-bottom: 15px;
}
.header-area .logo-bar .information-content {
	margin-top: 15px;
}
.navbar-nav {
	margin: 0 !important;
}
.navbar-nav .dropdown-menu li a {
	line-height: 40px !important;
	height: 50px;
}
.navigation-2 a.btn-primary {
	float: none !important;
	display: block;
}
.navigation-2 #main-navigation .navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.navigation .navbar-toggle {
	position: absolute;
	padding: 9px 10px;
	top: 33px !important;
	margin-right: 15px;
	background-color: #ddd;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	right: 0;
}
.navigation .dropdown-menu > li > a {
	color: #000 !important;
}
.navigation .navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.slider-grids .tt-slider-small-text {
	display: none !important;
}
.slider-grids .tt-slider-subtitle {
	font-size: 18px !important;
}
.page-heading h2 {
	color: #fff;
	font-size: 24px;
}
.breadcrumbs {
	display: none;
}
.breadcrumbs-area {
	padding: 30px 0;
}
.parallex-text h4 {
	font-size: 23px;
	text-align: center;
	line-height: 36px;
}
.parallex-small .btn {
	margin-top: 10px !important;
}
.parallex-button {
	text-align: center;
}
.more-about a.btn {
	display: block;
}
.btn-lg {
	letter-spacing: 1px;
	padding: 10px 25px;
}
.choose-title h2 {
	font-size: 22px;
}
.quote .quotation-box {
	margin-top: 0;
}
.no-extra {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.our-gallery {
	margin-top: 40px;
}
.custom-button {
	display: block;
	text-align: center;
}
.news-detail > h2 {
	font-size: 22px;
}
.post-like, .post-comment, .post-share {
	display: inline-block;
	margin-left: 5px;
}
.testimonial-grid {
	padding: 0 !important;
}
.clients-grid {
	display: table !important;
	margin: 0 auto !important;
}
#clients .item {
	display: table !important;
	margin: 0 auto !important;
}
.main_title {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}
.post-bottom .tag_cloud a {
	font-size: 13px;
	padding: 0 10px;
}
.post-bottom .share-items {
	display: none;
}
.comment-info .author-desc {
	margin-left: 0;
}
.comment-list .children {
	list-style: outside none none;
	padding-left: 20px;
}
.post-bottom {
	margin: 0;
}
.transparent-header .custom-nav {
	background-color: #fff !important;
}
.transparent-header .navbar-nav li a {
	color: #323232 !important;
}
#banner.hero-3 .form input {
	margin-bottom: 5px;
	width: 100%;
}
#banner.hero-3 h2 {
	font-size: 30px;
	padding-right: 0;
}
#banner.hero-3 p {
	margin-bottom: 40px;
	padding-right: 0;
}
.our-process.process-steps li {
	width: 100%;
}
.our-process ul::before {
	border-top: medium none;
}
.our-app .img-absolute {
	left: 0;
	margin: 0 auto;
	position: relative;
	right: 0;
	top: 0;
}
#banner.hero-3 .form button {
	width: 100%;
}
#order-tracking {
	background: transparent;
	background-color: #fff;
}
}
.logisticpro-div {
	margin-bottom: 15px;
}
.logisticpro-div .panel-default {
	border-color: #ddd;
}
.logisticpro-div .panel {
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}
.logisticpro-div label {
	color: #323232;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 5px;
	max-width: 100%;
}
.logisticpro-div .form-control {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 1px;
	box-shadow: none;
	color: #555;
	font-size: 14px;
	height: auto;
	padding: 15px 12px;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
	width: 100%;
}
#order-cargo .form-group .form-control {
	padding: 18px 12px;
}