@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: "Qanelas";
	src: url(/ups/images/fonts/Qanelas-Regular.woff2) format('woff2');
}

@font-face {
	font-family: "Qanelas-SemiBold";
	src: url(/ups/images/fonts/Qanelas-SemiBold.woff2) format('woff2');
}

body {
	padding-top:0px;
	margin-bottom: 67px;
	color: #4d4d4f;
}

label {
	color:#FFFFFF;
}

.label_alt {
	color:#4d4d4f;
	font:Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:12px;
}

.topPad { /* use to bypass the top menu. Home page doesn't need this */
	padding-top:50px;
}

.topPad80 {
	padding-top:80px;
}

.topPad60 {
	padding-top:60px;
}

.rightPad15 { 
	padding-right:15px;
}


.topBottomPad { /* standard row top and bottom padding */
	padding-top:10px;
	padding-bottom:15px;
}

.bottomPad {
	 padding-bottom:15px;
 }

.bottomPad30 {
	padding-bottom:30px;
}

.bottomPad60 {
	padding-bottom:60px;
}

.topPad7 { 
	padding-top:7px;
}

.topPad15 {
	padding-top:15px;
}

.topPad30 {
	padding-top:30px;
}

.homeBox {
	background-color:#4d4d4f;
	height:80px;
	/*padding-top:34px;*/

	margin-bottom:10px
	

}

.homeBoxGrey {
	background-color:#c5c6c8;
	min-height:35px;
	padding-top: 5px;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
}



.buttonText {
	color:#FFFFFF;
	font-family:Verdana, Sans-serif;
	font-size:14px;	
}

.bottomBorder {
	border-bottom: 2px solid #e8e8e8;
}

.topBorder {
	border-top: 2px solid #e8e8e8;
}

.homeBox p {
	  position: relative;
  top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
}

.boxTestimonial {
	background-color: #4d4d4f;
/*	height:130px;*/
	padding-top:25px;
	padding-bottom:25px;
	color:#FFFFFF;
	font:Helvetica, Arial, sans-serif;
	font-size:28px;
	text-align:center;
	
}

.boxTestimonialTitle {

	color:#68696c;
	font-family:"Century Gothic", Helvetica, Arial, sans-serif;
	font-size:28px;
	text-align:center;
	padding-top: 15px;

}



.boxTestimonialWhite {
	background-color: #959596;
	/*	height:130px;*/
	padding-top:25px;
	padding-bottom:25px;
	margin-bottom: 20px;
	margin-top: 20px;
	color:#FFFFFF;
	font:Helvetica, Arial, sans-serif;
	font-size:28px;
	text-align:center;

}

.navbar-default {
	background-image:none;
	box-shadow:none;
	border:none;
	background-color:#ffffff;
}

.transparent {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;
}

.transparent2 {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */


	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;
}

.transparent80 {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;
}

.transparent60 {
	 /* Required for IE 5, 6, 7 */
	 /* ...or something to trigger hasLayout, like zoom: 1; */
	 width: 100%;

	 /* Theoretically for IE 8 & 9 (more valid) */
	 /* ...but not required as filter works too */
	 /* should come BEFORE filter */
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

	 /* This works in IE 8 & 9 too */
	 /* ... but also 5, 6, 7 */
	 filter: alpha(opacity=60);

	 /* Older than Firefox 0.9 */
	 -moz-opacity:0.6;

	 /* Safari 1.x (pre WebKit!) */
	 -khtml-opacity: 0.6;

	 /* Modern!
     /* Firefox 0.9+, Safari 2?, Chrome any?
     /* Opera 9+, IE 9+ */
	 opacity: 0.6;
 }

.transparent100 {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%;

	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=100);

	/* Older than Firefox 0.9 */
	-moz-opacity:1.0;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 1.0;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 1.0;
}




.navbar-brand, .navbar-nav > li > a {
	text-shadow:none;
}


.navbar-brand {
	float: left;
	height: 110px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 10px;
}

/*.navbar-nav > li {*/
/*float: none;*/
/*display: inline-block;*/
/*background-color: #ffffff;*/

/*}*/

.serviceIcon {
	text-align: center;
	margin-bottom: 50px;
}



.navbar-default .navbar-nav > li > a {
	color:#13539f;
	font-family: "Qanelas", Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	/*line-height: 100px;*/
	margin-top: 40px;

}

