/* @override http://marineblueltd.com/templates/marineblue/css/custom.css
	https://briannoursehosting.com/MARINE2023/templates/marineblue/css/custom.css */



/*  Montserrat:wght@300;500;600;700  */

/*  News page CSS  */

div#content-area {
	padding-left: 20px;
	padding-right: 20px;
}

a.navbar-brand {
	padding-top: 11px;
	padding-bottom: 2px;
	width: 140px;
}

#panel-overview {
	background-color: #00486c;
	color: white;
						font: 300 16px/20px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	border-bottom-style: none;
}
#page header.main-header div.container {
	display: none;
}
div#map {
	float: right;
}

#system-message div.alert.alert-error {
	display: none;
}

div div.uk-panel p a {
	text-transform: uppercase;
							font: 400 13px/20px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	color: black;
}


#panel-overview div.mob-menu-above div.module div.module-content ul.nav.mm-list a:hover {
	border-bottom: 1px solid gray;
	background-color: transparent;
	color: white;
}
#panel-overview div.mob-menu-above div.module div.module-content ul a {
	border-bottom: 1px none gray;
	background-color: transparent;
	color: white;
}

#panel-overview div.mob-menu-above div.module div.module-content ul.nav.mm-list .current.active a {
	border-bottom: 1px solid gray;
	background-color: transparent;
	color: white;
}

#panel-overview div.mob-menu-above div.module div.module-content ul.nav.mm-list li {
	border-bottom-style: none;
}

div.navbar-toggle.navbar-btn.pull-right.visible-xs {
	padding-top: 22px;
}

#page header.main-header div.container a div.navbar-toggle.navbar-btn.pull-right.visible-xs span.icon-bar {
	background-color: white;
}

div.logo.pull-left {
}

.LatestNEWSMain div div.uk-panel div.uk-margin p {
	margin-top: 0;
}

#content-area div.item-pageNewsPageCSS div h2 {
					font: 300 16px/20px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
}

#content-area div.item-pageNewsPageCSS div p {
						font: 300 13px/20px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	color: black;
}
#content-area div.item-pageNewsPageCSS div p a {
						font: bold 13px/20px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	color: black;
	text-transform: uppercase;
}
.LatestNEWSMain h2 {
				font: 300 13px/19px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
}

.LatestNEWSMain div.uk-panel {
	border: 1px solid #eaeaea;
	padding: 15px;
}

.LatestNEWSMain div {
	padding-left: 30px;
}

.LatestNEWSMain div div.uk-panel div.uk-margin {
	padding-left: 0;
}

.LatestNEWSMain div div.uk-panel p a.uk-button {
					font: 300 12px/22px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	background-color: #0a3f64;
	color: white;
	text-transform: uppercase;
	padding: 5px 11px;
}


/*  News page CSS End */


/* Contact page */

#content-area div.item-pagecontactUSpageCSS div h1 {
		margin-bottom: 55px;
	text-align: center;
}

#Name {
	border-radius: 0px;
	width: 100%;
	margin-bottom: 0;
}

div.rsformcol-lg-6.col-md-6.col-sm-6.col-xs-12.ContactFORM {
	width: 90%;
					font: normal 12px/22px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	padding-left: 0;
	padding-right: 0;
}

label.formControlLabel {
	font-weight: normal;
	font-style: normal;
}

#Company {
		border-radius: 0px;
	width: 100%;
		margin-bottom: 0;

}

#Send {
			border-radius: 0px;
	background-image: none;
	background-color: black;
						font: normal 12px/22px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	border-style: none;
}

#Telephone {
		border-radius: 0px;
	width: 100%;
		margin-bottom: 0;

}

#Email {
		border-radius: 0px;
	width: 100%;
		margin-bottom: 0;

}

#Enquiry {
		border-radius: 0px;
	width: 100%;
		margin-bottom: 0;

}

#captchaTxt28 {
		border-radius: 0px;
	width: 100%;
		margin-bottom: 0;

}

.ContactUS div.module-content div.custom h1 {
					font: 22px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
					font-weight: 300;


}

.ContactUS div.custom p img {
	width: 200px;
	float: right;
	
}
.ContactUS div.custom p {
						font: 300 13px/20px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	color: black;
	
}





/* Contact page End */


.ProjectsGALLERYCSS div.uk-panel {
	background-color: white;
		border: 1px solid #eaeaea;
	padding: 15px;
	text-align: center;
}


.ProjectsGALLERYCSS div.uk-panel div {
					font: 300 13px/19px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	color: black;
}

#content-area div.item-pageProjectsPageCSS div h1 {
	margin-bottom: 55px;
	text-align: center;
}











#bottom1 div.row div.module.col-md-6 div.module-title h3 {
		position: absolute;
	text-transform: none;
	display: block;
	margin-left: 100px;
	margin-top: 77px;
		font: 300 22px/25px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	color: white;
}





