@font-face {
	  font-family: 'TitilliumWeb';
	  src: url('../font/TitilliumWeb-Regular.ttf');
	}
body{
	margin:0px;
	padding:0px;
	font-family: 'TitilliumWeb', sans-serif;
}
.row{
	 margin:0px;
}


/*header-start*/
	#header{
		position:sticky;
		top:0;
		background: #fff;
		z-index: 20;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	.nav{
		float:right;
	}
	.nav li a{
		color: #434345;
		font-weight: bold;
		font-size: 14px;
	}
	.nav li a:hover{
		 color:#EF530F;
	}
	.fa-bars{
		background: #EF530F;
		font-size: 27px;
		color: #fff;
		padding: 3px 8px;
		border-radius:3px;
	}
	.span-bar{
		display:none;
	}
	
/*header-end*/
/* Media_Query_Laptops */
@media only screen and (max-width: 1024px) {
	
	/*custom-page-responsive-start*/
	.hover-button{
		 width:24% !Important;
	}
	/*custom-page-responsive-end*/
	
	/*custom-page-responsive-start*/
	
	/*custom-page-responsive-end*/
	/*cargo-page-responsive-start*/
	   
	.link-text-div-2 a{
		font-size:13px !important;
		padding:10px 2px !Important;
	}
	/*cargo-page-responsive-end*/
	/*air-page-responsive-start*/
	.border-hover-item .row i{
		 font-size:90px !Important;
	}
	/*air-page-responsive-end*/
}

/* Media_Query_Tablets */
@media only screen and (max-width: 768px) {
	/*custom-page-responsive-start*/
  .cus-first-row{
	   padding: 25px 32px !Important;
  }
  .cus-clear-background p, .cus-third-row p {
		margin:0px !Important;
	}
	.cus-third-row h3 {
        margin: 23px 0px !important;
    }
	.hover-button {
	    width: 29% !Important;
		margin-right: 8px !important;	
	}
	.hover-button-a{
		 margin-left:0px !important;
	}	
	.cus-second-row p{
		width:84%!important;
		
	}
	
	
	/*custom-page-responsive-end*/
	
	/*cargo-page-responsive-start*/
		  .cargo-icon{
			display:none;
		}
		.span-bar{
			display:block;
		}
		.span-bar span{
			float:right;
			
		}
		.nav{
			 display:none;
			 width:100%;
			 text-align:right;
			 float:right;
		}
		
		.nav-link {
			 padding-right:0px;
		}
	/*cargo-page-responsive-end*/
	/*land-page-responsive-start*/
	   .cus-clear-background p{
			text-align: center;
			padding: 40px 60px;
	   }
	/*land-page-responsive-end*/
	/*air-page-responsive-start*/
		.border-hover-item .col-md-5{
			margin:0px 5px!important;
		}
		.border-hover-item .row i{
			 font-size:67px !Important;
		}
		.cus-p{
			font-size:16px !important;
		}
		.user-style{
			 margin-top:30px !Important;
		}
		.div-bg{
			 padding:0px 30px !important;
		}
		.div-bg h3{
			 padding: 0px !Important;
		}
	/*air-page-responsive-end*/
	/*footer-page-responsive-start*/
	.footer-col4{
		text-align:center;
		padding: 42px 50px;
	}
	/*footer-page-responsive-end*/
}
/* Media_Query_Smartphones */
@media only screen and (max-width: 576px) {
	/*custom-page-responsive-start*/
  .cus-first-row{
		padding: 15px 0px !important;  
  }
  .cus-first-row-a{
	    padding: 0px 14px !Important;
  }
  .cus-second-row p{
	   width:81% !Important;
	   font-size:15px !Important;
  }
  .cus-third-row p{
	  font-size:16px !Important ;
  }
  .cus-third-row{
	  text-align:center;
  }	
	.hover-button-a{
		 margin-left:20px !important;
	}
	/*custom-page-responsive-end*/
	
	/*cargo-page-responsive-start*/
	.link-text{
		 padding:30px 0px !Important;
	}
	.link-text-a{
		padding: 0px 14px !Important;
	}
	.link-text-div-2 a {
		padding:10px 12px !Important;
	}
	.link-text-div-2 p{
		font-size:15px !Important;
	}
	.user-style{
		 margin-top:32px;
	}
	.div-bg-2 span{
		 height:197px !Important;
	}
	.cargo-icon{
		display:none;
	}
	.bg-style-1, .bg-style-2 {
		margin:15px !important;
		overflow:hidden;
	}
	/*cargo-page-responsive-end*/
	
	/*land-page-responsive-start*/
	.bg-overlay-col-6{
		margin: 40px 0px;
		align-content:center !Important;
	}
	.img-list .col-sm-5{
		 width:45% !important;
	}
	.img-list .col-sm-5 div{
		height:185px !important;
	}
	.cus-clear-background p{
		text-align: center;
		padding: 25px !Important;
		font-size:17px !Important;
	}
	/*land-page-responsive-end*/
	/*air-page-responsive-start*/
	.cus-first-row,.border-hover-item{
		 padding:15px !Important;
	}
	.border-hover-item-2{
		 margin-bottom:30px;
	}
	/*air-page-responsive-end*/
	
}





  /*body-start*/