.navbar-default .navbar-nav > li > a:hover {
	text-decoration: underline;
	color:#13539f;
}



/*.navbar-nav {*/
	/*width: 100%;*/
	/*text-align: center;*/

/*}*/







.qHeading1 {
	color:#13539f;
	font-family: "Qanelas-SemiBold", Helvetica, Arial, sans-serif;
	font-size: 145%

}

.qHeading1b {
	color:#13539f;
	font-family: "Qanelas", Helvetica, Arial, sans-serif;
	font-size: 145%

}

.qHeading1c {
	color:#13539f;
	font-family: "Qanelas", Helvetica, Arial, sans-serif;
	font-size: 110%

}

.qHeading2 {
	color:#13539f;
	font-family: "Qanelas-SemiBold", Helvetica, Arial, sans-serif;
	font-size: 110%
}

.qHeading2b {
	color:#13539f;
	font-family: "Qanelas-SemiBold", Helvetica, Arial, sans-serif;
	font-size: 120%
}

.qHeading2c {
	color:#13539f;
	font-family: "Qanelas-SemiBold", Helvetica, Arial, sans-serif;
	font-size: 100%
}

.qHeading1_white {
	color:#ffffff;
	font-family: "Qanelas", Helvetica, Arial, sans-serif;
	font-size: 150%;
	font-weight: normal;
	font-style: normal;
}

.dropdown-menu a {
	color: #13539f !important;
	font-family: "Qanelas", Helvetica, Arial, sans-serif;
	font-size: 110%;
	font-weight: normal;
	font-style: normal;
}

.lightBlueJobBox {
	border-radius: 12px;
	background-color: #e2eaf3;
	width: 80%;
	font-family: "Qanelas", Helvetica, Arial, sans-serif;
	font-size: 90%;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 10px;
}

#jobBox {
	margin-top: 50px;
	border-radius: 12px;
	box-shadow: 5px 5px 5px #f8fafc;
}

.jobBoxHeader {
	background-color: #f8fafc;
	padding: 15px;
	border-radius: 12px;
}

.relatedPos {

}

div.circle-avatar{
	/* make it responsive */
	max-width: 80%;
	width:80%;
	height:auto;
	display:block;
	/* div height to be the same as width*/
	padding-top:80%;

	/* make it a cirkle */
	border-radius:50%;

	/* Centering on image`s center*/
	background-position-y: center;
	background-position-x: center;
	background-repeat: no-repeat;

	/* it makes the clue thing, takes smaller dimention to fill div */
	background-size: cover;

	/* it is optional, for making this div centered in parent*/
	margin: 0 auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	border:3px solid #FFFFFF;

}




.headerGreyBG {
	background-color: #fbfbfb;
}

.greyBGlight {
	background-color: #f5f8fa;
}

.borderGrey {
	border:1px solid #fbfbfb;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	box-shadow: 3px 7px 5px #fbfbfb;
}

a.anchor {
	display: block;
	position: relative;
	top: -150px;
	visibility: hidden;
}

.qBodyText {
	font-family: "Qanelas", Helvetica, Arial, sans-serif;
	font-size: 110%;
	font-weight: normal;

}

.qBodyText_white {
	font-family: "Qanelas", Helvetica, Arial, sans-serif;
	font-size: 105%;
	font-weight: normal;
	color: #ffffff;

}

.qBodyText_blue {
	font-family: "Qanelas", Helvetica, Arial, sans-serif;
	font-size: 105%;
	font-weight: normal;
	color: #13539f;

}

.bigPageHeading {
	font-family: "Qanelas", Helvetica, Arial, sans-serif;
	font-size: 255%;
	font-weight: normal;
	color: #ffffff;
}


.bigPageSubHeading {
	font-family: "Qanelas", Helvetica, Arial, sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #ffffff;
}

.bigPageButton {
	font-family: "Qanelas", Helvetica, Arial, sans-serif;
	font-size: 130%;
	font-weight: normal;
	color: #ffffff;
}

.testimBoxImage {
	height: 60px;
}

.qQuoteText {
	color: #6b6b6b;
}

.pageTopMargin {
	margin-top: 170px;
}

.lightGrayBG {
	background-color: #fafafa;
}

