@charset "utf-8";
/* CSS Document */
a:hover{
	text-decoration: none;
}
#custom-nav {
	margin: 0px auto;
	-webkit-box-shadow: 0px 1px 5px #AAAAAA;
	-moz-box-shadow:    0px 1px 5px #AAAAAA;
	box-shadow:         0px 1px 5px #AAAAAA;
	z-index:999;
}
body{
	margin: 0px;
	font-family: "微軟正黑體", "sans-serif";
}
body .container{
	margin: 0px auto;
	width: 100%;
	max-width: 1000px;
}
.font-6{
	font-size: 0.6em;
}
.font-8{
	font-size: 0.8em;
}
.navbar-nav .nav-link{
	padding-right: .1rem!important;
	padding-left: .1rem!important;
}
.dropdown-item{
	padding: 2rem 2.5rem;
	font-size: 1em;
}
.dropdown-menu{
	border: none;
	width: 100px;
}
.dropdown-menu a{
	margin-left: -20px;
	font-size: 0.8em;
	line-height: 2em;
}
.site-header.activeScroll .dropdown-menu a.dropdown-item{
	margin-left: -20px;
	font-size: 0.8em;
	line-height: 2em;
	
} 
.dropdown-menu a.dropdown-item:hover{
	margin-left: -20px;
	color: #C8C8C8;
	background-color: transparent;
	border-bottom: none;
}
.site-header.activeScroll .dropdown-menu a.dropdown-item:hover {
  	margin-left: -20px;
	color: #C8C8C8;
	background-color: transparent;
	border-bottom: none;
	margin-top: -10px;
}
.line{
	height: 0.5px;
	width: 100%;
	display: block;
	background-color: rgba(89,89,89,1.00);
	margin: 15px 0px;
}
@media screen and (max-width: 724px){
	body{
		overflow-x: hidden;
	}
	.row{
		padding: 0px!important;
	}
	.menu ul li{
		list-style: none;
		width: auto;
		text-align: right;
	}
	.menu ul li a{
		font-size: 0.9em;
    	color: #1E3255;
		margin-right: 10px;
	}
	.menu{
		text-align: right;
	}
	
	.logo{
		text-align: left;
		width: 200px;
	}
	.logo img{
		width: 100%;
	}
	.login{
		text-align: right;
		position: relative;
		margin-top: 55px;
	}
	.login i{
		color: #1E3255;
		z-index: -1;
	}
	.login i:hover{
		cursor: pointer;
	}
	.login a{
		color: #1E3255;
		padding: 0px 0px 0px 10px;
		margin-right: -50px;
	}
	.login a:hover{
		cursor: pointer;
		text-decoration: none;
	}
	.header_photo .owl-carousel .item img{
		overflow: hidden;
		width: 100%;
		text-align: center;
		margin: 0px auto;
	}
	
	.fa {
	  padding: 5px;
	  width: 25px;
	  text-align: center;
	  text-decoration: none;
	  margin: 2px 2px;
	}
	.fa:hover {
		opacity: 0.7;
	}
	.header{
		margin:10px 10px 0px;
	}
	.header_photo .btn-clear{
		margin-bottom: 10px;
		padding: 10px 20px;
		font-size: 18px;
	}
	.btn-clear{
		background-color: #1E3255;
		color: #FFFFFF;
		margin: 10px 0px;
	}
	.navbar-toggler{
		background-image: url("../img/menu_1.svg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		padding: 5px!important;
		float: right;
		margin: 20px 10px;
		z-index: 999;
	}
	
	.feature-text p{
		color: #1E3255;
		font-size: 15px;
		text-align: center!important;
	}
	.features{
		text-align: center;
	}
	.feature-text{
		width: 80%;
		margin: 0px auto;
	}
	.feature-text p strong{
		font-weight: 800;
		font-size: 20px;
	}
	
	.whyajh{
		padding: 50px 0px ;
	}
	.container .title h3{
		text-align: center;
		font-weight: 700;
		font-size: 2em;
		color: #1E3255;
		margin-bottom: 30px;
	}
	.container .title h5 {
		color: #1E3255;
		margin: 20px 0px 50px;
		text-align: center;
	}
	.how-works {
		background-color: rgba(235,235,235,0.30);
		padding: 50px 0px;
	}
	.works {
	}
	.steps {
		width: 60%;
		background-color: #FFFFFF;
		border-radius: 10px;
	}
	
	.photo-container img{
		width: 100%;
	}
	.photo-container{
		background-image: url(../img/header_photo.png);
		background-size: cover;
		height: auto;
	}
	.header_photo .btn-clear {
		padding: 5px 10px;
		font-size: 15px;
	}
	.header_photo {
		margin-top: 16px;
		position: relative;
		text-align: center;
		min-height: auto;
		background-color: transparent;
	}
	
	.footer{
		background-color: #1E3255;
		/*margin-top: 20px;*/
		min-height: 300px;
		color: #FFFFFF;
	}
	.footer .container{
		padding: 20px;
	}
	.footer .container p{
		text-align: center;
	}
	.footer .bottom_logo{
		width: 150px;
	}
	.footer p{
		font-size: 0.8em;
		line-height: 1em;
		cursor: pointer;
	}
	.footer ul li{
		list-style:none;
		text-decoration: none;
		font-size: 0.7em;
		text-align: center;
	}
	.footer ul li a{
		color: #FFFFFF!important;
		line-height: 1.2em!important;
	}
	.footer ul li a:hover{
		color: #C8C8C8!important;
		text-decoration: none;
	}
	.footer .container a.fa-facebook{
	}
	.footer a{
		font-weight: 900;
		line-height: 3em;
		text-decoration: none;
		color: #FFFFFF;
	}
	.footer table{
		margin: 0px auto;
		width: 50%;
	}
	.footer table tr td{
		text-align: center;
		vertical-align: top;
	}
	.footer table tr td a{
		line-height: 1.2em!important;
	}
	.footer a:hover{
		font-weight: 900;
		cursor: pointer;
		text-decoration: none;
		color: #C8C8C8!important;
	}
	.footer h5{
		font-size: 0.6em;
	}
	.footer .ul-about{
		margin-left: -35px;
	}
	.footer .ul-service{
		margin-left: -32px;
	}
	.fa {
	  padding: 5px;
	  width: 25px;
	  text-align: center;
	  text-decoration: none;
	  margin: 2px 2px;
	}
	.fa:hover {
		opacity: 0.7;
	}

	.fa-facebook {
	  background: #3B5998;
	  color: white;
	}
	.fa-facebook:hover {
	  background: #3B5998;
	  color: white;
	}
	.fa-white{
		color: #FFFFFF;
	}
	#map{
		width:260px;
		height:380px;
		background:yellow
	}
	
	.btn-clear{
		background-color: #1E3255;
		color: #FFFFFF;
		margin: 10px 0px;
	}
	.navbar-toggler{
		display: block;
	}
	
	.feature-text p{
		color: #1E3255;
		font-size: 20px;
		text-align: center!important;
	}
	.features{
		text-align: center;
	}
	.feature-text{
		width: 80%;
		margin: 0px auto;
	}
	.feature-text p strong{
		font-weight: 800;
		font-size: 25px;
	}
	.whyajh{
		padding: 20px 0px ;
	}
	.container .title h3{
		text-align: center;
		font-weight: 700;
		font-size: 2em;
		color: #1E3255;
		margin-bottom: 30px;
	}
	.container .title h5 {
		color: #1E3255;
		margin: 20px 0px 50px;
		text-align: center;
	}
	.how-works {
		background-color: rgba(235,235,235,0.30);
		padding: 50px 0px;
	}
	.works {
	}
	.steps {
		width: 90%;
		background-color: #FFFFFF;
		border-radius: 10px;
	}
	.step-even {
		float: right;
	}
	.step-odd {
		float: left;
	}
	.step-text {
		margin-top: 70px;
		text-align: left;
		float: left;
	}
	.photo-container img{
		width: 100%;
	}
	.price{
		margin-bottom: 20px;
	}
	.price .price-title{
		background-color: #1E3255;
		color: #FFFFFF;
		padding: 10px;
	}
	.price .price-title h2{
		text-align: right;
		margin-right: 10px;
		font-weight: 800;
		font-size: 2.3em;
	}
	.bond-title{
		background-color: #1E3255;
		color: #FFFFFF;
		padding: 10px;
		margin: 50px 0px 0px;
	}
	.bond-title h3{
		text-align: left;
		margin-right: 10px;
		font-weight: 800;
		font-size: 1.5em;
	}
	.bond-content{
		padding: 10px;
		border: 1px #CFCFCF solid;
	}
	.price-text{
		border-left: rgba(194,194,194,1.00)  0.5px solid;
		border-right: rgba(194,194,194,1.00)  0.5px solid;
		padding: 0px 15px;
		text-align: left!important;
	}
	.price-text h5{
		margin: 20px 0px 0px;
		font-size: .8em;
		color: rgba(73,73,73,1.00);
		/*padding-bottom: 10px;
		border-bottom: rgba(194,194,194,1.00)  0.5px solid;*/
	}
	.photo img{
		width: 100%;
	}
	.service-title h2{
		font-weight: 600;
	}
	.service-content p{
		line-height: 1.8em;
	}
	.service-content ul li{
		margin: 10px 0px 0px;
	}
	.owl-stage .active{
		background-color: transparent!important;
	}
	.header{
		margin:10px 20px 0px;
	}
	.block-group{
		width: 100%;
	}
	.block{
		width: 100%;
		padding: 5px;
		float: left;
	}
	.block-title{
		padding: 10px;
		height: 80px;
	}
	.block-title h4{
		font-size: 1em;
		display: inline-grid;
		align-items: center;
		margin-bottom: 0px;
	}
	.block-text{
		border-left: rgba(194,194,194,1.00)  0.5px solid;
		border-right: rgba(194,194,194,1.00)  0.5px solid;
		padding: 0px 10px;
	}
	.block-text h5{
		margin: 20px 0px 0px;
		font-size: .8em;
		font-weight: 700;
		color: rgba(73,73,73,1.00);
		/*padding-bottom: 10px;
		border-bottom: rgba(194,194,194,1.00)  0.5px solid;*/
	}
	#block-ocean .block-title{
		cursor: pointer;
		border: rgba(34,91,179,1.00) 0.5px solid;
		color: #555555;
		display: grid;
	}
	#block-air .block-title{
		cursor: pointer;
		border:rgba(255,126,0,1.00) 0.5px solid;
		color: #555555;
		display: grid;
	}
	#block-truck .block-title{
		cursor: pointer;
		border:rgba(0,123,29,1.00) 0.5px solid;
		color: #555555;
		display: grid;
	}
	#block-ajh .block-title{
		cursor: pointer;
		border:rgba(195,0,0,1.00) 0.5px solid;
		color: #555555;
		display: grid;
	}
	#block-warehouse .block-title{
		cursor: pointer;
		border:rgba(55,55,55,1.00) 0.5px solid;
		color: #555555;
		display: grid;
	}
	#block-ocean .block-title:hover{
		cursor: pointer;
		border: rgba(34,91,179,0.80) 0.5px solid;
		color: #555555;
	}
	#block-air .block-title:hover{
		cursor: pointer;
		border:rgba(255,126,0,0.80) 0.5px solid;
		color: #555555;
	}
	#block-truck .block-title:hover{
		cursor: pointer;
		border:rgba(0,123,29,0.80) 0.5px solid;
		color: #555555;
	}
	#block-ajh .block-title:hover{
		cursor: pointer;
		border:rgba(195,0,0,0.80) 0.5px solid;
		color: #555555;
	}
	#block-warehouse .block-title:hover{
		cursor: pointer;
		border:rgba(55,55,55,0.80) 0.5px solid;
		color: #555555;
	}
	table.step4{
		text-align: left;
	}
	table.step4 tr td{
		padding: 10px 20px;
		position: relative;
	}
	table.step4 tr td input.check{
		position: absolute;
		top: 10px;
		width: 15px;
		height: 15px;
	}
	table.step4 tr td h3{
		font-size: 1.2em;
		font-weight: 800;
	}
	.accordion-title{
		background-color: #1E3255;
		color: #FFFFFF;
		padding: 15px;
	}
	.accordion-title input{
		
		padding: 5px;
	}
	.accordion-title h3{
		padding: 5px;
		
	}
	.accordion-title h5{
		text-align: left;
		padding: 0px 5px;
	}
	.accordion-content{
		border: 0.5px solid #1E3255;
		padding: 15px 10px;
	}
	.accordion-content table input{
		width: 20px;
		height: 20px;
		margin: 10px;
	}
	.accordion-content h4{
		font-size: 1em;
		text-align: left;
		margin: 15px 0px!important;
	}
	.accordion-content h3{
		text-align: left;
		font-size: 1.1em;
		line-height: 1.5em;
	}
	.accordion-content h2{
		font-weight: 700;
		text-align: left;
		font-size: 1.5em;
		line-height: 1.3em!important;
	}
	.accordion-content h5{
		text-align: left;
	}
	.second-title h5{
		text-align: left;
		line-height: 1.5em;
	}
	.inhouse-logistic .title h3{
		text-align: left;
		font-size: 1.3em!important;
	}
	.second-title{
		margin: 20px 0px;
		/*padding-bottom: 10px;
		border-bottom: 1px solid rgba(153,153,153,1.00);*/
	}
	.second-title h6{
		font-weight: 700;
		font-size: 1.1em;
	}
	#ACCOUNT{
		text-align: left;
		margin: 10px 0px 0px;
		padding: 30px 0px;
		background-color:rgba(235,235,235,0.30);
	}
	#ACCOUNT .container{
		padding: 10px;
		border-radius: 10px;
	}
	#ACCOUNT h6{
		text-align: left!important;
	}
	#ACCOUNT h5{
		font-size: 1em;
	}
	#ACCOUNT h4{
		margin: 50px 0px;
	}
	.btn-account{
		width: 80%;
		height: 120px;
		margin: 10px!important;
		padding: 50px 0px;
		border: 1px solid rgba(169,169,169,1.00);
		border-radius: 10px;
		position: relative;
	}
	.btn-account input{
		position: absolute;
		left: 20px;
		top: 35px;
		width: 50px;
		height: 50px;
	}
	.btn-account h3{
		
		position: absolute;
		left: 90px;
		top: 20px;
	}
	.btn-account h5{
		text-align: left;
		width: 320px;
		position: absolute;
		left: 90px;
		top: 60px;
	}
	.account-title h3{
		font-weight: 700;
		margin: 30px 0px;
		font-size: 2.3em;
	}
	.account-title h4{
		margin: 0px 0px 20px!important;
	}
	.account-title p{
		text-align: center!important;
	}
	.member-login{
		margin: 50px 0px;
	}
	.member-login p{
		text-align: right;
	}
	.btn-tab{
		margin: 50px 0px;
	}
	.btn-ocean{
		border: 1px solid rgba(27,70,171,0.30);
		background-color: rgba(49,101,222,0.60);
		color: #FFFFFF;
	}
	.btn-air{
		border: 1px solid rgba(255,118,0,0.30);
		background-color: rgba(255,118,0,0.60);
		color: #FFFFFF;
	}
	.btn-truck{
		border: 1px solid rgba(28,153,46,0.30);
		background-color: rgba(28,153,46,0.60);
		color: #FFFFFF;
	}
	#LOGIN{
		margin: 100px 0px 50px;
		text-align: center;
	}
	#LOGIN p{
		text-align: center!important;
	}
	#LOGIN button{
		text-align: center!important;
		margin: 0px auto;
	}
	#LOGIN h4{
		margin: 50px 0px;
	}
	.title{
		text-align: center;
	}
	.contact{
		background-color:rgba(235,235,235,0.30);
		padding: 50px 0px;
	}
	.btn-clear{
		background-color: #1E3255;
		color: #FFFFFF;
		margin: 10px 0px;
	}
	.how-works{
		background-color:rgba(235,235,235,0.30);
		padding: 50px 0px;
	}
	

	.about{
		padding: 100px 0px 50px;
	}
	.about .title{
		text-align: left;
	}
	.about .title h2{
		font-weight: 600;
	}
	.about .title p{
		line-height: 1.8em;
	}
	.steps h4{
		margin-left: 110px;
		margin-top: 20px;
		margin-bottom: 30px;
		line-height: 1.5em;
	}
	.logo{
		text-align: left;
		width: 200px;
	}
	.logo img{
		width: 100%;
	}
	.login{
		text-align: right;
		position: relative;
	}
	.login i{
		color: #1E3255;
	}
	.login i:hover{
		cursor: pointer;
	}
	.login a{
		color: #1E3255;
		padding: 0px 0px 0px 10px;
	}
	.login a:hover{
		cursor: pointer;
		text-decoration: none;
	}
	
	.features{
		margin: 30px 0px;
	}
	.show-mobile{
		display: none;
	}
	.show-pc{
		display: block;
	}
	.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
		color: #FFFFFF!important;
		background-color:#1E3255!important;
	}
	.resources .resources-tittle{
		background-color: #f5f5f5; 
		padding: 35px; 
		padding-top: 50px; 
		border-radius: 5px;
		color: #1E3255;
		width: 100%;
		margin-top: 0px!important;
	}
	.resources .active{
		background-color: #FFFFFF;
		color: #1E3255;
	}
	.resources{
		margin: 20px 0px;
		text-align: left!important;
	}
	.resources a{
		text-align: left!important;
		color: #1E3255!important;
	}
	.works .active{
		background-color: transparent;
		color: #1E3255;
	}
	.accordion {
		color: #1E3255;
		border: 1px solid #1E3255!important;
		background-color: transparent;
		cursor: pointer;
		padding: 18px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 15px;
		transition: 0.4s;
		margin: 10px 0px;
	}

	.active ,.accordion:hover {
		background-color: #1E3255;
		color: #FFFFFF;
	}

	.accordion:after {
		content: '\002B';
		color: #9A9A9A;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}
	.accordion:after:hover{
		color: #FFFFFF;
	}
	.faq.active:after {
		content: "\2212";
		color: #FFFFFF;
	}

	.panel {
		padding: 0 18px;
		background-color: white;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}
	.faq-tittle h3{
		font-weight: 800;
		
	}
	.faq-tittle{
		text-align: left;
		margin: 20px 10px;
	}
	.p-content{
		font-size: 15px;
		font-weight: 400;
		line-height: 1.7;
		color: #707070;
	}
	.step-icon{
		position: absolute;
		width: 60px;
		left: 70px;
		top: 20px;
	}
	.step-icon img{
		width: 100%;
	}
	.stepNumber {
		font-size: 270px;
		left: -65px;
		top: -138px;
		color: #1E3255;
		opacity: 0.27;
		font-family: verdana;
		font-weight: bold;
		position: absolute;
	}
	p.info {
		font-weight: 900;
		color: #1E3255;
		font-size: 12px;
		line-height: 1.5;
		margin-top: -0.3em;
	}
	.nav-tabs{
		border: none;
	}
	.works{
	}
	.works ul li{
		float: left;
		padding: 0px;
	}
	.works .nav .nav-item a{
		color: #555555;
	}
	.tab-content{
		text-align: left;
	}
	.tab-content div{
		margin: 30px 0px;
	}
	.tab-tittle{
		text-align: center;
		margin: 20px;
		padding: 10px;
		background-color: #1E3255;
	}
	.tab-tittle h4{
		font-size: 1.5em;
		color: #FFFFFF;
	}
	.header_title img{
		width: 100%;
		height: auto;
		overflow: hidden;
		opacity: .5;
	}
	.header_title{
		width: 100%;
		position: relative;
		height: 300px;
		overflow: hidden;
	}
	.header_title h2{
		z-index: 998;
		position: absolute;
		bottom: 20px;
		left: 20px;
		margin-bottom: 0px;
      	color: #1E3255;
		opacity: 1;
		font-weight: 800!important;
    	font-size: 45px!important;
    	line-height: 60px;
	}
	button.btn-link i{
		float: right;
	}
	button.btn-link{
		width: 100%;
		text-align: left;
		white-space: normal!important;
	}
	.navbar{
		padding: .2rem .5rem;
	}
	.card-header{
		background-color: #1E3255;
		color: #FFFFFF!important;
		text-decoration: none!important;
	}
	.btn-link{
		color: #FFFFFF!important;
		text-decoration: none!important;
		
	}
	#SERVICES .accordion{
		margin: 10px 0px;
		text-align: left;
		border: none!important;
	}
	#SERVICES .accordion:hover{
		background-color: #FFFFFF;
		color: #1E3255;
	}
	#SERVICES ul li{
		text-align: left;
		margin: ;
	}
	.body{
		width: 100%;
		margin: 0px auto;
		padding: 0px;
		background-color: rgba(255,255,255,1.00);
		overflow-x: hidden;
	}
	.container p{
		text-align: left;
	}
	.container{
		margin: 0px auto;
		text-align: center;
	}
	.container h1{
		text-align: left;
		font-weight: 1000;
		line-height: 3em;
	}
	.container h2{
		text-align: left;
		font-size: 1.5em;
	}
	.container a{
		text-align: center;
	}
	/*
	 * Custom translucent site header
	 */
	.btn_Login{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #1E3255;
		background-color: #FFFFFF;
		color: #1E3255;
		border-radius: 8px;
		margin-right: 10px;
	}
	.btn_Login:hover{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #FFFFFF;
		border-radius: 8px;
		background-color: rgba(30,50,85,1.00);
		color: #FFFFFF;
		cursor: pointer;
		margin-right: 10px;
	}
	.btn_Rigister{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #FFFFFF;
		border-radius: 8px;
		background-color: #1E3255;
		color: #FFFFFF;
		margin-right: 10px;
	}
	.btn_Rigister:hover{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #1E3255;
		background-color: #FFFFFF;
		color: #1E3255;
		border-radius: 8px;
		cursor: pointer;
		margin-right: 10px;
	}
	
	.service{
		text-align: center;
		margin: 0px auto;
	}
	.service p{
		text-align: center;
		font-size: 0.9em;
		margin: 20px 0px;
	}
	.service img{
		width: 100%;
	}
	.form p{
		text-align: center;
		font-size: 0.9em;
		margin: 20px 0px;
	}
	.container button.btn_login{
		margin: 0px auto;
		text-align: center;
	}
	.btn_login{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #1E3255;
		border: none;
		padding: 5px 15px;
	}
	.btn_login:hover{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #305088;
		border: none;
		padding: 5px 15px;
		cursor: pointer;
	}
	.btn_submit{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #1E3255;
		border: none;
		padding: 5px 15px;
	}
	.btn_submit:hover{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #305088;
		border: none;
		padding: 5px 15px;
		cursor: pointer;
	}
	.card-header .btn-link:after {
		/* symbol for "opening" panels */
		font-family: 'FontAwesome';  /* essential for enabling glyphicon */
		content: "\f106";    /* adjust as needed, taken from bootstrap.css */
		float: right;        /* adjust as needed */
		color: #FFFFFF;         /* adjust as needed */
		font-size: 1em;
	}
	.card-header .btn-link.collapsed:after {
		/* symbol for "collapsed" panels */
		content: "\f107";    /* adjust as needed, taken from bootstrap.css */
	}
	
	#CreateNT .container{
		text-align: left!important;
	}
	.guideline h3{
		text-align: left;
		font-size: 1.1em!important;
		font-weight: 600;
		color: #1E3255;
	}
	.guideline{
		margin: 0px auto;
	}
	.guideline p{
		font-size: 1em;
		line-height: 1.5em;
		margin-bottom: 0px;
	}
	.guideline ul li p{
		line-height: 1em;
		margin-bottom: 0px;
	}
	.service-content{
	}
	.service-content p{
		margin: 10px 0px;
	}
	.service-content h3{
		font-size: 1.6em;
		text-align: left;
		font-weight: 600;
		margin-bottom: 20px;
		color: #1E3255;
	}
	.service-block{
		padding: 20px 0px;
	}
	.btn-started{
		background-color: #B50003;
		padding: 15px 25px;
		color: #FFFFFF;
		font-weight: 700;
		
	}
	.service-block .btn-started{
		float: left;
		margin: 30px 0px 50px;
	}
}
@media screen and (min-width: 724px) and (max-width: 768px){
	.menu ul li{
		float: left;
		list-style: none;
		padding: 2px 0px 2px 13px;
	}
	.menu ul li a{
		font-size: 1em;
    	color: #1E3255;
	}
	.menu .collapse{
		display: block;
	}
	.menu{
		position: relative;
		display: block!important;
	}
	.menu ul{
		position: absolute;
		right: 0px;
		display: block;
	}
	.menu ul li a:hover{
		text-decoration: none;
		color: #2C497D;
	}
	.logo{
		text-align: left;
		width: 200px;
	}
	.logo img{
		width: 100%;
	}
	.login{
		text-align: right;
		position: relative;
	}
	.login i{
		color: #1E3255;
	}
	.login i:hover{
		cursor: pointer;
	}
	.login a{
		color: #1E3255;
		padding: 0px 0px 0px 10px;
	}
	.login a:hover{
		cursor: pointer;
		text-decoration: none;
	}
	.header{
		margin:10px 10px 0px;
	}
	
	.header_photo .btn-clear{
		margin-bottom: 10px;
		padding: 10px 20px;
		font-size: 18px;
	}
	
	.btn-clear{
		background-color: #1E3255;
		color: #FFFFFF;
		margin: 10px 0px;
	}
	.navbar-toggler{
		display: none;
	}
	
	.feature-text p{
		color: #1E3255;
		font-size: 20px;
		text-align: center!important;
	}
	.features{
		text-align: center;
	}
	.feature-text{
		width: 80%;
		margin: 0px auto;
	}
	.feature-text p strong{
		font-weight: 800;
		font-size: 25px;
	}
	.whyajh{
		padding: 50px 0px ;
	}
	.container .title h3{
		text-align: center;
		font-weight: 700;
		font-size: 2em;
		color: #1E3255;
		margin-bottom: 30px;
	}
	.container .title h5 {
		color: #1E3255;
		margin: 20px 0px 50px;
		text-align: center;
	}
	.how-works {
		background-color: rgba(235,235,235,0.30);
		padding: 50px 0px;
	}
	.works {
		margin: 30px;
		padding: 10px 20px;
	}
	.steps {
		width: 60%;
		background-color: #FFFFFF;
		border-radius: 10px;
	}
	.step-even {
		float: right;
	}
	.step-odd {
		float: left;
	}
	.step-text {
		margin-top: 70px;
		text-align: left;
	}
	.photo-container img{
		width: 100%;
	}
	.photo-container{
		background-image: url(../img/header_photo.png);
		background-size: cover;
		height: 400px;
	}
	.header_photo .btn-clear {
		position: absolute;
		left: 45%;
		padding: 10px 20px;
		font-size: 18px;
		bottom: 10px;
	}
	.header_photo {
		margin-top: 16px;
		position: relative;
		text-align: center;
		background-color: transparent;
	}
	.price .price-title{
		background-color: #1E3255;
		color: #FFFFFF;
		padding: 10px;
	}
	.price .price-title h2{
		text-align: right;
		margin-right: 10px;
		font-weight: 800;
		font-size: 2.3em;
	}
	.bond-title{
		background-color: #1E3255;
		color: #FFFFFF;
		padding: 10px;
		margin: 50px 0px 0px;
	}
	.bond-title h3{
		text-align: left;
		margin-right: 10px;
		font-weight: 800;
		font-size: 1.5em;
	}
	.bond-content{
		padding: 10px;
		border: 1px #CFCFCF solid;
	}
	.price-text{
		border-left: rgba(194,194,194,1.00)  0.5px solid;
		border-right: rgba(194,194,194,1.00)  0.5px solid;
		padding: 0px 15px;
		text-align: left!important;
	}
	.price-text h5{
		margin: 20px 0px 0px;
		font-size: .8em;
		color: rgba(73,73,73,1.00);
		/*padding-bottom: 10px;
		border-bottom: rgba(194,194,194,1.00)  0.5px solid;*/
	}
	.photo img{
		width: 100%;
	}
	.service-title h2{
		font-weight: 600;
	}
	.service-content p{
		line-height: 1.8em;
	}
	.service-content ul li{
		margin: 10px 0px 0px;
	}
	.navbar-toggler{
		display: none;
	}
	.owl-stage .active{
		background-color: transparent!important;
	}
	.header{
		margin:10px 20px 0px;
	}
	.block-group{
		width: 100%;
	}
	.block{
		width: 20%;
		padding: 10px;
		float: left;
	}
	.block-title{
		padding: 10px;
		height: 68px;
	}
	.block-title h4{
		font-size: 1.3em;
		display: inline-grid;
		align-items: center;
		margin-bottom: 0px;
	}
	.block-text{
		border-left: rgba(194,194,194,1.00)  0.5px solid;
		border-right: rgba(194,194,194,1.00)  0.5px solid;
		padding: 0px 10px;
	}
	.block-text h5{
		margin: 20px 0px 0px;
		font-size: .8em;
		font-weight: 700;
		color: rgba(73,73,73,1.00);
		/*padding-bottom: 10px;
		border-bottom: rgba(194,194,194,1.00)  0.5px solid;*/
	}
	#block-ocean .block-title{
		cursor: pointer;
		border: rgba(34,91,179,1.00) 0.5px solid;
		color: #555555;
	}
	#block-air .block-title{
		cursor: pointer;
		border:rgba(255,126,0,1.00) 0.5px solid;
		color: #555555;
	}
	#block-truck .block-title{
		cursor: pointer;
		border:rgba(0,123,29,1.00) 0.5px solid;
		color: #555555;
	}
	#block-ajh .block-title{
		cursor: pointer;
		border:rgba(195,0,0,1.00) 0.5px solid;
		color: #555555;
		display: grid;
	}
	#block-warehouse .block-title{
		cursor: pointer;
		border:rgba(55,55,55,1.00) 0.5px solid;
		color: #555555;
	}
	#block-ocean .block-title:hover{
		cursor: pointer;
		border: rgba(34,91,179,0.80) 0.5px solid;
		color: #555555;
	}
	#block-air .block-title:hover{
		cursor: pointer;
		border:rgba(255,126,0,0.80) 0.5px solid;
		color: #555555;
	}
	#block-truck .block-title:hover{
		cursor: pointer;
		border:rgba(0,123,29,0.80) 0.5px solid;
		color: #555555;
	}
	#block-ajh .block-title:hover{
		cursor: pointer;
		border:rgba(195,0,0,0.80) 0.5px solid;
		color: #555555;
	}
	#block-warehouse .block-title:hover{
		cursor: pointer;
		border:rgba(55,55,55,0.80) 0.5px solid;
		color: #555555;
	}
	table.step4{
		text-align: left;
	}
	table.step4 tr td{
		padding: 10px 20px;
		position: relative;
	}
	table.step4 tr td input.check{
		position: absolute;
		top: 10px;
		width: 15px;
		height: 15px;
	}
	table.step4 tr td h3{
		font-size: 1.2em;
		font-weight: 800;
	}
	.accordion-title{
		background-color: #1E3255;
		color: #FFFFFF;
		padding: 15px;
	}
	.accordion-title input{
		
		padding: 5px;
	}
	.accordion-title h3{
		padding: 5px;
		
	}
	.accordion-title h5{
		text-align: left;
		padding: 0px 5px;
	}
	.accordion-content{
		border: 0.5px solid #1E3255;
		padding: 15px 10px;
	}
	.accordion-content table input{
		width: 20px;
		height: 20px;
		margin: 10px;
	}
	.accordion-content h4{
		font-size: 1em;
		text-align: left;
		margin: 15px 0px!important;
	}
	.accordion-content h3{
		text-align: left;
		font-size: 1.1em;
		line-height: 1.5em;
	}
	.accordion-content h2{
		font-weight: 700;
		text-align: left;
		font-size: 1.5em;
		line-height: 1.3em!important;
	}
	.accordion-content h5{
		text-align: left;
	}
	.second-title h5{
		text-align: left;
		line-height: 1.5em;
	}
	.inhouse-logistic .title h3{
		text-align: left;
		font-size: 1.3em!important;
	}
	.second-title{
		margin: 20px 0px;
		/*padding-bottom: 10px;
		border-bottom: 1px solid rgba(153,153,153,1.00);*/
	}
	.second-title h6{
		font-weight: 700;
		font-size: 1.1em;
	}
	#ACCOUNT{
		text-align: left;
		margin: 10px 0px 0px;
		padding: 30px 0px;
		background-color:rgba(235,235,235,0.30);
	}
	#ACCOUNT .container{
		padding: 10px;
		border-radius: 10px;
	}
	#ACCOUNT h6{
		text-align: left!important;
	}
	#ACCOUNT h5{
		font-size: 1em;
	}
	#ACCOUNT h4{
		margin: 50px 0px;
	}
	.btn-account{
		width: 80%;
		height: 120px;
		margin: 10px!important;
		padding: 50px 0px;
		border: 1px solid rgba(169,169,169,1.00);
		border-radius: 10px;
		position: relative;
	}
	.btn-account input{
		position: absolute;
		left: 20px;
		top: 35px;
		width: 50px;
		height: 50px;
	}
	.btn-account h3{
		
		position: absolute;
		left: 90px;
		top: 20px;
	}
	.btn-account h5{
		text-align: left;
		width: 320px;
		position: absolute;
		left: 90px;
		top: 60px;
	}
	.account-title h3{
		font-weight: 700;
		margin: 30px 0px;
		font-size: 2.3em;
	}
	.account-title h4{
		margin: 0px 0px 20px!important;
	}
	.account-title p{
		text-align: center!important;
	}
	.member-login{
		margin: 50px 0px;
	}
	.member-login p{
		text-align: right;
	}
	.btn-tab{
		margin: 50px 0px;
	}
	.btn-ocean{
		border: 1px solid rgba(27,70,171,0.30);
		background-color: rgba(49,101,222,0.60);
		color: #FFFFFF;
	}
	.btn-air{
		border: 1px solid rgba(255,118,0,0.30);
		background-color: rgba(255,118,0,0.60);
		color: #FFFFFF;
	}
	.btn-truck{
		border: 1px solid rgba(28,153,46,0.30);
		background-color: rgba(28,153,46,0.60);
		color: #FFFFFF;
	}
	#LOGIN{
		margin: 100px 0px 50px;
		text-align: center;
	}
	#LOGIN p{
		text-align: center!important;
	}
	#LOGIN button{
		text-align: center!important;
		margin: 0px auto;
	}
	#LOGIN h4{
		margin: 50px 0px;
	}
	.title{
		text-align: center;
	}
	.contact{
		background-color:rgba(235,235,235,0.30);
		padding: 50px 0px;
	}
	.btn-clear{
		background-color: #1E3255;
		color: #FFFFFF;
		margin: 10px 0px;
	}
	.how-works{
		background-color:rgba(235,235,235,0.30);
		padding: 50px 0px;
	}
	

	.about{
		padding: 100px 0px 50px;
	}
	.about .title{
		text-align: left;
	}
	.about .title h2{
		font-weight: 600;
	}
	.about .title p{
		line-height: 1.8em;
	}
	.steps h4{
		margin-left: 110px;
		margin-top: 20px;
		margin-bottom: 30px;
		line-height: 1.5em;
	}
	.logo{
		text-align: left;
		width: 200px;
	}
	.logo img{
		width: 100%;
	}
	.login{
		text-align: right;
		position: relative;
	}
	.login i{
		color: #1E3255;
	}
	.login i:hover{
		cursor: pointer;
	}
	.login a{
		color: #1E3255;
		padding: 0px 0px 0px 10px;
	}
	.login a:hover{
		cursor: pointer;
		text-decoration: none;
	}
	
	.features{
		margin: 30px 0px;
	}
	.show-mobile{
		display: none;
	}
	.show-pc{
		display: block;
	}
	.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
		color: #FFFFFF!important;
		background-color:#1E3255!important;
	}
	.resources .resources-tittle{
		background-color: #f5f5f5; 
		padding: 35px; 
		padding-top: 50px; 
		border-radius: 5px;
		color: #1E3255;
		width: 100%;
		margin-top: 0px!important;
	}
	.resources .active{
		background-color: #FFFFFF;
		color: #1E3255;
	}
	.resources{
		margin: 20px 0px;
		text-align: left!important;
	}
	.resources a{
		text-align: left!important;
		color: #1E3255!important;
	}
	.works .active{
		background-color: transparent;
		color: #1E3255;
	}
	.accordion {
		color: #1E3255;
		border: 1px solid #1E3255!important;
		background-color: transparent;
		cursor: pointer;
		padding: 18px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 15px;
		transition: 0.4s;
		margin: 10px 0px;
	}

	.active ,.accordion:hover {
		background-color: #1E3255;
		color: #FFFFFF;
	}

	.accordion:after {
		content: '\002B';
		color: #9A9A9A;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}
	.accordion:after:hover{
		color: #FFFFFF;
	}
	.faq.active:after {
		content: "\2212";
		color: #FFFFFF;
	}

	.panel {
		padding: 0 18px;
		background-color: white;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}
	.faq-tittle h3{
		font-weight: 800;
		
	}
	.faq-tittle{
		text-align: left;
		margin: 20px 10px;
	}
	.p-content{
		font-size: 15px;
		font-weight: 400;
		line-height: 1.7;
		color: #707070;
	}
	.step-icon{
		position: absolute;
		width: 60px;
		left: 100px;
		top: 20px;
	}
	.step-icon img{
		width: 100%;
	}
	.stepNumber {
		font-size: 270px;
		left: -75px;
		top: -138px;
		color: #1E3255;
		opacity: 0.27;
		font-family: verdana;
		font-weight: bold;
		position: absolute;
	}
	p.info {
		font-weight: 900;
		color: #1E3255;
		font-size: 12px;
		line-height: 1.5;
		margin-top: -0.3em;
	}
	.nav-tabs{
		border: none;
	}
	.works{
		margin: 30px;
		padding: 10px 20px;
	}
	.works ul li{
		float: left;
	}
	.works .nav .nav-item a{
		color: #555555;
	}
	.tab-content{
		text-align: left;
	}
	.tab-content div{
		margin: 30px 0px;
	}
	.tab-tittle{
		text-align: center;
		margin: 20px;
		padding: 10px;
		background-color: #1E3255;
	}
	.tab-tittle h4{
		font-size: 1.5em;
		color: #FFFFFF;
	}
	.header_title img{
		width: 100%;
		height: auto;
		overflow: hidden;
		opacity: .5;
	}
	.header_title{
		width: 100%;
		height: 400px;
		position: relative;
		overflow: hidden;
	}
	.header_title h2{
		z-index: 998;
		position: absolute;
		margin-bottom: 0px;
		bottom: 20px;
		left: 20px;
      	color: #1E3255;
		opacity: 1;
		font-weight: 800!important;
    	font-size: 52px!important;
    	line-height: 60px;
	}
	button.btn-link i{
		float: right;
	}
	button.btn-link{
		width: 100%;
		text-align: left;
		white-space: normal!important;
	}
	.navbar{
		padding: .2rem .5rem;
	}
	.card-header{
		background-color: #1E3255;
		color: #FFFFFF!important;
		text-decoration: none!important;
	}
	.btn-link{
		color: #FFFFFF!important;
		text-decoration: none!important;
		
	}
	#SERVICES .accordion{
		margin: 10px 0px;
		text-align: left;
		border: none!important;
	}
	#SERVICES .accordion:hover{
		background-color: #FFFFFF;
		color: #1E3255;
	}
	#SERVICES ul li{
		text-align: left;
		margin: ;
	}
	.body{
		width: 100%;
		margin: 0px auto;
		padding: 0px;
		background-color: rgba(255,255,255,1.00);
	}
	.container p{
		text-align: left;
	}
	.container{
		margin: 0px auto;
		text-align: center;
	}
	.container h1{
		text-align: left;
		font-weight: 1000;
		line-height: 3em;
	}
	.container h2{
		text-align: left;
		font-size: 1.5em;
	}
	.container a{
		text-align: center;
	}
	/*
	 * Custom translucent site header
	 */
	.btn_Login{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #1E3255;
		background-color: #FFFFFF;
		color: #1E3255;
		border-radius: 8px;
		margin-right: 10px;
	}
	.btn_Login:hover{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #FFFFFF;
		border-radius: 8px;
		background-color: rgba(30,50,85,1.00);
		color: #FFFFFF;
		cursor: pointer;
		margin-right: 10px;
	}
	.btn_Rigister{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #FFFFFF;
		border-radius: 8px;
		background-color: #1E3255;
		color: #FFFFFF;
		margin-right: 10px;
	}
	.btn_Rigister:hover{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #1E3255;
		background-color: #FFFFFF;
		color: #1E3255;
		border-radius: 8px;
		cursor: pointer;
		margin-right: 10px;
	}
	
	.service{
		text-align: center;
		margin: 0px auto;
	}
	.service p{
		text-align: center;
		font-size: 0.9em;
		margin: 20px 0px;
	}
	.service img{
		width: 100%;
	}
	.form p{
		text-align: center;
		font-size: 0.9em;
		margin: 20px 0px;
	}
	.container button.btn_login{
		margin: 0px auto;
		text-align: center;
	}
	.btn_login{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #1E3255;
		border: none;
		padding: 5px 15px;
	}
	.btn_login:hover{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #305088;
		border: none;
		padding: 5px 15px;
		cursor: pointer;
	}
	.btn_submit{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #1E3255;
		border: none;
		padding: 5px 15px;
	}
	.btn_submit:hover{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #305088;
		border: none;
		padding: 5px 15px;
		cursor: pointer;
	}
	.footer{
		background-color: #1E3255;
		/*margin-top: 20px;*/
		min-height: 300px;
		color: #FFFFFF;
	}
	.footer .container{
		padding: 20px;
	}
	.footer .container p{
		text-align: center;
	}
	.footer .bottom_logo{
		width: 150px;
	}
	.footer p{
		font-size: 0.8em;
		line-height: 1em;
		cursor: pointer;
	}
	.footer ul li{
		list-style:none;
		text-decoration: none;
		font-size: 0.7em;
		text-align: left;
	}
	.footer ul li a{
		color: #FFFFFF!important;
		line-height: 1.2em!important;
	}
	.footer ul li a:hover{
		color: #C8C8C8!important;
		text-decoration: none;
	}
	.footer .container a.fa-facebook{
	}
	.footer a{
		font-weight: 900;
		line-height: 3em;
		text-decoration: none;
		color: #FFFFFF;
	}
	.footer table tr td{
		text-align: left;
		vertical-align: top;
	}
	.footer table tr td a{
		line-height: 1.2em!important;
	}
	.footer a:hover{
		font-weight: 900;
		cursor: pointer;
		text-decoration: none;
		color: #C8C8C8!important;
	}
	.footer h5{
		font-size: 0.6em;
	}
	.footer .ul-about{
		margin-left: -13px;
	}
	.footer .ul-service{
		margin-left: -10px;
	}
	.fa {
	  padding: 5px;
	  width: 25px;
	  text-align: center;
	  text-decoration: none;
	  margin: 2px 2px;
	}
	.fa:hover {
		opacity: 0.7;
	}

	.fa-facebook {
	  background: #3B5998;
	  color: white;
	}
	.fa-facebook:hover {
	  background: #3B5998;
	  color: white;
	}
	.fa-white{
		color: #FFFFFF;
	}
	#map{
		width:260px;
		height:380px;
		background:yellow
	}
	.card-header .btn-link:after {
		/* symbol for "opening" panels */
		font-family: 'FontAwesome';  /* essential for enabling glyphicon */
		content: "\f106";    /* adjust as needed, taken from bootstrap.css */
		float: right;        /* adjust as needed */
		color: #FFFFFF;         /* adjust as needed */
		font-size: 1em;
	}
	.card-header .btn-link.collapsed:after {
		/* symbol for "collapsed" panels */
		content: "\f107";    /* adjust as needed, taken from bootstrap.css */
	}
	
	#CreateNT .container{
		text-align: left!important;
	}
	.guideline h3{
		text-align: left;
		font-size: 1.1em!important;
		font-weight: 600;
		color: #1E3255;
	}
	.guideline{
		margin: 0px auto;
	}
	.guideline p{
		font-size: 1em;
		line-height: 1.5em;
		margin-bottom: 0px;
	}
	.guideline ul li p{
		line-height: 1.2em;
		margin-bottom: 0px;
	}
	.service-content{
	}
	.service-content p{
		margin: 10px 0px;
	}
	.service-content h3{
		font-size: 1.6em;
		text-align: left;
		font-weight: 600;
		margin-bottom: 20px;
		color: #1E3255;
	}
	.service-block{
		padding: 20px 0px;
	}
	.btn-started{
		background-color: #B50003;
		padding: 15px 25px;
		color: #FFFFFF;
		font-weight: 700;
		
	}
	.service-block .btn-started{
		float: left;
		margin: 30px 0px 50px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.menu ul li{
		float: left;
		list-style: none;
		padding: 2px 0px 2px 20px;
	}
	.menu .collapse{
		display: block;
	}
	.menu{
		position: relative;
		display: block!important;
	}
	.menu ul{
		position: absolute;
		right: 0px;
		display: block;
	}
	.menu ul li a:hover{
		text-decoration: none;
		color: #2C497D;
	}
	.menu ul li a{
    	color: #1E3255;
		font-size: 1.1em;
	}
	.logo{
		text-align: left;
		width: 200px;
	}
	.logo img{
		width: 100%;
	}
	.login{
		text-align: right;
		position: relative;
	}
	.login i{
		color: #1E3255;
	}
	.login i:hover{
		cursor: pointer;
	}
	.login a{
		color: #1E3255;
		padding: 0px 0px 0px 10px;
	}
	.login a:hover{
		cursor: pointer;
		text-decoration: none;
	}
	.fa {
	  padding: 5px;
	  width: 25px;
	  text-align: center;
	  text-decoration: none;
	  margin: 2px 2px;
	}
	.fa:hover {
		opacity: 0.7;
	}

	.header{
		margin:10px 10px 0px;
	}
	
	.header_photo .btn-clear{
		margin-bottom: 10px;
		padding: 10px 20px;
		font-size: 18px;
	}
	
	.btn-clear{
		background-color: #1E3255;
		color: #FFFFFF;
		margin: 10px 0px;
	}
	.navbar-toggler{
		display: none;
	}
	
	.feature-text p{
		color: #1E3255;
		font-size: 20px;
		text-align: center!important;
	}
	.features{
		text-align: center;
	}
	.feature-text{
		width: 80%;
		margin: 0px auto;
	}
	.feature-text p strong{
		font-weight: 800;
		font-size: 25px;
	}
	.whyajh{
		padding: 50px 0px ;
	}
	.container .title h3{
		text-align: center;
		font-weight: 700;
		font-size: 2em;
		color: #1E3255;
		margin-bottom: 30px;
	}
	.container .title h5 {
		color: #1E3255;
		margin: 20px 0px 50px;
		text-align: center;
	}
	.how-works {
		background-color: rgba(235,235,235,0.30);
		padding: 50px 0px;
	}
	.works {
		margin: 30px;
		padding: 10px 20px;
	}
	.steps {
		width: 60%;
		background-color: #FFFFFF;
		border-radius: 10px;
	}
	.step-even {
		float: right;
	}
	.step-odd {
		float: left;
	}
	.step-text {
		margin-top: 70px;
		text-align: left;
	}
	.photo-container img{
		width: 100%;
	}
	.photo-container{
		background-image: url(../img/header_photo.png);
		background-size: cover;
		height: 400px;
	}
	.header_photo .btn-clear {
		position: absolute;
		left: 45%;
		padding: 10px 20px;
		font-size: 18px;
		bottom: 10px;
	}
	.header_photo {
		margin-top: 16px;
		position: relative;
		text-align: center;
		background-color: transparent;
		/*border-top: 1px solid rgba(235,235,235,1.00);
		border-bottom: 1px solid rgba(235,235,235,1.00);*/
	}
	.price .price-title{
		background-color: #1E3255;
		color: #FFFFFF;
		padding: 10px;
	}
	.price .price-title h2{
		text-align: right;
		margin-right: 10px;
		font-weight: 800;
		font-size: 2.3em;
	}
	.bond-title{
		background-color: #1E3255;
		color: #FFFFFF;
		padding: 10px;
		margin: 50px 0px 0px;
	}
	.bond-title h3{
		text-align: left;
		margin-right: 10px;
		font-weight: 800;
		font-size: 1.5em;
	}
	.bond-content{
		padding: 10px;
		border: 1px #CFCFCF solid;
	}
	.price-text{
		border-left: rgba(194,194,194,1.00)  0.5px solid;
		border-right: rgba(194,194,194,1.00)  0.5px solid;
		padding: 0px 15px;
		text-align: left!important;
	}
	.price-text h5{
		margin: 20px 0px 0px;
		font-size: .8em;
		color: rgba(73,73,73,1.00);
		/*padding-bottom: 10px;
		border-bottom: rgba(194,194,194,1.00)  0.5px solid;*/
	}
	.photo img{
		width: 100%;
	}
	.service-title h2{
		font-weight: 600;
	}
	.service-content p{
		line-height: 1.8em;
	}
	.service-content ul li{
		margin: 10px 0px 0px;
	}
	.navbar-toggler{
		display: none;
	}
	.owl-stage .active{
		background-color: transparent!important;
	}
	.header{
		margin:10px 10px 0px;
		padding: 0px;
	}
	.block-group{
		width: 100%;
	}
	.block{
		width: 20%;
		padding: 10px;
		float: left;
	}
	.block-title{
		padding: 10px;
		height: 68px;
	}
	.block-title h4{
		font-size: 1.3em;
		display: inline-grid;
		align-items: center;
		margin-bottom: 0px;
	}
	.block-text{
		border-left: rgba(194,194,194,1.00)  0.5px solid;
		border-right: rgba(194,194,194,1.00)  0.5px solid;
		padding: 0px 15px;
	}
	.block-text h5{
		margin: 20px 0px 0px;
		font-size: .8em;
		font-weight: 700;
		color: rgba(73,73,73,1.00);
		/*padding-bottom: 10px;
		border-bottom: rgba(194,194,194,1.00)  0.5px solid;*/
	}
	#block-ocean .block-title{
		cursor: pointer;
		border: rgba(34,91,179,1.00) 0.5px solid;
		color: #555555;
	}
	#block-air .block-title{
		cursor: pointer;
		border:rgba(255,126,0,1.00) 0.5px solid;
		color: #555555;
	}
	#block-truck .block-title{
		cursor: pointer;
		border:rgba(0,123,29,1.00) 0.5px solid;
		color: #555555;
	}
	#block-ajh .block-title{
		cursor: pointer;
		border:rgba(195,0,0,1.00) 0.5px solid;
		color: #555555;
		display: grid;
	}
	#block-warehouse .block-title{
		cursor: pointer;
		border:rgba(55,55,55,1.00) 0.5px solid;
		color: #555555;
	}
	#block-ocean .block-title:hover{
		cursor: pointer;
		border: rgba(34,91,179,0.80) 0.5px solid;
		color: #555555;
	}
	#block-air .block-title:hover{
		cursor: pointer;
		border:rgba(255,126,0,0.80) 0.5px solid;
		color: #555555;
	}
	#block-truck .block-title:hover{
		cursor: pointer;
		border:rgba(0,123,29,0.80) 0.5px solid;
		color: #555555;
	}
	#block-ajh .block-title:hover{
		cursor: pointer;
		border:rgba(195,0,0,0.80) 0.5px solid;
		color: #555555;
	}
	#block-warehouse .block-title:hover{
		cursor: pointer;
		border:rgba(55,55,55,0.80) 0.5px solid;
		color: #555555;
	}
	table.step4{
		text-align: left;
	}
	table.step4 tr td{
		padding: 10px 20px;
		position: relative;
	}
	table.step4 tr td input.check{
		position: absolute;
		top: 10px;
		width: 15px;
		height: 15px;
	}
	table.step4 tr td h3{
		font-size: 1.2em;
		font-weight: 800;
	}
	.accordion-title{
		background-color: #1E3255;
		color: #FFFFFF;
		padding: 15px;
	}
	.accordion-title input{
		
		padding: 5px;
	}
	.accordion-title h3{
		padding: 5px;
		
	}
	.accordion-title h5{
		text-align: left;
		padding: 0px 5px;
	}
	.accordion-content{
		border: 0.5px solid #1E3255;
		padding: 15px 10px;
	}
	.accordion-content table input{
		width: 20px;
		height: 20px;
		margin: 10px;
	}
	.accordion-content h4{
		font-size: 1em;
		text-align: left;
		margin: 15px 0px!important;
	}
	.accordion-content h3{
		text-align: left;
		font-size: 1.1em;
		line-height: 1.5em;
	}
	.accordion-content h2{
		font-weight: 700;
		text-align: left;
		font-size: 1.5em;
		line-height: 1.3em!important;
	}
	.accordion-content h5{
		text-align: left;
	}
	.second-title h5{
		text-align: left;
		line-height: 1.5em;
	}
	.inhouse-logistic .title h3{
		text-align: left;
		font-size: 1.3em!important;
	}
	.second-title{
		margin: 20px 0px;
		/*padding-bottom: 10px;
		border-bottom: 1px solid rgba(153,153,153,1.00);*/
	}
	.second-title h6{
		font-weight: 700;
		font-size: 1.1em;
	}
	#ACCOUNT{
		text-align: left;
		margin: 10px 0px 0px;
		padding: 30px 0px;
		background-color:rgba(235,235,235,0.30);
	}
	#ACCOUNT .container{
		padding: 10px;
		border-radius: 10px;
	}
	#ACCOUNT h6{
		text-align: left!important;
	}
	#ACCOUNT h5{
		font-size: 1em;
	}
	#ACCOUNT h4{
		margin: 50px 0px;
	}
	.btn-account{
		width: 80%;
		height: 120px;
		margin: 10px!important;
		padding: 50px 0px;
		border: 1px solid rgba(169,169,169,1.00);
		border-radius: 10px;
		position: relative;
	}
	.btn-account input{
		position: absolute;
		left: 20px;
		top: 35px;
		width: 50px;
		height: 50px;
	}
	.btn-account h3{
		
		position: absolute;
		left: 90px;
		top: 20px;
	}
	.btn-account h5{
		text-align: left;
		width: 320px;
		position: absolute;
		left: 90px;
		top: 60px;
	}
	.account-title h3{
		font-weight: 700;
		margin: 30px 0px;
		font-size: 2.3em;
	}
	.account-title h4{
		margin: 0px 0px 20px!important;
	}
	.account-title p{
		text-align: center!important;
	}
	.member-login{
		margin: 50px 0px;
	}
	.member-login p{
		text-align: right;
	}
	.btn-tab{
		margin: 50px 0px;
	}
	.btn-ocean{
		border: 1px solid rgba(27,70,171,0.30);
		background-color: rgba(49,101,222,0.60);
		color: #FFFFFF;
	}
	.btn-air{
		border: 1px solid rgba(255,118,0,0.30);
		background-color: rgba(255,118,0,0.60);
		color: #FFFFFF;
	}
	.btn-truck{
		border: 1px solid rgba(28,153,46,0.30);
		background-color: rgba(28,153,46,0.60);
		color: #FFFFFF;
	}
	#LOGIN{
		margin: 100px 0px 50px;
		text-align: center;
	}
	#LOGIN p{
		text-align: center!important;
	}
	#LOGIN button{
		text-align: center!important;
		margin: 0px auto;
	}
	#LOGIN h4{
		margin: 50px 0px;
	}
	.title{
		text-align: center;
	}
	.contact{
		background-color:rgba(235,235,235,0.30);
		padding: 50px 0px;
	}
	.btn-clear{
		background-color: #1E3255;
		color: #FFFFFF;
		margin: 10px 0px;
	}
	.how-works{
		background-color:rgba(235,235,235,0.30);
		padding: 50px 0px;
	}
	
	.about{
		padding: 100px 0px 50px;
	}
	.about .title{
		text-align: left;
	}
	.about .title h2{
		font-weight: 600;
	}
	.about .title p{
		line-height: 1.8em;
	}
	.steps h4{
		margin-left: 110px;
		margin-top: 20px;
		margin-bottom: 30px;
		line-height: 1.5em;
	}
	.logo{
		text-align: left;
		width: 200px;
		margin-left: -10px;
	}
	.logo img{
		width: 100%;
	}
	.login{
		text-align: right;
		position: relative;
	}
	.login i{
		color: #1E3255;
	}
	.login i:hover{
		cursor: pointer;
	}
	.login a{
		color: #1E3255;
		padding: 0px 0px 0px 10px;
	}
	.login a:hover{
		cursor: pointer;
		text-decoration: none;
	}
	
	.features{
		margin: 30px 0px;
	}
	.show-mobile{
		display: none;
	}
	.show-pc{
		display: block;
	}
	.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
		color: #FFFFFF!important;
		background-color:#1E3255!important;
	}
	.resources .resources-tittle{
		background-color: #f5f5f5; 
		padding: 35px; 
		padding-top: 50px; 
		border-radius: 5px;
		color: #1E3255;
		width: 100%;
		margin-top: 0px!important;
	}
	.resources .active{
		background-color: #FFFFFF;
		color: #1E3255;
	}
	.resources{
		margin: 20px 0px;
		text-align: left!important;
	}
	.resources a{
		text-align: left!important;
		color: #1E3255!important;
	}
	.works .active{
		background-color: transparent;
		color: #1E3255;
	}
	.accordion {
		color: #1E3255;
		border: 1px solid #1E3255!important;
		background-color: transparent;
		cursor: pointer;
		padding: 18px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 15px;
		transition: 0.4s;
		margin: 10px 0px;
	}

	.active ,.accordion:hover {
		background-color: #1E3255;
		color: #FFFFFF;
	}

	.accordion:after {
		content: '\002B';
		color: #9A9A9A;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}
	.accordion:after:hover{
		color: #FFFFFF;
	}
	.faq.active:after {
		content: "\2212";
		color: #FFFFFF;
	}

	.panel {
		padding: 0 18px;
		background-color: white;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}
	.faq-tittle h3{
		font-weight: 800;
		
	}
	.faq-tittle{
		text-align: left;
		margin: 20px 10px;
	}
	.p-content{
		font-size: 15px;
		font-weight: 400;
		line-height: 1.7;
		color: #707070;
	}
	.step-icon{
		position: absolute;
		width: 60px;
		left: 100px;
		top: 20px;
	}
	.step-icon img{
		width: 100%;
	}
	.stepNumber {
		font-size: 270px;
		left: -75px;
		top: -138px;
		color: #1E3255;
		opacity: 0.27;
		font-family: verdana;
		font-weight: bold;
		position: absolute;
	}
	p.info {
		font-weight: 900;
		color: #1E3255;
		font-size: 12px;
		line-height: 1.5;
		margin-top: -0.3em;
	}
	.nav-tabs{
		border: none;
	}
	.works{
		margin: 30px;
		padding: 10px 20px;
	}
	.works ul li{
		float: left;
	}
	.works .nav .nav-item a{
		color: #555555;
	}
	.tab-content{
		text-align: left;
	}
	.tab-content div{
		margin: 30px 0px;
	}
	.tab-tittle{
		text-align: center;
		margin: 20px;
		padding: 10px;
		background-color: #1E3255;
	}
	.tab-tittle h4{
		font-size: 1.5em;
		color: #FFFFFF;
	}
	.header_title img{
		width: 100%;
		height: auto;
		overflow: hidden;
		opacity: .5;
	}
	.header_title{
		width: 100%;
		height: 400px;
		position: relative;
		overflow: hidden;
	}
	.header_title h2{
		z-index: 998;
		position: absolute;
		margin-bottom: 0px;
		bottom: 20px;
		left: 20px;
      	color: #1E3255;
		opacity: 1;
		font-weight: 800!important;
    	font-size: 52px!important;
    	line-height: 60px;
	}
	button.btn-link i{
		float: right;
	}
	button.btn-link{
		width: 100%;
		text-align: left;
		white-space: normal!important;
	}
	.navbar{
		padding: .2rem .5rem;
	}
	.card-header{
		background-color: #1E3255;
		color: #FFFFFF!important;
		text-decoration: none!important;
	}
	.btn-link{
		color: #FFFFFF!important;
		text-decoration: none!important;
		
	}
	#SERVICES .accordion{
		margin: 10px 0px;
		text-align: left;
		border: none!important;
	}
	#SERVICES .accordion:hover{
		background-color: #FFFFFF;
		color: #1E3255;
	}
	#SERVICES ul li{
		text-align: left;
		margin: ;
	}
	.body{
		width: 100%;
		margin: 0px auto;
		padding: 0px;
		background-color: rgba(255,255,255,1.00);
	}
	.container p{
		text-align: left;
	}
	.container{
		margin: 0px auto;
		text-align: center;
	}
	.container h1{
		text-align: left;
		font-weight: 1000;
		line-height: 3em;
	}
	.container h2{
		text-align: left;
		font-size: 1.5em;
	}
	.container a{
		text-align: center;
	}
	/*
	 * Custom translucent site header
	 */
	.btn_Login{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #1E3255;
		background-color: #FFFFFF;
		color: #1E3255;
		border-radius: 8px;
		margin-right: 10px;
	}
	.btn_Login:hover{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #FFFFFF;
		border-radius: 8px;
		background-color: rgba(30,50,85,1.00);
		color: #FFFFFF;
		cursor: pointer;
		margin-right: 10px;
	}
	.btn_Rigister{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #FFFFFF;
		border-radius: 8px;
		background-color: #1E3255;
		color: #FFFFFF;
		margin-right: 10px;
	}
	.btn_Rigister:hover{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #1E3255;
		background-color: #FFFFFF;
		color: #1E3255;
		border-radius: 8px;
		cursor: pointer;
		margin-right: 10px;
	}
	
	.service{
		text-align: center;
		margin: 0px auto;
	}
	.service p{
		text-align: center;
		font-size: 0.9em;
		margin: 20px 0px;
	}
	.service img{
		width: 100%;
	}
	.form p{
		text-align: center;
		font-size: 0.9em;
		margin: 20px 0px;
	}
	.container button.btn_login{
		margin: 0px auto;
		text-align: center;
	}
	.btn_login{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #1E3255;
		border: none;
		padding: 5px 15px;
	}
	.btn_login:hover{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #305088;
		border: none;
		padding: 5px 15px;
		cursor: pointer;
	}
	.btn_submit{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #1E3255;
		border: none;
		padding: 5px 15px;
	}
	.btn_submit:hover{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #305088;
		border: none;
		padding: 5px 15px;
		cursor: pointer;
	}
	.footer{
		background-color: #1E3255;
		/*margin-top: 20px;*/
		min-height: 300px;
		color: #FFFFFF;
	}
	.footer .container{
		padding: 20px;
	}
	.footer .container p{
		text-align: center;
	}
	.footer .bottom_logo{
		width: 150px;
	}
	.footer p{
		font-size: 0.8em;
		line-height: 1em;
		cursor: pointer;
	}
	.footer ul li{
		list-style:none;
		text-decoration: none;
		font-size: 0.7em;
		text-align: left;
	}
	.footer ul li a{
		color: #FFFFFF!important;
		line-height: 1.2em!important;
	}
	.footer ul li a:hover{
		color: #C8C8C8!important;
		text-decoration: none;
	}
	.footer .container a.fa-facebook{
	}
	.footer a{
		font-weight: 900;
		line-height: 3em;
		text-decoration: none;
		color: #FFFFFF;
	}
	.footer table tr td{
		text-align: left;
		vertical-align: top;
	}
	.footer table tr td a{
		line-height: 1.2em!important;
	}
	.footer a:hover{
		font-weight: 900;
		cursor: pointer;
		text-decoration: none;
		color: #C8C8C8!important;
	}
	.footer h5{
		font-size: 0.6em;
	}
	.footer .ul-about{
		margin-left: -13px;
	}
	.footer .ul-service{
		margin-left: -10px;
	}
	.fa {
	  padding: 5px;
	  width: 25px;
	  text-align: center;
	  text-decoration: none;
	  margin: 2px 2px;
	}
	.fa:hover {
		opacity: 0.7;
	}

	.fa-facebook {
	  background: #3B5998;
	  color: white;
	}
	.fa-facebook:hover {
	  background: #3B5998;
	  color: white;
	}
	.fa-white{
		color: #FFFFFF;
	}
	#map{
		width:260px;
		height:380px;
		background:yellow
	}
	.card-header .btn-link:after {
		/* symbol for "opening" panels */
		font-family: 'FontAwesome';  /* essential for enabling glyphicon */
		content: "\f106";    /* adjust as needed, taken from bootstrap.css */
		float: right;        /* adjust as needed */
		color: #FFFFFF;         /* adjust as needed */
		font-size: 1em;
	}
	.card-header .btn-link.collapsed:after {
		/* symbol for "collapsed" panels */
		content: "\f107";    /* adjust as needed, taken from bootstrap.css */
	}
	
	#CreateNT .container{
		text-align: left!important;
	}
	.guideline h3{
		text-align: left;
		font-size: 1.1em!important;
		font-weight: 600;
		color: #1E3255;
	}
	.guideline{
		margin: 0px auto;
	}
	.guideline p{
		font-size: 1em;
		line-height: 1.5em;
		margin-bottom: 0px;
	}
	.guideline ul li p{
		line-height: 1.2em;
		margin-bottom: 0px;
	}
	.service-content{
	}
	.service-content p{
		margin: 10px 0px;
	}
	.service-content h3{
		font-size: 1.6em;
		text-align: left;
		font-weight: 600;
		margin-bottom: 20px;
		color: #1E3255;
	}
	.service-block{
		padding: 30px 0px;
	}
	.btn-started{
		background-color: #B50003;
		padding: 15px 25px;
		color: #FFFFFF;
		font-weight: 700;
		
	}
	.service-block .btn-started{
		float: left;
		margin: 30px 0px 50px;
	}
}


