/* @override 
	https://stagingserver004.co.uk/frasercentre2025/templates/frasercentre/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;
}
#page header.main-header div.container {
	display: none;
}
/* below paste this */	
	#page header.main-header {
	position: absolute;
	top: -222px;
}

/* above paste this */	
#mainbody {
	display:  none;
}
.LOGO {
	padding-right: 0;
	padding-left: 0;
		text-align: right;

}
.FORSALE {
	text-align: right;
		padding-right: 0;
	padding-left: 0;
}
#fraserheaderid div.container  {
		padding-top: 0;
	padding-bottom: 0;
}

#fraserheaderid {
  background: #747272;
}

#frasernavid {
  background: #ed6a00;

}
#frasernavid div.container {
		padding-top: 0;
	padding-bottom: 0;

}
#topHEADER{
    position: fixed;
    top: 0px;
    margin: auto;
    z-index: 100000;
    width: 100%;
}
  .mobileHOME {
	margin-top: 150px;
}
  .mobileHOME div.custom {
  	background-color: #747272;
  }
  
    .mobileHOME h1 {
		margin-right: 15px;
	margin-left: 15px;
		margin-bottom: 10px;
		font-family: "Roboto Condensed", Arial, Helvetica, Geneva, sans-serif;
		color: white;
		font-weight: 700;
	}
	    .mobileHOME h2 {
			padding-bottom: 15px;
	padding-right: 15px;
			padding-left: 15px;
					font-family: "Roboto Condensed", Arial, Helvetica, Geneva, sans-serif;
			color: white;
		}
@media (max-width: 767px) {
  
  /* below paste this */	
	#page header.main-header {
	position: relative;
	top: 0px;

}
  .mobileHOME {
	margin-top: 180px;
}

  
}
@media (max-width: 480px) {
  .FORSALE {
	text-align: center;
		padding-right: 0;
	padding-left: 0;
}
      #topHEADER {
    	position: static;
    top: 0px;
    margin: auto;
    z-index: 100000;
    width: 100%;
}
  .mobileHOME {
	margin-top: -10px;
}

}
@media (max-width: 992px) {
  .FORSALE {
	text-align: center;
		padding-right: 0;
	padding-left: 0;
}
.LOGO {
	padding-right: 0;
	padding-left: 0;
		text-align: center;

}

}