.jumbotron{
	
	
	background-image: url('../img/background-2.jpg'); 
	background-size: cover;
	background-position: center center; 
	height: 65vh;
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-items: center;

}
.jumbotron p{
	/*border: 2px solid green;*/
}
.login-form{
	/*padding: 20px;*/
}
.navbar{
	
	margin-bottom: 0px;
	position: fixed;
	width:  100%;
	z-index: 200;
}

.login-row{
	height: 100vh;

}

.login-cont{
  height: 100vh; 
  display: grid; 
  grid-template-columns: 1fr; 
  align-items: center;
}
.status{
	visibility: hidden;
}
.clients{
	background: rgb(230,230,230);
	margin-top: 50px;
	padding: 50px 0px;
}
.clients img{
	width: 350px;
	height: 200px;
}
.clients .row{
	margin-bottom: 30px;
}
.clients h2{
	text-align: center;
	font-family: Arial;
	color: rgb(51,51,51);
	letter-spacing: 1.5px;
	font-weight: bold;
	margin-bottom: 80px;

}

.services{
	
	margin-top: 50px;
	padding: 40px 0px;
}

.services .row{
	margin-bottom: 30px;
}
.services h2{
	text-align: center;
	font-family: Arial;
	/*color: rgb(51,51,51);*/
	color: rgb(0,0,0);

	letter-spacing: 1.5px;
	font-weight: bold;
	margin-bottom: 50px;

}

.services .box{
	border: 1px solid rgb(250,250,250);
	
	height: 250px;
}

.services .box p{
	text-align: justify;
	
	line-height: 24px;
}

.services .box .row{
	
	padding: 10px 20px;
}

.whychooseus{
	background: rgb(230,230,230);
	margin-top: 50px;
	padding: 40px 0px;
}

.whychooseus .row{
	margin-bottom: 30px;
}
.whychooseus h2{
	/*text-align: center;*/
	font-family: Arial;
	/*color: rgb(51,51,51);*/
	color: rgb(0,0,0);

	letter-spacing: 1.5px;
	font-weight: bold;
	margin-bottom: 50px;

}

.whychooseus p{
	text-align: justify;
	font-size: 16px;
	
	line-height: 24px;
}

.whychooseus img{
	max-width: 100%;
}

.wcuimg{
	/*background-image: url('../../img/byair.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;*/
	/*transition: 5s;
	-moz-transition: 5s;
	-webkit-transition: 5s;

	animation-name: animate;
	animation-direction: alternate-reverse;
	animation-duration: 30s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-play-state: running;
	animation-timing-function: ease-in-out;*/


	
}

/*@-webkit-keyframes animate{
	0%{
		background-image: url('../../img/byroad.jpg'); 
	}50%{
		background-image: url('../../img/ship.jpg'); 
	}100%{
		background-image: url('../../img/byair.jpg'); 	
	}
}*/

/*@-moz-keyframes animate{
	0%{
		background-image: url('../../img/byroad.jpg'); 
	}50%{
		background-image: url('../../img/ship.jpg'); 
	}100%{
		background-image: url('../../img/byair.jpg'); 	
	}
}*/


.others{
	background-image: url('../../img/background2.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	height: 300px;
	display: grid;



}

.others-overlay{

	position: relative;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
	




}


.o-box{
	
	
	padding: 0px;
	/*border: 1px solid orange;
	color: white;*/
	text-align: center;

}

.other-rows{
	height: 300px; 
	/*border: 1px solid green; */
	display: grid; 
	align-items: center; 
	grid-template-columns: repeat(3, 1fr); 
	justify-items: center;

}
.o-box span{
	color: rgb(97, 149, 255);
	font-size: 36px;
}
.o-box-first{
	margin-top: 20px;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 1.2px;
	color: white;
	text-shadow: 2px 2px 5px #000000

}
.o-box-second{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1.5px;
	color: white;
	text-shadow: 2px 2px 5px #000000

}


.get-in-touch{
	
	margin-top: 50px;
	padding: 40px 0px;

}

.get-in-touch .row{
	margin-bottom: 30px;
}
.get-in-touch h2{
	text-align: center;
	font-family: Arial;
	/*color: rgb(51,51,51);*/
	color: rgb(0,0,0);

	letter-spacing: 1.5px;
	font-weight: bold;
	margin-bottom: 50px;

}

.get-in-touch .box{
	border: 1px solid rgb(250,250,250);
	
	height: 250px;
}

.get-in-touch .box p{
	text-align: justify;
	
	line-height: 24px;
}

.get-in-touch .box .row{
	
	padding: 10px 20px;
}
.git{
	text-align: center;
	display: grid;
	justify-items: center;
	margin-top: 30px;
}
.git-first{
	
	font-size: 16px;
	color: rgb(100,100,100);
	text-align: center;
	letter-spacing: 1.2px;
	font-weight: bold;
}

.git-rows{

}


.footer{

	margin-top: 50px;
	padding: 40px 0px;
	background-color: rgb(28,29,33);
	height: 300px;

}
.footer .row{
	text-align: center;
}

.footer-logo{
	width: 250px;
	height: 100px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.footer-logo img{
	
	max-width: 100%;

}

.footer-p{
	color: rgb(100,100,100);
}
.footer-p a{
	text-decoration: none;
}
.footer-p a:hover{
	cursor: pointer;
}

.git-rows .box{
	
	padding-top: 50px;
}
.about-jumbo{
	background-image: url('../../img/background4.jpg');
	background-size: cover;
	background-position: center center;
	height: 400px;
}


.about-img-heading{
	padding-top: 230px;
}
.about-img-heading h2, h3{
	color: white;
	

}
.about-img-heading h2{
	margin-bottom: 0px;
}
.about-img-heading h3{
	margin-top: 0px;
}

.about-detail p{
	text-align: justify;

}

.about-detail img{
	margin: 0 0 0 10px;
}

.portfolio-jombo{
	background-image: url('../../img/clients.png');
	background-size: cover;
	background-position: center center;
	height: 400px;
}

.services-jumbo{

	background-image: url('../../img/services.jpg');
	background-size: cover;
	background-position: center center;
	height: 400px;	

}

.service-cont{
	

}

.services-c{
	
	padding-top: 0px;
}

.services-d{
	
}

.services-e{
	
	margin-top: 0px;
	padding-top: 30px;
}

.about-detail h3{
	color: rgb(51,51,51);
	font-weight: bold;
	margin-bottom: 40px;
}

.services h3{
	color: rgb(51,51,51);
	font-weight: bold;
	margin-bottom: 20px;
}

.clients .row{
	text-align: center;
}

.clients .row div{
	text-align: center;
	margin-bottom: 30px;
	
	
}

.clients .row div img{
	margin:  0 auto;
}
.signup-cont h3{
	color:  rgb(51,51,51);
	margin-bottom: 30px;
}

#signup_client{
	display: none;
}

#signup_transporter{
	display: none;
}