@media screen and (min-width: 1024px) and (max-width: 3000px){
	.btn-started{
		background-color: #B50003;
		padding: 15px 25px;
		color: #FFFFFF;
		font-weight: 700;
		
	}
	.service-block .btn-started{
		float: left;
		margin: 30px 0px 50px;
	}
	.guideline h3{
		text-align: left;
		font-size: 1.1em!important;
		font-weight: 600;
		color: #1E3255;
	}
	.guideline{
		margin: 0px auto;
	}
	.guideline p{
		font-size: 1em;
		line-height: 1.5em;
		margin-bottom: 0px;
	}
	.guideline ul li p{
		line-height: 1.2em;
		margin-bottom: 0px;
	}
	.service-content{
	}
	.service-content p{
		margin: 10px 0px;
	}
	.service-content h3{
		font-size: 1.6em;
		text-align: left;
		font-weight: 600;
		margin-bottom: 20px;
		color: #1E3255;
	}
	.service-block{
		padding: 20px 0px;
	}
	.price .price-title{
		background-color: #1E3255;
		color: #FFFFFF;
		padding: 10px;
	}
	.price .price-title h2{
		text-align: right;
		margin-right: 10px;
		font-weight: 800;
		font-size: 2.3em;
	}
	.bond-title{
		background-color: #1E3255;
		color: #FFFFFF;
		padding: 10px;
		margin: 50px 0px 0px;
	}
	.bond-title h3{
		text-align: left;
		margin-right: 10px;
		font-weight: 800;
		font-size: 1.5em;
	}
	.bond-content{
		padding: 10px;
		border: 1px #CFCFCF solid;
	}
	.price-text{
		border-left: rgba(194,194,194,1.00)  0.5px solid;
		border-right: rgba(194,194,194,1.00)  0.5px solid;
		padding: 0px 15px;
		text-align: left!important;
	}
	.price-text h5{
		margin: 20px 0px 0px;
		font-size: .8em;
		color: rgba(73,73,73,1.00);
		/*padding-bottom: 10px;
		border-bottom: rgba(194,194,194,1.00)  0.5px solid;*/
	}
	.photo img{
		width: 100%;
	}
	.service-title h2{
		font-weight: 600;
	}
	.service-content p{
		line-height: 1.8em;
	}
	.service-content ul li{
		margin: 10px 0px 0px;
	}
	.navbar-toggler{
		display: none;
	}
	.owl-stage .active{
		background-color: transparent!important;
	}
	.header{
		margin:10px 20px 0px;
	}
	.block-group{
		width: 100%;
	}
	.block{
		width: 20%;
		padding: 10px;
		float: left;
	}
	.block-title{
		padding: 10px;
		height: 68px;
	}
	.block-title h4{
		font-size: 1.3em;
		display: inline-grid;
		align-items: center;
		margin-bottom: 0px;
	}
	.block-text{
		border-left: rgba(194,194,194,1.00)  0.5px solid;
		border-right: rgba(194,194,194,1.00)  0.5px solid;
		padding: 0px 15px;
	}
	.block-text h5{
		margin: 20px 0px 0px;
		font-size: .8em;
		font-weight: 700;
		color: rgba(73,73,73,1.00);
		/*padding-bottom: 10px;
		border-bottom: rgba(194,194,194,1.00)  0.5px solid;*/
	}
	#block-ocean .block-title{
		cursor: pointer;
		border: rgba(34,91,179,1.00) 0.5px solid;
		color: #555555;
	}
	#block-air .block-title{
		cursor: pointer;
		border:rgba(255,126,0,1.00) 0.5px solid;
		color: #555555;
	}
	#block-truck .block-title{
		cursor: pointer;
		border:rgba(0,123,29,1.00) 0.5px solid;
		color: #555555;
	}
	#block-ajh .block-title{
		cursor: pointer;
		border:rgba(195,0,0,1.00) 0.5px solid;
		color: #555555;
		display: grid;
	}
	#block-warehouse .block-title{
		cursor: pointer;
		border:rgba(55,55,55,1.00) 0.5px solid;
		color: #555555;
	}
	#block-ocean .block-title:hover{
		cursor: pointer;
		border: rgba(34,91,179,0.80) 0.5px solid;
		color: #555555;
	}
	#block-air .block-title:hover{
		cursor: pointer;
		border:rgba(255,126,0,0.80) 0.5px solid;
		color: #555555;
	}
	#block-truck .block-title:hover{
		cursor: pointer;
		border:rgba(0,123,29,0.80) 0.5px solid;
		color: #555555;
	}
	#block-ajh .block-title:hover{
		cursor: pointer;
		border:rgba(195,0,0,0.80) 0.5px solid;
		color: #555555;
	}
	#block-warehouse .block-title:hover{
		cursor: pointer;
		border:rgba(55,55,55,0.80) 0.5px solid;
		color: #555555;
	}
	table.step4{
		text-align: left;
	}
	table.step4 tr td{
		padding: 10px 20px;
		position: relative;
	}
	table.step4 tr td input.check{
		position: absolute;
		top: 10px;
		width: 15px;
		height: 15px;
	}
	table.step4 tr td h3{
		font-size: 1.2em;
		font-weight: 800;
	}
	.accordion-title{
		background-color: #1E3255;
		color: #FFFFFF;
		padding: 15px;
	}
	.accordion-title input{
		
		padding: 5px;
	}
	.accordion-title h3{
		padding: 5px;
		
	}
	.accordion-title h5{
		text-align: left;
		padding: 0px 5px;
	}
	.accordion-content{
		border: 0.5px solid #1E3255;
		padding: 15px 10px;
	}
	.accordion-content table input{
		width: 20px;
		height: 20px;
		margin: 10px;
	}
	.accordion-content h4{
		font-size: 1em;
		text-align: left;
		margin: 15px 0px!important;
	}
	.accordion-content h3{
		text-align: left;
		font-size: 1.1em;
		line-height: 1.5em;
	}
	.accordion-content h2{
		font-weight: 700;
		text-align: left;
		font-size: 1.5em;
		line-height: 1.3em!important;
	}
	.accordion-content h5{
		text-align: left;
	}
	.second-title h5{
		text-align: left;
		line-height: 1.5em;
	}
	.inhouse-logistic .title h3{
		text-align: left;
		font-size: 1.3em!important;
	}
	.second-title{
		margin: 20px 0px;
		/*padding-bottom: 10px;
		border-bottom: 1px solid rgba(153,153,153,1.00);*/
	}
	.second-title h6{
		font-weight: 700;
		font-size: 1.1em;
	}
	#ACCOUNT{
		text-align: left;
		margin: 10px 0px 0px;
		padding: 30px 0px;
		background-color:rgba(235,235,235,0.30);
	}
	#ACCOUNT .container{
		padding: 10px;
		border-radius: 10px;
	}
	#ACCOUNT h6{
		text-align: left!important;
	}
	#ACCOUNT h5{
		font-size: 1em;
	}
	#ACCOUNT h4{
		margin: 50px 0px;
	}
	.btn-account{
		width: 80%;
		height: 120px;
		margin: 10px!important;
		padding: 50px 0px;
		border: 1px solid rgba(169,169,169,1.00);
		border-radius: 10px;
		position: relative;
	}
	.btn-account input{
		position: absolute;
		left: 20px;
		top: 35px;
		width: 50px;
		height: 50px;
	}
	.btn-account h3{
		
		position: absolute;
		left: 90px;
		top: 20px;
	}
	.btn-account h5{
		text-align: left;
		width: 320px;
		position: absolute;
		left: 90px;
		top: 60px;
	}
	.account-title h3{
		font-weight: 700;
		margin: 30px 0px;
		font-size: 2.3em;
	}
	.account-title h4{
		margin: 0px 0px 20px!important;
	}
	.account-title p{
		text-align: center!important;
	}
	.member-login{
		margin: 50px 0px;
	}
	.member-login p{
		text-align: right;
	}
	.btn-tab{
		margin: 50px 0px;
	}
	.btn-ocean{
		border: 1px solid rgba(27,70,171,0.30);
		background-color: rgba(49,101,222,0.60);
		color: #FFFFFF;
	}
	.btn-air{
		border: 1px solid rgba(255,118,0,0.30);
		background-color: rgba(255,118,0,0.60);
		color: #FFFFFF;
	}
	.btn-truck{
		border: 1px solid rgba(28,153,46,0.30);
		background-color: rgba(28,153,46,0.60);
		color: #FFFFFF;
	}
	#LOGIN{
		margin: 100px 0px 50px;
		text-align: center;
	}
	#LOGIN p{
		text-align: center!important;
	}
	#LOGIN button{
		text-align: center!important;
		margin: 0px auto;
	}
	#LOGIN h4{
		margin: 50px 0px;
	}
	.title{
		text-align: center;
	}
	.contact{
		background-color:rgba(235,235,235,0.30);
		padding: 50px 0px;
	}
	.btn-clear{
		background-color: #1E3255;
		color: #FFFFFF;
		margin: 10px 0px;
	}
	.feature-text p{
		color: #1E3255;
		font-size: 20px;
		text-align: center!important;
	}
	.features{
		text-align: center;
	}
	.feature-text{
		width: 80%;
		margin: 0px auto;
	}
	.feature-text p strong{
		font-weight: 800;
		font-size: 25px;
	}
	.how-works{
		background-color:rgba(235,235,235,0.30);
		padding: 50px 0px;
	}
	.container .title{
		text-align: center;
	}
	.container .title h3{
		font-weight: 700;
		font-size: 2em;
		color: #1E3255;
		margin-bottom: 30px;
	}
	.container .title h5{
		color: #1E3255;
		margin: 20px 0px 50px;
	}
	.whyajh{
		padding: 100px 0px 50px;
	}
	.about{
		padding: 100px 0px 50px;
	}
	.about .title{
		text-align: left;
	}
	.about .title h2{
		font-weight: 600;
	}
	.about .title p{
		line-height: 1.8em;
	}
	.step-text{
		margin-top: 70px;
		text-align: left;
	}
	.step-even{
		float: right;
	}
	.step-odd{
		float:left; 
	}
	.steps{
		width: 60%;
		background-color: #FFFFFF;
		border-radius: 10px;
	}
	.steps h4{
		margin-left: 110px;
		margin-top: 20px;
		margin-bottom: 30px;
		line-height: 1.5em;
	}
	.logo{
		text-align: left;
		width: 200px;
	}
	.logo img{
		width: 100%;
	}
	.login{
		text-align: right;
		position: relative;
	}
	.login i{
		color: #1E3255;
	}
	.login i:hover{
		cursor: pointer;
	}
	.login a{
		color: #1E3255;
		padding: 0px 0px 0px 10px;
	}
	.login a:hover{
		cursor: pointer;
		text-decoration: none;
	}
	.menu{
		position: relative;
		display: block!important;
	}
	.menu .collapse{
		display: block;
	}
	.menu ul{
		position: absolute;
		right: 0px;
		display: block;
	}
	.menu ul li{
		float: left!important;
		list-style: none;
		padding: 2px 0px 2px 45px;
	}
	.menu ul li a:hover{
		text-decoration: none;
		color: #2C497D;
	}
	.menu ul li a{
		color: #1E3255;
		font-size: 1.2em;
	}
	.features{
		margin: 30px 0px;
	}
	.header_photo .btn-clear{
		position: absolute;
		left: 48%;
		padding: 10px 20px;
		font-size: 18px;
		bottom: 10px;
	}
	.owl-carousel{
		display: grid;
	}
	.header_photo{
		margin-top: 16px;
		text-align: center;
		position: relative;
		background-color: transparent;
	}
	.header_photo .owl-carousel .item img{
		overflow: hidden;
		max-width: 1024px;
		text-align: center;
		margin: 0px auto;
	}
	.show-mobile{
		display: none;
	}
	.show-pc{
		display: block;
	}
	.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
		color: #FFFFFF!important;
		background-color:#1E3255!important;
	}
	.resources .resources-tittle{
		background-color: #f5f5f5; 
		padding: 35px; 
		padding-top: 50px; 
		border-radius: 5px;
		color: #1E3255;
		width: 100%;
		margin-top: 0px!important;
	}
	.resources .active{
		background-color: #FFFFFF;
		color: #1E3255;
	}
	.resources{
		margin: 20px 0px;
		text-align: left!important;
	}
	.resources a{
		text-align: left!important;
		color: #1E3255!important;
	}
	.works .active{
		background-color: transparent;
		color: #1E3255;
	}
	.accordion {
		color: #1E3255;
		border: 1px solid #1E3255!important;
		background-color: transparent;
		cursor: pointer;
		padding: 18px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 15px;
		transition: 0.4s;
		margin: 10px 0px;
	}

	.active ,.accordion:hover {
		background-color: #1E3255;
		color: #FFFFFF;
	}

	.accordion:after {
		content: '\002B';
		color: #9A9A9A;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}
	.accordion:after:hover{
		color: #FFFFFF;
	}
	.faq.active:after {
		content: "\2212";
		color: #FFFFFF;
	}

	.panel {
		padding: 0 18px;
		background-color: white;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}
	.faq-tittle h3{
		font-weight: 800;
		
	}
	.faq-tittle{
		text-align: left;
		margin: 20px 10px;
	}
	.p-content{
		font-size: 15px;
		font-weight: 400;
		line-height: 1.7;
		color: #707070;
	}
	.step-icon{
		position: absolute;
		width: 60px;
		left: 100px;
		top: 20px;
	}
	.step-icon img{
		width: 100%;
	}
	.stepNumber {
		font-size: 270px;
		left: -75px;
		top: -138px;
		color: #1E3255;
		opacity: 0.27;
		font-family: verdana;
		font-weight: bold;
		position: absolute;
	}
	p.info {
		font-weight: 900;
		color: #1E3255;
		font-size: 12px;
		line-height: 1.5;
		margin-top: -0.3em;
	}
	.nav-tabs{
		border: none;
	}
	.works{
		margin: 30px;
		padding: 10px 20px;
	}
	.works ul li{
		float: left;
	}
	.works .nav .nav-item a{
		color: #555555;
	}
	.tab-content{
		text-align: left;
	}
	.tab-content div{
		margin: 30px 0px;
	}
	.tab-tittle{
		text-align: center;
		margin: 20px;
		padding: 10px;
		background-color: #1E3255;
	}
	.tab-tittle h4{
		font-size: 1.5em;
		color: #FFFFFF;
	}
	.header_title img{
		width: 100%;
		height: auto;
		overflow: hidden;
		opacity: .5;
	}
	.header_title{
		width: 100%;
		height: 450px;
		position: relative;
		overflow: hidden;
	}
	.header_title h2{
		z-index: 998;
		position: absolute;
		bottom: 20px;
      	color: #1E3255;
		opacity: 1;
		font-weight: 800!important;
    	font-size: 52px!important;
    	line-height: 60px;
	}
	button.btn-link i{
		float: right;
	}
	button.btn-link{
		width: 100%;
		text-align: left;
		white-space: normal!important;
	}
	.navbar{
		padding: .2rem .5rem;
	}
	#Mobile_menu{
		display: none;
	}
	.bar{
		margin-top: 25px;
		text-align: right;
	}
	.bar1, .bar2, .bar3 {
		width: 35px;
		height: 5px;
		background-color: #333;
		margin:6px 0;
		transition: 0.4s;
	}
	.change .bar1 {
		-webkit-transform: rotate(-45deg) translate(-9px, 6px);
		transform: rotate(-45deg) translate(-9px, 6px);
	}

	.change .bar2 {opacity: 0;}

	.change .bar3 {
		-webkit-transform: rotate(45deg) translate(-8px, -8px);
		transform: rotate(45deg) translate(-8px, -8px);
	}
	.owl-dot{
		border: none;
		background-color: transparent;
		display: none;
	}
	.owl-dot:active{
	}
	.card-header{
		background-color: #1E3255;
		color: #FFFFFF!important;
		text-decoration: none!important;
	}
	.btn-link{
		color: #FFFFFF!important;
		text-decoration: none!important;
		
	}
	#SERVICES .accordion{
		margin: 10px 0px;
		text-align: left;
		border: none!important;
	}
	#SERVICES .accordion:hover{
		background-color: #FFFFFF;
		color: #1E3255;
	}
	#SERVICES ul li{
		text-align: left;
		margin: ;
	}
	.body{
		width: 100%;
		margin: 0px auto;
		padding: 0px;
		background-color: rgba(255,255,255,1.00);
	}
	.photo-container img{
		width: 100%;
		max-width: 1000px;
	}
	.photo-container{
		background-image: url(../img/header_photo.png);
		background-size: cover;
		height: 450px;
	}
	.container p{
		text-align: left;
	}
	.container{
		margin: 0px auto;
		text-align: center;
	}
	.container h1{
		text-align: left;
		font-weight: 1000;
		line-height: 3em;
	}
	.container h2{
		text-align: left;
		font-size: 1.5em;
		/*line-height: 2em;*/
	}
	.container a{
		text-align: center;
	}
	/*
	 * Custom translucent site header
	 */
	.btn_Login{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #1E3255;
		background-color: #FFFFFF;
		color: #1E3255;
		border-radius: 8px;
		margin-right: 10px;
	}
	.btn_Login:hover{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #FFFFFF;
		border-radius: 8px;
		background-color: rgba(30,50,85,1.00);
		color: #FFFFFF;
		cursor: pointer;
		margin-right: 10px;
	}
	.btn_Rigister{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #FFFFFF;
		border-radius: 8px;
		background-color: #1E3255;
		color: #FFFFFF;
		margin-right: 10px;
	}
	.btn_Rigister:hover{
		height: 35px;
		padding: 0px 20px;
		line-height: 0em;
		border: 1px solid #1E3255;
		background-color: #FFFFFF;
		color: #1E3255;
		border-radius: 8px;
		cursor: pointer;
		margin-right: 10px;
	}
	
	.service{
		text-align: center;
		margin: 0px auto;
	}
	.service p{
		text-align: center;
		font-size: 0.9em;
		margin: 20px 0px;
	}
	.service img{
		width: 100%;
	}
	.form p{
		text-align: center;
		font-size: 0.9em;
		margin: 20px 0px;
	}
	.container button.btn_login{
		margin: 0px auto;
		text-align: center;
	}
	.btn_login{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #1E3255;
		border: none;
		padding: 5px 15px;
	}
	.btn_login:hover{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #305088;
		border: none;
		padding: 5px 15px;
		cursor: pointer;
	}
	.btn_submit{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #1E3255;
		border: none;
		padding: 5px 15px;
	}
	.btn_submit:hover{
		margin: 0px auto;
		color: #FFFFFF;
		background-color: #305088;
		border: none;
		padding: 5px 15px;
		cursor: pointer;
	}
	.footer{
		background-color: #1E3255;
		/*margin-top: 20px;*/
		min-height: 300px;
		color: #FFFFFF;
	}
	.footer .container{
		padding: 20px;
	}
	.footer .container p{
		text-align: center;
	}
	.footer .bottom_logo{
		width: 150px;
	}
	.footer p{
		font-size: 0.8em;
		line-height: 1em;
		cursor: pointer;
	}
	.footer ul li{
		list-style:none;
		text-decoration: none;
		font-size: 0.7em;
		text-align: left;
	}
	.footer ul li a{
		color: #FFFFFF!important;
		line-height: 1.2em!important;
	}
	.footer ul li a:hover{
		color: #C8C8C8!important;
		text-decoration: none;
	}
	.footer .container a.fa-facebook{
	}
	.footer a{
		font-weight: 900;
		line-height: 3em;
		text-decoration: none;
		color: #FFFFFF;
	}
	.footer table tr td{
		text-align: left;
		vertical-align: top;
	}
	.footer table tr td a{
		line-height: 1.2em!important;
	}
	.footer a:hover{
		font-weight: 900;
		cursor: pointer;
		text-decoration: none;
		color: #C8C8C8!important;
	}
	.footer h5{
		font-size: 0.6em;
	}
	.footer .ul-about{
		margin-left: -13px;
	}
	.footer .ul-service{
		margin-left: -10px;
	}
	.fa {
	  padding: 5px;
	  width: 25px;
	  text-align: center;
	  text-decoration: none;
	  margin: 2px 2px;
	}
	.fa:hover {
		opacity: 0.7;
	}

	.fa-facebook {
	  background: #3B5998;
	  color: white;
	}
	.fa-facebook:hover {
	  background: #3B5998;
	  color: white;
	}
	.fa-white{
		color: #FFFFFF;
	}
	#map{
		width:260px;
		height:380px;
		background:yellow
	}
	.card-header .btn-link:after {
		/* symbol for "opening" panels */
		font-family: 'FontAwesome';  /* essential for enabling glyphicon */
		content: "\f106";    /* adjust as needed, taken from bootstrap.css */
		float: right;        /* adjust as needed */
		color: #FFFFFF;         /* adjust as needed */
		font-size: 1em;
	}
	.card-header .btn-link.collapsed:after {
		/* symbol for "collapsed" panels */
		content: "\f107";    /* adjust as needed, taken from bootstrap.css */
	}
	
	#CreateNT .container{
		text-align: left!important;
	}

}