/* @override http://hollisterdesign.co.uk/templates/hollister/css/custom.css */

/* @override http://stagingserver004.co.uk/hollister2020/templates/hollister/css/custom.css */

/* @override http://stagingserver004.co.uk/hollister2020/templates/hollister/css/custom.css */

/* @override http://stagingserver004.co.uk/hollister2020/templates/hollister/css/custom.css */

/* @override http://stagingserver004.co.uk/hollister2020/templates/hollister/css/custom.css */

/*=Montserrat:wght@300;400;600&display=swap" rel="stylesheet"  */

.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;
}
#page header.main-header div.container {
	display: none;
}
#bottom2 .ServicesPAGE h2 {
	margin-bottom: 15px;
}

#bottom2 .ServicesPAGE p {
	margin-top: -5px;
}

#bottom2 p a {
	color: black;
			font: 400 14px Montserrat, Arial, Helvetica, Geneva, sans-serif;
	background: url(/images/play-button.png) no-repeat;
	padding: 3px 25px 5px 30px;
	white-space: nowrap;
}
#bottom2 p a:hover {
	color: black;
	text-decoration: underline;
}
.mainnav {
	font-family: Montserrat, Arial, Helvetica, Geneva, sans-serif;
	padding-top: 17px;
}

#panel-overview div.mob-menu-above div.module div.module-content ul.nav.mm-list li a {
	background-color: transparent;
	text-transform: uppercase;
		font-family: Montserrat, Arial, Helvetica, Geneva, sans-serif;
	padding-top: 17px;
	color: black;
	text-align: center;
}

#top_header {
	position: fixed;
	width: 100%;
	background-color: white;
	z-index: 99;
}

h1 {
	font: 600 22px Montserrat, Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 22px;
}

#page header.main-header div.container {
	padding-top: 5px;
	padding-bottom: 5px;
}

h2 {
		font: 400 18px/24px Montserrat, Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 5px;
}

#bottom2 h2 {
	color: black;
			font: 400 18px/24px Montserrat, Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 5px;
}
#bottom2 p {
		font: 300 14px/22px Montserrat, Arial, Helvetica, Geneva, sans-serif;
	color: black;
	margin-bottom: 22px;
}

#footer1 {
	color: gray;
	font-size: 11px;
	background: #ececec repeat-x;
}

#footer1  p {
	font-size: 11px;
}

#footer1 div.container {
	padding-top: 5px;
	padding-bottom: 5px;
}

#contact {
			padding-top: 80px;
	padding-bottom: 80px;
}

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

#bottom2 .ServicesPAGE div.module-content {
		padding-right: 100px;
	padding-left: 100px;
}

#contact p a {
	color: black;
}
#contact p a:hover {
	color: black;
	text-decoration: underline;
}
#bottom2 {
		padding-top: 80px;
	padding-bottom: 80px;
	background: #f2f2f2 url(h.png) no-repeat right bottom;
}
p {
		font: 300 14px/20px Montserrat, Arial, Helvetica, Geneva, sans-serif;
	color: black;
}

#mainbody div.container {
	text-align: center;
}

#mainbody {
	padding-top: 80px;
}

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

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

.MainLogo {
	padding-top: 11px;
	padding-bottom: 11px;
}

.mainnav div.module-content {
	float: right;
}


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

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

a.navbar-brand {
	width: 130px;
	padding: 11px 0 5px;
}
#bottom2 p a {
	line-height: 33px;
	padding-top: 5px;
	padding-bottom: 5px;
}
	#top_header {
	width: 100%;
	background-color: white;
	z-index: 99;
	position: static;
}
div#content-area {
	padding-right: 20px;
	padding-left: 20px;
}
#bottom2 .ServicesPAGE div.module-content {
		padding-right: 20px;
	padding-left: 20px;
}

}