.homeBG1 {
	background: url(/fnw/images/homeImage1LG.jpg) no-repeat center center /* fixed */;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.homeBG2 {
	background: url(/fnw/images/homeImage2LG.jpg) no-repeat center center /* fixed */;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.auctionBG {
	background: url(/fnw/images/auctionsHeader.jpg) no-repeat center center /* fixed */; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.testimonialsBG {
	background: url(/fnw/images/testimonialsHeader.jpg) no-repeat center center /* fixed */; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.careersBG {
	background: url(/fnw/images/careersHeader.jpg) no-repeat center center /* fixed */; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.freetextBG {
	background: url(/fnw/images/freeTextHeader.jpg) no-repeat center center /* fixed */; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.forSellersBG {
	background: url(/fnw/images/forSellersHeader.jpg) no-repeat center center /* fixed */; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.forLandlordsBG {
	background: url(/fnw/images/forLandlordsHeader.jpg) no-repeat center center /* fixed */; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.bgImage {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.whiteHeading {
	color:#ffffff;
	font-size:18px;
	font-family: Helvetica, Arial, sans-serif
}

.blackHeading {
	color:#000000;
	font-size:18px;
	font-family: Helvetica, Arial, sans-serif
}

.whiteSmall {
	color:#ffffff;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif
}

.greySmall {
	color:#4d4d4f;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif
}

.greyTiny {
	color:#4d4d4f;
	font-size:10px;
	font-family: Helvetica, Arial, sans-serif
}

.greyMedGothic {
	color:#4d4d4f;
	font-size:16px;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif
}

.greyMedGothicBold {
	color:#4d4d4f;
	font-size:16px;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-weight: bold ;
}


.whiteTiny {
	color:#ffffff;
	font-size:11px;
	font-family: Helvetica, Arial, sans-serif

}

.blackSmall {
	color:#000000;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif
}


.blueHeading {
	 color:#006c9e;
	 font-size:14px;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif
 }

.blueText {
	color:#006c9e;
	font-size:14px;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif
}


.blueHeadingMed {
	color:#006c9e;
	font-size:16px;
	font-family: Helvetica, Arial, sans-serif
}

.blueHeadingMedGothic {
	color:#006c9e;
	font-size:16px;
	font-weight: bold;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif
}

.blueHeadingLargeGothic {
	 color:#006c9e;
	 font-size:55px;
	 font-weight: bold;
	 font-family: "Century Gothic", Helvetica, Arial, sans-serif
 }

.whiteHeadingLargeGothic {
	color:#ffffff;
	font-size:55px;
	font-weight: bold;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif
}


.spHeading {
	color:#006c9e;
	font-size:20px;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.spSubHeading {
	color:#006c9e;
	font-size:14px;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
}


.upsDarkGrey {
	background-color: #2b2b2b;
}

.arrowText {
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
}

.form-control {
	background-color:#ebebec;	
}

.form-control_alt {
	background-color:#ffffff;	
}

.btn-primary {
	background-image: linear-gradient(to bottom, #337AB7 0px, #00467e 100%);
	
	
}

.serviceBorder {
	border-radius: 18px;
	border: solid 1px #337AB7;
}

.serviceIconBox {

	margin-top: -20px;
	text-align: right;
	margin-right: 20px;

}

.serviceIconBoxNew {

	margin-top: -20px;
	margin-right: 20px;

}

.serviceToggleButton {
	margin-top: 20px;
}

.socialBox {
	background-color: #00467e;
}

.darkGrey {
	background-color: #4d4d4f;
}

.lightGrey {
	background-color: #959596;
}

.lighterGrey {
	background-color: #D7D8D9;
}

.logoRow {
	background-color:#FFFFFF;
	height:60px;
}

.whiteText {
	color:#FFFFFF;
}

.propertyBox {
	margin-right:10px;
		
}

.eightMargin {
	margin-top:8px;
		
}
.propDetails {
	margin-right:10px;
	background-color:#fbfbfb;
	padding:7px;
	border: 1px solid #e8e8e8;
	border-bottom: 3px solid #006c9e;
	margin-bottom:30px;
	min-height: 230px;
}

.propDetailsText {
	font-family:"Century Gothic", Helvetica, Arial, sans-serif;
	font-size:13px;
}

.smallPrint {
	font-family:"Century Gothic", Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#4d4d4f;
}

.bigPrint {
	font-size:18px;
}

.bigSearchOption {
	font-size: 15px;
	height: 30px;
}

.bigSearch {
	font-size: 15px;
	height: 30px;
}

.bigButton {
	height: 30px;
	color: ##ffffff;
	font-size: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.personBoxBorder {
	border:3px solid #FFFFFF;
	

}

.boxButton {

	height: 50px;
	border: 1px solid #ffffff;
	padding-top: 10px;
	text-align: center;
}


/*.btn-sm {
	background-image:none;
	background-color:transparent;
	color:#FFFFFF;
}*/

.upsBlue {
	color:#006c9e;
}

.upsBlueBG {
	background-color:#006c9e;
}

.upsBlueBG2 {
	background-color:#1a68b1;
}

1

a {
	color:#006c9e;
}

.starButton {
    position:absolute;
    top:20px;
    right:40px;

}

.propIconBox {
	
	position:absolute;
    bottom:10px;
    left:20px;
}

.propIconBox_image {
	padding:7px;
	border:1px solid #4d4d4f;
	background-color:#e5e5e5;
	float:left;
	margin-right:7px;
	
}

.propDetailLineBottom {
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:1px solid #4d4d4f;
}

.propDetailAdHeading {
	color:#a6a6a7; 
	margin-top:12px;
}

#map {
	height:320px;
	
}

/* Image popup */

.modal-content {
	
	background-color: #4d4d4f;
}

.modal-title {
	color:#ffffff;
	font-size:12px;
	font: Helvetica, Arial, sans-serif;
	text-align:left;

	line-height:30px;
	

}

.cameraBG {
	padding-left:40px;
	background-image:url(/fnw/images/propIcon_camera_white.png);
	background-repeat: no-repeat;	
}

.modal-header {
	border-bottom:none;
	padding-top:5px;
	padding-bottom:5px;
	
}

.modal-footer {
	border-top:none;
	padding-top:5px;
	padding-bottom:5px;
}

.close {
	color:#FFFFFF;
	text-shadow:none;
}




.indivPhoto {
	margin-bottom:35px;	
}

.dropdown:hover .dropdown-menu {
	display: block;
}

.standardHeader {
	height:200px;
}

.smallHeader {

	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	color: #959596;
	font-size: 30px;
}


.homeTopWords {

	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 50px;
	font-weight: bold;
}

.vidWords {

	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 40px;
}

.wordyHeader {
	padding-top:80px;
	height:200px;
	color:#FFFFFF;
	font:Helvetica, Arial, sans-serif;
	font-size:20px;
	
		
}

.thirtyMargin {
	margin-top:30px;
}

.fiftyMarginBottom {
	margin-bottom:50px;
}

.twentyMargin {
	margin-top:20px;
}

.fifteenMargin {
	margin-top:15px;
}


.whiteLink a:link, .whiteLink a:hover, .whiteLink a:visited {
	text-decoration: underline;
	color: #ffffff;
}

.imgCentred {
	margin: 0 auto;
}

.staffDetailHeader {
	margin-top: 300px;
	margin-bottom: 50px;
}


@media screen and (min-width: 768px) {
  .blueimp-gallery .modal-dialog {

    max-width:none;

  }

	.personBox {

		margin-top:-40px;

	}

}

@media screen and (min-width: 1400px) {

	.slider2 {
		padding-left: 90px;
		padding-right: 90px;
	}

}

@media screen and (max-width: 1400px) {

	.slider2 {
		padding-left: 0px;
		padding-right: 0px;
	}

}

@media screen and (max-width: 950px) {

	.navbar-default .navbar-nav > li > a {
		line-height: 20px;
		margin-top: 0px;
	}


}

@media screen and (max-width: 768px) {

	.boxTestimonial .boxTestimonialWhite {
		
		font-size:20px;
	}

	.homeBoxGrey {
		margin-bottom: 10px;
	}
	
	.wordyHeader {
	
		font-size:14px;
		
	}

	.pageTopMargin {
		margin-top: 220px;
	}

	.logo {

		max-height: 50px;


	}

	.navbar-brand {
		padding-top: 5px;
	}

	#pageTitle, #carousel-example-generic {
		margin-top: 140px;
	}

	.staffDetailHeader {
		margin-top: 80px;
		margin-bottom: 50px;
	}

	
}