.navbar.navbar-fixed-top.nav-custom {
  background-color: white;
  padding: 0;
  margin: 0;
  z-index: -20;
  border-style: none;
  -webkit-box-shadow:0 0px 0px #000000;box-shadow:0 0px 0px;
}
.navbar {
  padding: 0;
  margin: 0;
  border-style: none;
}
	#page header.main-header {
	position: absolute;
	top: -222px;
}

.footerINFO {
		font: 300 11px/19px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	color: white;
}

.MainNAV {
	padding-right: 4px;
	padding-left: 4px;
}

#bottom1 {
	background-color: #eaeaea;
}

.ContactUSBOX {
	padding: 45px 30px 45px 80px;
}

.ContactUSBOX p {
			font: 300 14px/22px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	color: black;
	margin-top: 0;
}
.ContactUSBOX p a {
			font: 400 14px/22px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	color: black;
	margin-top: 0;
}

.ContactUSBOX h1 {
				font: 22px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
font-weight: 300;
}
#bottom1 .ContactUSBOX p img {
	width: 250px;
	float: right;
	margin-left: 22px;
	border: 1px solid silver;
}

#about_us div.module.aboutus_Slider {
	background: #eaeaea url(watermark.png) no-repeat left bottom;
}

.socialMEDIA p img {
	width: 33px;
	margin-right: 11px;
}

#footer div.footer div.container {
	width: 100%;
	padding: 40px 70px;
	background-color: black;
}

#footer .footerINFO h1 {
			font: 300 14px/19px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	color: white;
	margin-bottom: 5px;
}

#footer .footerINFO h2 {
				font: 300 12px/19px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
	color: white;
	text-transform: uppercase;
	margin-top: 5px;
}

.socialMEDIA div.module-content p {
	text-align: right;
}

.mainLOGO p {
	margin-top: 0;
	margin-bottom: 0;
}

.TelNO  p {
	text-align: right;
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	font: 11px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
}
.TelNO  p a {

	color: white;
}
.TelNO  p a:hover {

	color: white;
	text-decoration: underline;
}
.MainNAV div.module-content {
	float: right;
		font: 11px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
font-weight: 300;
}
/*==========NEW CSS ===============*/
.LatestNEWSMain div.uk-margin h1 {
				font: 300 13px/19px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
				margin-top: 0;
	margin-bottom: 0;
}
.LatestNEWSMain div.uk-margin h2 {
				font: 300 13px/19px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
				margin-top: 15px;
	margin-bottom: 0;
}
.LatestNEWSMain div.uk-panel p a:hover {
				font: 400 13px/19px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
				margin-top: 15px;
	margin-bottom: 0;
	color: black;
}
.ProjectsGALLERYCSS div.uk-panel img {
		padding-bottom: 30px;
}
.ProjectsGALLERYCSS div.uk-panel div h2 {
		padding-bottom: 0px;
						font: 300 18px/19px "Montserrat", Arial, Helvetica, Geneva, sans-serif;

		
}
 .ProjectsGALLERYCSS  div.uk-grid-margin.uk-first-column div.uk-panel div h2 {
		padding-bottom: 0px;
						font: 300 18px/19px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
							margin-top: 0;

		
}
.ProjectsGALLERYCSS div.uk-panel div h2 {
		padding-bottom: 0px;
						font: 300 18px/19px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
							margin-top: 0;

		
}
/*==========NEW CSS ===============*/

#content-area h1 {
			font: 22px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
font-weight: 300;
}

#content-area div.item-pageGalleryPageCSS div h1 {
				font: 22px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
font-weight: 300;
	text-align: center;
}

#page header.main-header div.container {
	padding-top: 0;
	padding-bottom: 0;
	background-color: black;
	height: 70px;
}



#top {
		position: fixed;
	z-index: 999;
	top: 0;
	width: 100%;
  		transition: 0.4s;
	background: url(https://marineblueltd.com/images/grad-top.png) repeat-x center top;
}
#MAINlogo {
  		transition: 0.4s;
}



#top div.container {
	padding: 0;
}


#slider {
	z-index: 100;
}




@media (max-width: 767px) {
  	#page header.main-header {
	position: relative;
	top: 0px;

}

	#top {
		position: absolute;
	z-index: 999;
	top: 0;
	width: 100%;
	margin-top: 50px;
      	background-color: black;
	display: none;
}

}
@media (max-width: 480px) {
	
}
@media (max-width: 992px) {

#MAINlogo p a img {
	padding-right: 60px;
	padding-left: 60px;
	width: 250px;
}

.MainNAV {
	padding-right: 4px;
	padding-left: 4px;
}
.MainNAV div.module-content {
		font: 11px "Montserrat", Arial, Helvetica, Geneva, sans-serif;
font-weight: 300;
}
#top div.container {
	background-color: black;
	width: 100%;
	margin-top: -10px;
	padding-top: 10px;
	position: fixed;
}

.TelNO  p {
	text-align: center;
	margin-bottom: 0;
	margin-top: 10px;
}
.socialMEDIA div.module-content p {
	text-align: left;
}



}