/*land-page-design-start*/
.map-background-overlay{
	 background-position:center;
	 background-size:cover;
	 background-image:linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)),  url('../img/map-1.jpg');
	  background-attachment:fixed;
	  overflow:hidden;
}
.map-background-overlay p{
	color: #fff;
    font-size: 20px;
    margin: 0px 40px;
	font-weight:600;
	
}
.map-background-overlay img{
	     height: 500px;
    object-fit: cover;
}
.parent-img{
	overflow:hidden;
	margin-right:20px !Important;
}
.parent-img h2{
    margin-top: 15px;
    padding: 0px 15px;
	    font-size: 18px;
    font-weight: 700;
    color: #072040;
}
.child-img{
	transition:all 1.1s;
	display:none;
	
}
.parent-img:hover .child-img{
			transform:scale(1.1);
			transition:1.1s;
		}
		
.parent-img h2,.parent-img ul{
 position:relative;
 bottom:-350px;
}	
.product-exporting-link{
	padding-bottom:13px;
}
.product-exporting-link li{
	  color:#60BC64;
	font-size: 15px;
	    letter-spacing: .4px;
    line-height: 28px;
}
.product-exporting-link span{
	color:#58585a;
}
.cus-clear-background{
	background:#E5E7EB;
	overflow:hidden;
}
.cus-clear-background p{
	 position:relative;
	 right:-700px
}
.cus-clear-background p, .cus-third-row p{
	color: #072040;
    font-size: 20px;
    margin: 0px 40px;
	font-weight:600;
	
}
.cus-clear-background img{
	     height: 500px;
    object-fit: cover;
}
.map-background-overlay h1{
	 color: #fff;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 30px;
    margin-left: 40px;
}

.bg-overlay-col-6{
		align-content:center !Important;
	position:relative;
	left:-700px;
	}
.bg-overlay-col-6 h1 span{
	background-color:#42B574 !Important;
}
.img-list{
	margin:50px 0px;
}
.img-list .col-sm-5{
	box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12);
	margin:10px 0px;
	border-radius:0px 0px 5px 5px;
}
.img-list .col-sm-5 div{
	overflow:hidden;
	width:100%;
	
}
/*land-page-design-end*/
/*custom-page-design-start*/
.cus-first-row-a{
	 overflow:hidden;
	 
}
	.cus-first-row{
		padding:25px 50px;
		position:relative;
		right:-700px;
	}
	.cus-first-row-b{
		position:relative;
		left:-700px;
	}
	.img-cover, .img-cover-2{
		object-fit:cover;
		height:100%;
		display:none
	}
	.cus-first-row h4, .cus-third-row h3{
		color: #EF530F;
		font-weight:600;
	}
	.cus-first-row h1{
		font-size: 40px;
		font-weight: 700;
		color:#072040;
	}
	.cus-list-p p{
		margin: 0px;
    line-height: 31px !important;
    letter-spacing: .4px;
	}
	.cus-list-p span{
		 color:#02489D;
		 font-size: 18px;
    font-weight: 400;
    line-height: 24px;
	}
	
	.cus-p{
		color: #727a84;
		font-size: 17px;
		line-height: 27px;
		font-weight: 400;
		letter-spacing: 0.2px;
		margin:25px 0px;
	}
	.fa-circle-check{
		 color:#3FBFEF;
	}
	.cus-width-span{
		width: 80px;
		height: 2px;
		background: red;
		display: inline-flex;
		margin-left: -5px;
	}
	.cus-second-row{
		 background-position:center;
	 background-size:cover;
	 background-image:linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)),  url('../img/pexels-dphoto-1095814.jpeg ');
	  background-attachment:fixed;
	  margin:100px 0px;
	  overflow:hidden;
	}
	.cus-second-row p{
		    color: #fff;
    text-align: center;
    padding: 70px 0px;
    width: 60%;
    font-size: 17px;
    font-weight: 600;
    margin: auto;
	    position: relative;
    bottom: -250px;
	}
	.cus-third-row h3{
		font-size: 20px;
    margin: 23px 40px;
	}
	.cus-third-row i{
		width: 70px;
    height: 70px;
    text-align: center;
    align-content: center;
    background: #fff;
    color: #EF530F;
    border-radius: 100%;
    font-size: 30px;
	    position: relative;
    top: -20px;
	transition:.5s;
}
.hover-button{
width:17%;
background:#fff;
text-align:center;
box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12);
border-radius:5px;
height:80px;	
cursor:pointer;
float:left;
margin-right:20px;
margin-top:30px;
}
.hover-button:hover>i{
	background:#EF530F !important;
	color:#fff !important;
}
.hover-button:hover>a{
	color:#42B574;
}
.hover-button a{
	    text-decoration: none;
    color: #072040;
    font-weight: 500;
    position: relative;
    top: -18px;
	}
