/* @override 
	https://stagingserver004.co.uk/towerwharf2024_v2/templates/towerwharf/css/custom.css */

/* ----

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}

Roboto Condensed: CSS class for a variable style
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.roboto-condensed-<uniquifier> {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

---*/

.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;
}
/* below paste this */	
	#page header.main-header {
	position: absolute;
	top: -222px;
}
#page header.main-header div.container {
	display: none;
}
#mainbody {
	display:  none;
}
/*#slider{
  padding-top: 50px;
}*/

.mainNAV {
	margin-top: 20px;
}
ul.maximenuck {
		text-align: right;
	}
#towernav {
    background-color: #363c4b;
    position: fixed;
    top: 0px;
    margin: auto;
    z-index: 100000;
    width: 100%;
}
#towernav div.container {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  /* below paste this */	
	#page header.main-header {
	position: relative;
	top: 0px;
}
.mainLOGO {
	text-align: center;
}

ul.maximenuck {
		text-align: center;
	}
@media (max-width: 480px) {
    #towernav {
    	position: static;
    background-color: #363c4b;
    top: 0px;
    margin: auto;
    z-index: 100000;
    width: 100%;
}

/*  #slider{
  padding-top: 0px;
/*}

}

@media (max-width: 992px) {
.mainNAV {
	margin-top: 0px;
}
}