body { 
	background: linear-gradient(to right , #01489E, #ebebec) fixed;
	font-family: 'Roboto', sans-serif;

}
h1,h2,h3,h4 ,h5{
		 font-family: 'Sanchez', serif;
		 font-weight: bold;
}
@media (max-width: 600px){
		br{
			display: none;
		}
		hr{
			display: none;
		}
}
.row{
	margin-left:0 !important;
	margin-right:0 !important;
}
 

/**************logo and menu bar**************/
#logo-header {
		font-size: 22px;
		font-family: 'PT Serif', serif;
		font-weight: bold;
		color: #000;
		margin-bottom: -8px;
}
@media (max-width: 600px){
#logo-header {
		font-size: 18px;
		padding-left: 65px;
}
}
#logo {
		margin-top: 8px;

}
.navbar-brand img {
		padding:  0px;
}

@media (max-width: 600px){
	#logo {
		/*width: 80px;*/
		height: 50px;
		margin-left: 5px;
	}
	.navbar-header p {
		text-align: center;
		margin-top: -30px; 
		
	}
}
.navbar-inverse {
		margin-top: -4px;
		border: none;
		background-color: transparent;

}
.header {
		/*border-bottom: 3px solid #01489E;*/

}

#myNavbar ul li a{
		color: #333;
		line-height: 80px;
		font-size: 15px;
		font-weight: bold;
		text-transform: uppercase;
}
#myNavbar ul li a:hover {
		color: #333;
		background-color: #fcfcfd;
		border-radius: 5px 5px 5px 5px;
}
@media (min-width: 600px){
	#myNavbar ul li{
		margin-left: auto;
		margin-right: auto;
	}
	/*.center{
		position: relative;
		left:50%;
		transform: translateX(-50%);
	}*/
	.center img{
		padding-left:5%;
	}
}
@media (max-width: 600px){
		#myNavbar ul li a{
		color: #333;
		line-height: 20px;
		font-size: 12px;
		background-color: #01489E;
		float: left;
		margin-right: -15px;
		width: 100%;
}
#myNavbar ul li a:hover {
	color: #fff;
	background-color: #333;
}
}


/**************slider************************/
  #mycarousel{
	box-shadow: 0.5px 0.5px 5px 5px #fff;
  }

 .carousel-caption p {
 		font-size: 20px;
 		margin-bottom: 40px;
 		margin-left: 180px;
 		padding: 10px;
 		text-align: left;
 		
 		
 		
 }
 @media (max-width: 600px){
 		.carousel-caption p {
 				font-size: 13px;
 				margin-bottom: 5px;
 				margin-left:20px;
 				padding: 5px;
 				
 				line-height: 12px;
 		}
 }
 .carousel-caption h2{
 		text-align: left;
 		margin-left: 180px;
 		/*margin-right: 200px;*/
 		padding: 10px;
 		font-size: 50px;
 		
 }
 @media (max-width: 600px){
 		.carousel-caption h2 {
 				margin-left: 20px;
 				
 				font-size: 18px;
 				padding: 3px;
 				margin-right: 115px;
 		}
 }
 #slider img {
 		height: 420px;
 }
 @media (max-width: 600px){
 		#slider img{
 				height: 210px;
 		}
 }

 
.carousel-indicators li {
		width: 5px;
		height: 5px;
		background-color: blue;
}
.carousel-indicators .active {
		width: 5px;
		height: 5px;
}
@media (max-width: 600px){
		.carousel-indicators li{
				width: 2px;
				height: 2px;
				padding-left: 3px;
				padding-right: 3px;
				}
		.carousel-indicators .active{
				width: 2px;
				height: 4px;
		}
} 
.slider-background {
		/*background-color:   #7f7f82;*/
}
 /****************features***********/
 .features {
 		/*background-color: #ebebeb;*/
 		margin-top: -20px;
 		text-align: center;

 		
 }
 
 .features h3 {
 		text-align: center;
 		padding-top: 80px;
 		color:  #000;
 }
 .features img {
 		width: 150px;
 		height: 150px;
 		display: block;
 		margin-right: auto;
 		margin-left: auto;
 		background-color: #01489E;
 		border-radius: 50%;
 		padding: 15px;
 }
 .move-image :hover{
 		margin-top: -5px;
 }
 .features p {
 		color: #000; 
 		text-align: center;
 		padding-right: 30px;
 		padding-left: 30px;
 		
 }
.features h4 {
		text-align: center;
		color: #3855A6;
		padding-top: 30px;
}
@media (max-width: 600px){
		.features h3 {
				padding-top: 35px;
				font-size: 15px;
		}
		.features img {
				width: 100px;
				height: 100px;
				padding: 10px;
		}
		.features p {
				padding-right: 15px;
 				padding-left: 15px;
 				font-size: 12px;
		}
		.features h4 {
				font-size: 15px;
				padding-top: 5px;
		}
		.features hr {
				margin-right: 40px;
				margin-left: 40px;
				height: 1px;
		}
}
@media (max-width: 600px){
		.features button {
		margin-top: 5px;
		margin-bottom: 45px;
}
}
/******************about us***************/
#about-us {
		/*background-color:  #7f7f82;*/
		padding-top: 10px;
		padding-bottom: 50px;
}