/*custom-page-design-end*/
/*air-port-page-design-start*/
	.border-hover-item{
		margin:100px 0px;
	}
	.border-hover-item .row{
		border:1px solid #072040;
		border-radius:10px;	
	}
	.border-hover-item .col-5{
		    margin: 0px 25px;
	}
	.border-hover-item .row:hover{
		background-color:#F7F7F7;
		border:1px solid #F7F7F7;
	}
	.border-hover-item .row i{
		color:#072040;
		font-size:110px;
	}
	.border-hover-item .col-md-5{
		margin:10px;
	}
	.end-text{
		 position:relative;
		 left:-700px;
	}
/*air-port-page-design-end*/
/*sea-port-page-design-start*/
.link-text-div-2 a{
	display: inline;
    font-size: 16px;
	font-weight:600;
	text-decoration:none;
    color: #EF530F;
	letter-spacing:1px;
	padding: 10px 16px;
    border-radius: 5px 5px 0px 0px;
	cursor:pointer;
	
	
}
.link-color{
	color:#fff !Important;
	background: #282E3E;
}
.link-text-div-2 p{
	color: #072040;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 26px;
	background: rgb(40, 46, 62);
    color: rgb(255, 255, 255);
    padding: 27px 16px;
    border-radius: 0px 5px 5px 5px;
}
.link-text-div-1{
	 position:relative;
	 left:
}

.link-text-div-1 h1{
	 font-weight:700;
}
.link-text-div-1 .fa-truck-ramp-box{
	color: #EF530F;
    font-size: 26px;
    margin: 15px 6px;
}
.link-text-div-2 .link-width{
	width: 80px;
	height: 2px;
	background: red;
	display: inline-flex;
	margin-left: -5px;
}
.img-bg{
	 background-image:linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)),url('../img/busy-shipping-port-with-containers-trade-action_91128-4581.jpg');
	 background-repeat:no-repeat;
	 background-position:center;
	 background-size:cover;
	 background-attachment:fixed;
	 margin-top:100px;
	 overflow:hidden;
}
.div-bg{
    padding: 0px 50px;
    height: 130px;
    align-content: center;
	color:#fff;
}
.div-bg h3{
	font-size: 25px;
    font-weight: 700;
    color: #fff;
	padding:0px 50px;
}
.cargo-icon{
	 width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    align-content: center;
    position: absolute;
    left: 46%;
	margin-top:-34px;
    z-index: 10;
}
.cargo-icon .fa-ship{
	     background: #fff;
    width: 90px;
    height: 90px;
    text-align: center;
    align-content: center;
    font-size: 50px;
    border-radius: 100%;
    color: #333;
    border: 1px solid #ddd;
}
.bg-style-1,.bg-style-2{
	margin: 0px 15px;
	padding:0px;
	overflow:hidden
}
 .bg-style-1{
	 background-color:#F7F7F7;
	 border:1px solid #222222;
	 border-bottom:3px solid #222222;
	 border-radius:0px 10px 10px 10px; 
 }
 .bg-style-1 p{
	  right:-600px;
 }
 .bg-style-2 p{
	  left:-600px;
 }
 .bg-style-2{
	background-color:#F7F7F7;
	border:1px solid #FFB118;
	border-bottom:3px solid #FFB118;
	border-radius:10px 0px 10px 10px; 
 }
.bg-style-1 p,.bg-style-2 p{
	     color: #58585a;
    width: 90%;
    text-align: end;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: .5px;
    float: right;
    margin: 16px 30px;
	position:relative;
}
.img-bg h3{
	font-weight:700;
	margin-bottom:32px;
}
.check-p{
	font-size:18px;
	letter-spacing:.8px;	
	position:relative;
	left:-700px;
}
.img-bg img{
	border-radius:5px;
}
.img-bg-col6{
	color:#FFF;
	padding:0px 32px;
}
.img-bg-col6 h3{
	position:relative;
	left:-700px;
}


.user-style{
	background:#fff;
	border-radius:5px;
	margin-bottom:38px;
	position:relative;
	right:-700px;
}
.user-style .col-3{
	color: #EF530F;
	font-size: 50px;
	text-align:center;
	align-content:center;	
}
.user-style .col-1{
	width:5%;
	align-content:center;
}
.user-style .col-8{
	align-content:center;
}
.user-style .col-8 p{
	color: #777;
	font-size: 14px ;
	padding: 22px 0px;
	margin:0px;
}
.user-style .col-1 span{
	width:3px;
	height:138px;
	background:#EF530F;
	float: left;	
}
.check-p-2{
	font-size:18px;
	letter-spacing:.8px;
	position:relative;
	right:-700px;
}
.div-bg-2{
	 background:#fff;
	 border-radius:0px 5px 5px 0px;
	 margin-top:32px;
	position:relative;
	right:-700px;
}
.div-bg-2 span{
	width:4px;
	height:146px;
	background:#EF530F;
	float: left;
}
.div-bg-2 p{
	color: #777;
	font-size: 17px;
	padding: 22px 27px;
	margin:0px;
}
.style-p{
	float:left;
	text-align:start;
	margin-bottom:0px;	
}
.link-text{
	position:relative;
	left:-700px;
}
/*sea-port-page-design-end*/

/*body-end*/

/*footer-start*/
.footer-icon i{
	width: 42px;
    background: #212121;
    height: 42px;
    padding: 12px 0px;
    border-radius: 25px;
    color: #fff;
    transition: .5s;	
}
.footer-icon .fa-facebook-f:hover{
	background-color:#0956B5;
}
.footer-icon .fa-twitter:hover{
	background-color:#28D4F9;
}
.footer-icon .fa-google-plus-g:hover{
	background-color:#F96A23;
}
.footer-icon .fa-linkedin-in:hover{
	background-color:#0E7EB5;
}

.fa-envelope{
    background: #212121;
    height: 38px;
    width: 39px;
    text-align: center;
    border-radius: 5px 0px 0px 5px;
    padding: 12px 0px;
}
button{
	background-color:#42b574 !important;
	color:#fff !important;
	font-weight: bold !important;
	border-radius: 0px 5px 5px 0px !important;
	transition: .5s;
}
button:hover{
	background-color: #55BBEB !important;
}
#useful-link-item li{
	color:#60BC64;
	font-size: 12px;
}
#useful-link-item li a{
	font-size: 16px;
	text-decoration: none;
	color:#fff;
}
#useful-link-item li a:hover{
	text-decoration: underline;
	color: #fff !important;
}
.latest-news-item i{
	color: #28D4F9;
	margin-right: 6px;
}
.latest-news-item p{
	width:151px;
}
.latest-news-item span{
	color:#9b9b9b ;
}
.latest-news-item h6:hover{
	color:#27BBDB ;
}
.navbar-brand:hover{
	color:#000 !important;
}
nav.navbar{
	position:sticky;
	top:0;
}


.footer-row{
	background-color: #191919;
	padding-top:60px;
	padding-bottom: 20px;
}
.footer-row h3{
	color:#fff;
	margin:0px;
	font-weight:600;	
}

/*footer-end*/