#who-we-are {
		padding-left: 70px;
}
#who-we-are h3, h4 {
		color:  #01489E;
}
#who-we-are p ,li{
		color: #fff;
		text-align: left;
		padding-right: 30px; 
}
#why-choose-us p {
		color: #fff;
		text-align: left;
		padding-left: 60px;
		padding-right: 50px;
}
#why-choose-us img {
		margin-top: 10px;
		height: 360px;
}
#why-choose-us h4 {
		padding-left: 60px;
}
@media (max-width: 600px){
		#about-us p ,li {
				font-size: 12px;
				text-align:left;
		}
		#about-us h3, h4 {
				font-size: 15px;
				text-align: left;

		}
		#why-choose-us p,h4 {
				padding-left: 25px;
		}
		#why-choose-us h4 {
				padding-left: 25px;
		}
		#why-choose-us img {
				width: 100%;
				height: 200px;
		}
		#who-we-are {
				padding-left: 40px;
		}
}
/********************footer*******************/


#footer h4, p {
		text-align: center;
}
#footer h4 {
		padding-top: 60px;
		padding-bottom: 10px;
		color: #3855A6;
}
#footer img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 60px;
		height: 60px;
}
@media (max-width: 600px){
		#footer h4 {
			margin-top: -30px;
			font-size: 15px;
		}
		#footer p {
			font-size: 12px;
		}
		#footer img {
			width: 40px;
			height: 40px;
		}
}
.footer-background {
		/*background-color: #ebebeb;*/
		border-bottom: 5px solid #01489E;
}
.footerLink{
	color: #333;
}
#copyright p{
		padding-bottom: 20px;
}
@media (max-width: 600px){
		#copyright p {
			padding-bottom: 10px;
			font-size: 10px;
		}
}

/********************ABOUT US PAGE********************/
.about-page p{
		text-align: left;
		color: #000;
}
.about-page h4 {
		text-align: left;
}
.about-page h3 {
		text-align: center;
		color:  #000;
}
#paragraph h5 {
		text-align: left;
		font-size: 18px;
		color:  #333;
}
.our-mission h3 {
		color:  #01489E;
}
.our-mission p{
		text-align: left;
		color: #fff;
}
#mission-image img {
		width: 100%;
		height: 350px;
		margin-bottom: 50px;
}
.rounded-image{
	border-radius: 8px 8px 0 0;
}
@media (max-width: 600px){
		#mission-image img {
				height: 250px;
		}
}
.mission-background {
		/*background-color:   #7f7f82;*/
		padding-top: 50px;
		
}
@media (max-width: 600px){
		.mission-background{
			padding-top: 10px;
		}
}
/***************SERVICE PAGE******************/
.services-page h3 {
		text-align: center;
		color: #000;
		margin-bottom: 20px;
		margin-top: 50px;
}
@media (max-width: 600px){
		.services-page h3{
			margin-bottom: 10px;
			margin-top: 30px;
			font-size: 20px;
		}
}
.services-page {
		/*background-color: #ebebeb;*/
}
.service-page-footer {
		border-bottom: 3px solid #01489E;
}
.passanger-header {
		padding-left: 65px;
}
@media (max-width: 600px){
		.passanger-header {
				padding-left: 0px;
				margin-left: 10px;
		}
}
.passanger-text {
		text-align: left;
		padding-left: 65px;
		padding-right: 65px;
}
@media (max-width: 600px){
		.passanger-text {
			padding-left: 5px;
			padding-right: 5px;
		}
}
.charter-services p{
		text-align: left;
}
.charter-services {
		background-color: #fcfcfd;
		padding-bottom: 60px;
}
.charter-background {
		background-color:  #01489E;
}
#double-image-passanger {
		display: block;
		margin-right: auto;
		margin-left: auto;
}
#double-image-cargo-1 {
		display: block;
		margin-right: auto;
		margin-left: auto;
}
#double-image-cargo-2 {
		display: none;
		
}
@media (max-width: 600px){
		#double-image-cargo-1 {
				display: none;
		}
		#double-image-cargo-2 {
		display: block;
		margin-right: auto;
		margin-left: auto;
}
}
#ocean-1-image {
		width: 100%;
		height: 320px;
}
@media (max-width: 600px){
		#ocean-1-image {
			display: none;
			}
		#ocean-2-image{
			height: 250px;
		}
}
@media (min-width: 600px){
		#ocean-2-image {
		display: none;
		}
}
.charter-header {
		text-align: left;
}
@media (max-width: 600px){
		.charter-header {
			padding-left: 5px;
		}
}

/************************OUR FLEET****************/
.our-fleet h3 {
		text-align: center;
		padding-bottom: 30px;
		padding-top: 40px;
		color: #000;
}
.our-fleet h5 {
				text-align: left;
				color: #3855A6;
				font-size: 20px;
				padding-left: 10px;
				
		}
.our-fleet p {
		text-align: left;
		padding-left: 10px;
}
.our-fleet {
		margin-bottom: 40px;
}
@media (max-width: 600px){
		.our-fleet p{
				padding-right: 10px;
				padding-left: 10px;
		}
		.our-fleet h3{
				padding-bottom: 7px;
				padding-top: 8px;
		}
		.our-fleet h5 {
				text-align: left;
				color: #3855A6;
				font-size: 18px;
				padding-left: 10px;
		}
		.our-fleet {
				margin-bottom: 0px;
		} 
}
.fleet-background{
		background-color: #c9c9c9;
		height: 400px;
		margin-bottom: 20px;
		border-bottom: 1px solid #979393;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
}
.fleet-image :hover {
		margin-top: -5px;
}
/********************end******************/