@font-face {
	font-family: "HelveticaNeueLight";
	src: local('Helvetica'), local('Helvetica'), url("/media/2323/helveticaneueltstd-lt.woff") format('woff');
	font-display: swap;
}

.clearfix {
    clear: both;
}

.bcard img {
    margin: auto;
}

.bcard-agent-single-page {
    padding: 20px 0 0;
}

.template-14252 .contact-wrap,
.template-14252 .newsletter-wrap,
.template-14252 .footer-wrap,
.template-14252 div#st-2,
.template-14252 #hubspot-messages-iframe-container{
	display: none !important;
}

.bcards-label {
    border-bottom: 1px solid #ccc;
    margin: 0 0 30px;
}



.mb-15,
.rw-15{
    margin-bottom: 15px;
}

.page-development .header-wrap{
	background: #001844;
}

.propertypedia-title-wrap .content-title {
    color: #001844;
    margin: 0 0 3px;
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight: 800;
}

.propertypedia-title-wrap .content-title-text {
    padding: 0;
}

.propertypedia-indvl-desc {
    margin: 10px 0 30px;
    color: #001844;
    border-top: 1px solid #001844;
    padding: 10px 0 0;
}

.propertypedia-single-page .propertypedia-search-wrap{
	background: rgba(0,0,0,0);
	text-align: left;
	padding: 30px 0;
}

.propertypedia-single-page .propertypedia-search-form h2{
	margin: 0 0 20px;

}

.propertypedia-single-page .propertypedia-search-form input{
	height: 60px;
	font-size: 17px;
}

.propertypedia-photo img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.panel-property-details.panel-primary>.panel-heading {
    background-color: #001844;
    border-color: #001844;
}

.panel.panel-primary.panel-property-details {
    border-color: #001844;
	margin-top: 30px;
}

.panel-property-map iframe {
    width: 100%;
    height: 250px;
}


/****************************************
GLOBAL
****************************************/
body{
	background: #fff;
	color: #000;
	padding: 0;
	margin: 0;
	/*font-family: 'Helvetica', Arial, sans-serif;*/
	font-family: HelveticaNeueLight;
	
	/*font-family: 'Lato', sans-serif;*/
	/*font-family: 'Montserrat', sans-serif;*/
	font-size: 12px;
	font-weight: 400;
	border: 0;
	box-sizing: border-box;
}

.building-related-searches-wrap ul li h2 {
    display: inline;
    font-size: 15px;
}

.building-indvl-listings.rl-listings img {
    max-width: 360px;
    width: 100% !important;
    height: 250px !important;
    object-fit: cover;
}

	body.overflow-body{
		overflow: hidden;
	}

	body.modal-open{
		padding-right: 0px !important;
	}

	body *{
		box-sizing: border-box;
		
	}

	ul, ol{
		padding-left: 0;
		list-style:  none;
	}

	ul.list-style-list {
		margin-left: 40px;
		list-style: disc;
	}

	ul.list-style-alpha {
		margin-left: 40px;
		list-style: lower-alpha;
	}

	.table{
		margin-bottom: 0;
	}

	a,
	a:hover,
	a:visited,
	a:focus,
	button,
	input,
	select,
	textarea,
	.slick-slide,
	.slick-arrow{
		outline: 0;
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		text-decoration: none;
	}

	select{
		background: url(../media/2116/arrow-dd.png) no-repeat center right 7px;
		padding: 12px;
    	width: 100%;
		border-top: none;
		border-left: none;
		border-right: none;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	select::-ms-expand {
		display: none;
	}

	.section-wrapper{
		position: relative;
	}

	.hide{
		display: none;
	}

	#main-wrapper{
		overflow: hidden;
	}

	.ease-fast{
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.ease-slow{
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
	}

	.custom-container{
		width: 100%;
	}

	.custom-container-max{
		width: 100%;
		max-width: 1400px;
	}

	.section-bg{
		background: #fff;
		position: relative;
		z-index: 100;
	}

	.container-rel{
		position: relative;
		z-index: 100;
	}

	.no-margin{
		margin-left: 0;
		margin-right: 0;
	}

	.no-gutter{
		padding-left: 0;
		padding-right: 0;
	}

	.center-section {
	    position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		padding: 50px 0;
		z-index: 200;
	}

	img[src^="chrome-extension://"] { 
	  display: none !important;
	}

	.img-full{
		width: 100%;
	}

	.property-not-found {
		text-align: center;
		font-size: 20px;
		background: #0b1321;
		color: #fff;
		padding: 10px;
	}
	
	.opacity-none{
		opacity: 0;
		visibility: hidden;
	}

/*Breadcrumbs*/
.breadcrumbs-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 200;
    font-size: 0;
	/*display: none;*/
}

	ul.breadcrumbs li {
		display: inline-block;
		vertical-align: middle;
		position: relative;
	}

	ul.breadcrumbs li a {
		display: inline-block;
		position: relative;
		color: #fff;
		text-transform: capitalize;
		font-size: 14px;
	}

	ul.breadcrumbs li::after {
		content: '\00BB';
		display: inline-block;
		font-size: 14px;
		color: #fff;
		margin: 0 7px;
	}

	ul.breadcrumbs li:last-child::after {
		display: none;
	}

	ul.breadcrumbs li.current a::before {
		content: '';
		border-bottom: 1px solid #fff;
		position: absolute;
		left: 0;
		bottom: -1px;
		width: 100%;
		height: 2px;
		display: none;
	}

	ul.breadcrumbs li.current a{
		color: #fee950;
	}

	.innerpage-blog-single ul.breadcrumbs li:nth-child(3) {
		display: none;
	}

/*Accordion*/
.accordion-container{
  position: relative;

  height: auto;
  margin: 10px auto;
}

	.accordion-container > h2{
	  text-align: center;
	  color: #fff;
	  padding-bottom: 5px;
	  margin-bottom: 20px;
	  padding-bottom: 15px;
	  border-bottom: 1px solid #ddd;
	}

	.set{
	  position: relative;
	  width: 100%;
	  height: auto;
	  background-color: #f5f5f5;
	}

	.set > a{
	  display: block;
	  padding: 10px 15px;
	  text-decoration: none;
	  color: #555;
	  font-weight: 600;
	  border-bottom: 1px solid #ddd;
	  -webkit-transition:all 0.2s linear;
	  -moz-transition:all 0.2s linear;
	  transition:all 0.2s linear;
		/* font-family: 'Roboto Condensed', sans-serif; */
		font-size: 25px;
		font-weight: 400;
	}

	.set > a i{
	  float: right;
	  margin-top: 2px;
	}

	.set > a.active{
	  background-color:#7e98cd;
	  color: #fff;
	}

	.content-accordion{
	  background-color: #fff;
	  border-bottom: 1px solid #ddd;
	  display:none;
	}

	.content-accordion p{
	  padding: 10px 15px;
	  margin: 0;
	  color: #333;
	}

/* Modal Success */
.modal-confirm {		
		color: #636363;
		width: 325px;
	}
	.modal-confirm .modal-content {
		padding: 20px;
		border-radius: 5px;
		border: none;
	}
	.modal-confirm .modal-header {
		border-bottom: none;   
        position: relative;
	}
	.modal-confirm h4 {
		text-align: center;
		font-size: 26px;
		margin: 30px 0 -15px;
	}
	.modal-confirm .form-control, .modal-confirm .btn {
		min-height: 40px;
		border-radius: 3px; 
	}
	.modal-confirm .close {
        position: absolute;
		top: -5px;
		right: -5px;
	}	
	.modal-confirm .modal-footer {
		border: none;
		text-align: center;
		border-radius: 5px;
		font-size: 13px;
	}	
	.modal-confirm .icon-box {
		color: #fff;		
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: -70px;
		width: 95px;
		height: 95px;
		border-radius: 50%;
		z-index: 9;
		background: #7f98cc;
		padding: 15px;
		text-align: center;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
	}
	.modal-confirm .icon-box i {
		font-size: 58px;
		position: relative;
		top: 3px;
	}
	.modal-confirm.modal-dialog {
		margin: 175px auto 0 !important;
		position: relative;
    	z-index: 2030;
	}

	.modal-confirm .modal-body{
		font-size: 15px;
	}

    .modal-confirm .btn {
        color: #fff;
        border-radius: 4px;
		background: #7f98cc;
		text-decoration: none;
		transition: all 0.4s;
        line-height: normal;
        border: none;
    }
	.modal-confirm .btn:hover, .modal-confirm .btn:focus {
		background: #001844;
		outline: none;
		color: #fff;
	}

/*Magnific popup*/
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

	/* overlay animate in */
	.mfp-fade.mfp-bg.mfp-ready {
	  opacity: 0.8;
	}

	/* overlay animate out */
	.mfp-fade.mfp-bg.mfp-removing {
	  opacity: 0;
	}

	/* content at start */
	.mfp-fade.mfp-wrap .mfp-content {
	  opacity: 0;
	  -webkit-transition: all 0.15s ease-out;
	  -moz-transition: all 0.15s ease-out;
	  transition: all 0.15s ease-out;
	}

	/* content animate it */
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	  opacity: 1;
	}

	/* content animate out */
	.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	  opacity: 0;
	}

	.mfp-zoom-out-cur .mfp-image-holder .mfp-figure .mfp-close {
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: auto;
	    cursor: pointer;
		padding: 0 5px;
	}

	.mfp-wrap .mfp-container{
		cursor: default;
	}

/*Extra*/
.tonewebsite{
    border: 10px solid #000;
    margin-top: 10px;
}


/*Header*/
.header-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1025;
    background: #001844;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    /*border-bottom: 1px solid #ececec;*/
}

	.header-wrap.fh,
	.template-9126 .header-wrap.fh{
	    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
		background: #001844;
	}

	.template-9126 .header-wrap {
		background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
	}

	.h-field{
		display: inline-block;
		vertical-align: middle;
	}

	.header-logo{
	    max-width: 130px;
	    width: 100%;
	    /*margin: 5px 0;*/
	}

	/*Header Navigation*/
	.header-nav-icon-wrap {
	    height: 40px;
	    display: none;
	}

	.header-nav-icon{
		height: 16px;
		width: 18px;
		position: relative;
		margin: 11px 30px;
		cursor: pointer;
	}

	.header-nav-icon::before{
		content: '';
		position: absolute;
		left: 0;
		top: 2px;
		height: 2px;
		width: 18px;
		background: #000;
		transition: all 0.1s;
		-webkit-transition: all 0.1s;
		-moz-transition: all 0.1s;
		-o-transition: all 0.1s;

	}

	.header-nav-icon::after{
		content: '';
		position: absolute;
		left: 0;
		bottom: 2px;
		height: 2px;
		width: 18px;
		background: #000;
		transition: all 0.1s;
		-webkit-transition: all 0.1s;
		-moz-transition: all 0.1s;
		-o-transition: all 0.1s;
	}

	.header-nav-icon i{
		position: absolute;
		left: 0;
		bottom: 0;
		top: 0;
		margin: auto;
		height: 2px;
		width: 18px;
		background: #000;
		transition: all 0.1s;
		-webkit-transition: all 0.1s;
		-moz-transition: all 0.1s;
		-o-transition: all 0.1s;
	}

		.header-nav-icon:hover::before{
			transform: translateY(-3px) translateZ(0);
		}

		.header-nav-icon:hover::after{
			transform: translateY(3px) translateZ(0);	
		}


		/*Navigation*/
		.menu{
			margin: 0 0 0 15px;
			font-size: 0;
		}

		.menu > li{
			display: inline-block;
			vertical-align: middle;
			position: relative;
		}

		.menu > li > a {
		    padding: 30px 12px !important;
		}

		.menu li a{
			/* font-family: 'Roboto Condensed', sans-serif; */
		    font-size: 15px;
		    text-transform: uppercase;
		    color: #fff;
		    display: block;
		    padding: 15px;
		    line-height: 1;
		    transition: all 0.1s;
			-webkit-transition: all 0.1s;
			-moz-transition: all 0.1s;
			-o-transition: all 0.1s;
			box-shadow: inset 0 0px 0px #fee950;
		}

		.sub-menu{
			display: none;
			position: absolute;
			left: 0;
			top: 100%;
			min-width: 200px;
			max-width: 300px;
			padding: 0;
			box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		}

		.menu .sub-menu li a{
			background: #fff;
			color: #001844;
			padding: 10px 15px !important;
			font-size: 14px;
		}

		/*Hover*/
		.menu > li:hover > a {
		    color: #ffffff;
		    background: #7e98cd;
		}

		.menu > li:hover .sub-menu {
		    display: block;
		}

		.menu .sub-menu li a:hover {
		    background: #50648c;
		    color: #ffffff;
		}

/*Header Buttons*/
.header-btns{
	text-align: right;
}

	.lyp-btn{
		display: inline-block;
		vertical-align: middle;
		display: none;
	}

	.lyp-btn a {
	    display: block;
	    font-size: 15px;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-weight: 600;
	    padding: 0 10px;
	    background: #fee850;
	    color: #1a3865;
	    text-transform: uppercase;
	    height: 77px;
	    line-height: 77px;
	}

	.search-btn {
	    display: inline-block;
	    vertical-align: middle;
	    padding: 0 15px;
	}

	.search-btn i {
	    font-size: 20px;
	}

	.search-btn a {
	    color: #fff;
	}

	.header-contact-btn {
	    display: inline-block;
	    vertical-align: middle;
		margin: 12px 0 ;
	}

	.header-contact-btn a { 
		display: block;
		height: 50px;
		text-align: center;
		color: #0b1322;
		font-size: 14px;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 50px;
		background: #fee950;
		padding: 0 15px;
		border-radius: 6px;
    	letter-spacing: 1px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.header-contact-btn a:hover{
		background: #7e98cd;
		color: #fff;
	}


/*Search*/
.search-wrap{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1020;
	background: #fff;
	display: none;
}

	body.primary-nav-open{
		overflow: hidden !important;
	}

/* Contact Top */
.contact-top-main {
    width: 100%;
    min-height: 500px;
    background: #fff;
    border-bottom: 5px solid #ffea4e;
}


	/*Slideshow*/
	.slideshow-item{
		width: 100%;
		height: calc(100vh - 150px);
		min-height: 605px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-attachment: fixed;
		position: relative;
		/*transform: rotateY(180deg);*/
	}

	.internetexplorer .slideshow-item{
		background-attachment: scroll;
	}

	.slideshow-item::before{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 23, 66, 0.6);
	}

	/*Tagline*/
	.tagline-wrap{
		position: absolute;
		left: 0;
		bottom: calc(50% - 87px);
		width: 100%;
		z-index: 100;
		line-height: 1;
		font-size: 0;
	}

	.tagline-main h2{
		font-size: 35px;
		color: #fff;
		text-transform: uppercase;
		font-weight: 700;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
		text-align: center;
		max-width: 900px;
		width: 100%;
		margin: 0 auto 30px !important;
		letter-spacing: 4px;
	}

	.tagline-main h2 span{
		display: block;
		text-transform: capitalize;
		font-size: 21px;
		margin: 4px 0 0;
		font-weight: 300 !important;
		letter-spacing: 1px;
	}

	.tagline-main-mobile{
		display: none;
	}


	/*Search Bar*/
	.searchbar-wrap {
		border-radius: 6px;
		overflow: hidden;
	}

	.searchbar-label {
	    font-size: 17px;
		color: #081733;
		font-weight: 300;
		margin-bottom: 0px;
		display: inline-block;
		vertical-align: middle;
		width: 185px;
		height: 60px;
		line-height: 60px;
		background: #ffffff;
		padding: 0 15px;
	}

	.searchbar-form {
	    background: #fff;
		font-size: 0;
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 185px);
	}

	.searchbar-form input,
	.searchbar-form select,
	.searchbar-form span {
	    border: 0;
	    border-bottom: 1px solid #fff;
	    height: 60px;
		line-height: 60px;
	    padding: 0 10px;
	    font-size: 17px;
	    background: #fff;
	    color: #000;
	    display: inline-block;
	    vertical-align: middle;
	    /* font-family: 'Montserrat', sans-serif; */
	}

	.searchbar-form select{
		background: url(../media/2116/arrow-dd.png) no-repeat center right 7px;
		width: 20%;
	}

	.searchbar-form span{
		line-height: 60px;
		color: #949494;
		width: 10%;
		text-align: center;
	}

	.searchbar-form input{
		width: calc(40% - 45px)
	}

	.searchbar-form input.submit-btn {
	    width: 35px;
	    background: #fff url(../media/2117/search.png) no-repeat center / 70%;
	    font-size: 0;
	}

	.searchbar-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		color: #949494;
	}

	.searchbar-form input::-moz-placeholder { /* Firefox 19+ */
		color: #949494;
	}

	.searchbar-form input:-ms-input-placeholder { /* IE 10+ */
		color: #949494;
	}

	.searchbar-form input:-moz-placeholder { /* Firefox 18- */
		color: #949494;
	}



	/*Down Arrow*/
	.down-arrow {
	    position: absolute;
	    left: 0;
	    bottom: -26px;
	    width: 100%;
	    z-index: 156;
	    text-align: center;
	    line-height: 55px;
	    display: none;
	}

	.down-arrow a {
	    display: block;
	    height: 55px;
	    width: 55px;
	    background: #ffffff;
	    color: #1a3865;
	    font-size: 20px;
	    box-shadow: 5px 5px 0px #1a3865;
	    border: 1px solid hsla(216, 59%, 25%, 0.2);
	}

/*CTA*/
.cta-wrap{
	position: absolute;
	left: 0;
	bottom: 50px;
	width: 100%;
	z-index: 200;
}

	.page-kmcmaggroup .cta-item{
		width: 20% !important;
	}

	.cta-link {
	    display: block;
		height: 70px;
		text-align: center;
		position: relative;
		border-radius: 8px;
		color: #fff;
		/* border: 1px solid #fee950; */
		/* border-bottom: 5px solid #fff; */
		/* border-top: 5px solid #fff; */
		background: rgba(126, 152, 205, 0.5);
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.cta-label{
		line-height: 70px;
		margin: 0;
		font-size: 15px;
		/* font-family: 'Roboto Condensed', sans-serif; */
		font-weight: 700;
		text-transform: uppercase;
		font-family: 'Helvetica', Arial, sans-serif;
	}

	/*Hover*/
	.cta-link:hover,
	.cta-link:focus{
		color: #fff;
		border-radius: 8px;
		background: #7d98ce;
	}

/*Events ads*/
.ads-wrap{
	padding: 0;
	background: #060b19;
	position: relative;
	overflow: hidden;
}

@media (min-width: 100px){
	.event-ad{
		background-image: url('https://savillsph.com/media/667089/regional-banner-ad-m3.jpg');
		background-size: 100% auto;
		background-position: 50% 50%;
		height: 460px;
		background-repeat: no-repeat;
	}
}

@media (min-width:768px){
	.event-ad{
    	background-image: url('https://savillsph.com/media/667088/regional-banner-ad3.jpg');
		background-size: auto 100%;
		background-position: 50% 50%;
		height: 200px;
		background-repeat: no-repeat;
	}
}

/*Clients*/
.clients-wrap{
	padding:  0;
	background: #fff;
	position: relative;
	font-size: 0;
	overflow: hidden;
}

	.clients-container.container {
	    width: 100%;
		padding: 0 45px;
		max-width: 1600px;
	}

	.clients-slick-label {
		background: #001844;
		color: #fff;
		margin: 0;
		width: 100%;
		max-width: 400px;
		display: inline-block;
		vertical-align: middle;
		font-size: 23px;
		text-transform: uppercase;
		padding: 40px 0;
		position: relative;
		z-index: 100;
	}

	.clients-slick-label::before {
		content: '';
		position: absolute;
		left: -1000%;
		top: 0;
		height: 100%;
		width: 1000%;
		background: #001844;
		z-index: 1;
	}

	.clients-slick-label::after {
		content: '';
		position: absolute;
		right: -31px;
		top: 0;
		height: 100%;
		width: 53px;
		background: #001844;
		transform: skewX(17deg);
		z-index: 1;
	}

	.clients-wrap img{
		opacity: 1;
		margin: 0 auto;
		width: 147px;
		height: auto;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.clients-wrap .slick-slide.slick-active.slick-current img{
		opacity: 1;
		transform: scale(1.2);
		width: 147px;
		height: 59px;
	}

	.membership-client-item{
		padding: 0 15px;
	}

	.membership-client-slick-wrap {
	    position: relative;
		padding: 15px 0;
		width: calc(100% - 400px);
		display: inline-block;
		vertical-align: middle;
		z-index: 1;
	}

	.membership-client-holder{
		display: none;
	}

	.membership-client-holder.slick-slider{
		display: block;
	}

	.membership-client-slick-wrap::before {
	    content: '';
	    position: absolute;
	    left: 0;
	    top: 0;
	    height: 100%;
	    width: 180px;
	    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	    z-index: 100;
	}

	.membership-client-slick-wrap::after {
	    content: '';
	    position: absolute;
	    right: 0;
	    top: 0;
	    height: 100%;
	    width: 180px;
	    background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	    background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	    background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	    z-index: 100;
	}

/*Blog*/
.blog-wrap{
	padding: 60px 30px;
	overflow: hidden;
}
	
	.blog-main-title{
		text-align: center;
		position: relative;
		padding-bottom: 20px;
		margin-bottom: 50px;
	}

	.blog-main-title::after{
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		max-width: 160px;
		width: 100%;
		height: 4px;
		background: #fee850;
	}

	.blog-main-title *{
		margin: 0;
	}

	.blog-main-title h2{
		/*font-family: 'Montserrat', sans-serif;*/
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #001844;
	}

	.blog-main-title span{
		display: block;
		/* font-family: 'Montserrat', sans-serif; */
		font-size: 15px;
		color: #737373;
	}

	.blog-main-title-desc {
	    font-size: 17px;
	    /* font-family: 'Montserrat', sans-serif; */
	    text-align: center;
	    margin-bottom: 30px;
	}

	.blog-main-title-desc p{
		max-width: 900px;
		width: 100%;
		margin: auto;
		font-size: 20px;
	}

	.blog-item {
	    position: relative;
	    width: 100%;
	    overflow: hidden;
	    margin: 15px auto;
	}

	.blog-big{
		height: 480px;
	}

	.blog-big a.blog-link span {
	    content: 'Latest Article';
	    position: absolute;
	    left: 0;
	    top: 30px;
	    background: rgb(254, 232, 80);
	    z-index: 10;
	    transition: 0.3s;
	    -webkit-transition: 0.3s;
	    -moz-transition: 0.3s;
	    -o-transition: 0.3s;
	    padding: 10px 15px;
	    font-size: 13px;
	    color: #001844;
	    text-transform: uppercase;
	}

	.blog-small{
		height: 225px;
	}

	.blog-link{
		display: block;
		color: #fff;
		height: 100%;
		transition: 0.3s;
	    -webkit-transition: 0.3s;
	    -moz-transition: 0.3s;
	    -o-transition: 0.3s;
	}

	.blog-photo {
		position: absolute;
		left: 0;
		top: 0;
	    height: 100%;
	    width: 100%;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center;
		background-color: #ececec;
	    position: relative;
		z-index: 10;
	    transition: 0.3s;
	    -webkit-transition: 0.3s;
	    -moz-transition: 0.3s;
	    -o-transition: 0.3s;
	}

	.blog-big .blog-photo{
		background-position: center top;
	}

	.blog-link::before{
		content: '';
		position: absolute;
		left: 0; 
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0);
		z-index: 10;
		transition: 0.3s;
	    -webkit-transition: 0.3s;
	    -moz-transition: 0.3s;
	    -o-transition: 0.3s;
	}

	.blog-content{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 200;
		padding: 15px;
		background: rgba(0,0,0,0.5);
	}

	.blog-title {
	    margin: 0 0 7px;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    color: #fff;
	    font-weight: 300;
	    line-height: 1;
	}

	.blog-big .blog-title{
		font-size: 35px;
	}

	.blog-small .blog-title{
		font-size: 18px;
	}

	.blog-date{
		/* font-family: 'Montserrat', sans-serif; */
		font-size: 14px;
		font-weight: 300;
	}

	.blog-btn a {
	    display: block;
		max-width: 250px;
		width: 100%;
		margin: 40px auto 0;
		height: 50px;
		text-align: center;
		color: #fff;
		font-size: 15px;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 50px;
		border-radius: 6px;
		letter-spacing: 1px;
		background: #7f98cc;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.blog-small-main .blog-small-item-wrap:first-of-type {
		display: none;
	}

		/*hover*/
		.blog-link:hover{
			color: #fff;
			text-shadow: 1px 1px 2px #000;
		}

		.blog-link:hover::after{
			text-shadow: none;
		}

		.blog-link:hover::before{
			background: rgba(0,0,0,0);
		}

		.blog-link:hover canvas{
			transform: scale(1.2);
		}

		.blog-btn a:hover {
			background: #fee850;
			color: #001844;
		}

/*Featured Properties - Commercial*/


.featprop-wrap.featprop-residential-wrap {
    padding-top: 0;
}

	.featprop-wrap{
		padding: 60px 0;
		background: #f5f5f5;
		overflow: hidden;
	}

	.featprop-container {
	    padding: 0 45px;
		max-width: 1600px;
	}

	.featprop-main-label {
	    /* font-family: 'Montserrat', sans-serif; */
	    font-size: 45px;
	    text-transform: uppercase;
	    color: #001844;
	    box-shadow: 0 0 black;
	    margin: 0;
	    position: relative;
	    padding-bottom: 20px;
	    margin-bottom: 50px;
	    /*margin-left: 10%;*/
	}

	.featprop-main-label::after {
	    content: '';
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    margin: auto;
	    max-width: 160px;
	    width: 100%;
	    height: 4px;
	    background: #fee850;
	}


	.featprop-content {
	    font-size: 17px;
	    max-width: 100%;
	    /* font-family: 'Montserrat', sans-serif; */
	    color: #616263;
	    font-weight: 400;
	    /*margin-left: 10%;*/
	    margin-bottom: 60px;
	}

	.featprop-content strong{
		font-weight: 600;
	}
	
	.featprop-links-wrap{
		text-align: right;
	}

	.featprop-content-link {
	    display: inline-block;
		vertical-align: top;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 13px;
	    text-transform: uppercase;
	    color: #001844;
	    margin: 20px 0 20px auto;
	    max-width: 230px;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
    	background: #fee850;
    	text-align: center;
	}

	.featprop-lyp-link {
		display: inline-block;
		vertical-align: top;
		/* font-family: 'Roboto Condensed', sans-serif; */
		font-size: 13px;
		text-transform: uppercase;
		color: #ffffff;
		margin: 20px 15px;
		max-width: 200px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		background: #7e98cd;
		text-align: center;
	}

	.featprop-links-wrap a{
		border-radius: 6px;
    	letter-spacing: 1px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.featprop-links-wrap a:hover {
		background: #001844;
		color: #fff;
	}

	.featprop-content-link i{
		display: none;
	    vertical-align: middle;
	    line-height: 1;
	    margin-top: -6px;
	}

	.featprop-slick-wrap {
	    padding: 0;
		/* width: calc(100% - 200px); */
		/* margin-left: auto; */
		position: relative;
		max-width: 1600px;
		width: 100%;
		margin: auto;
	}

	.featprop-holder{
		margin: 0 -15px;
		display: none;
	}

	.featprop-holder.slick-slider{
		display: block;
	}


	.featprop-item{
		padding: 15px;
	}

	.featprop-photo{
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
		height: 300px;
		width: 100%;
		z-index: 5;
    	position: relative;
	}

	.featprop-commercial-holder .featprop-photo{
		height: 350px;
	}

	.featprop-link {
	    /*max-width: 360px;*/
	    width: 100%;
	    display: block;
	    background: #fff;
	    color: #4e4e4e;
	    box-shadow: 0 2px 15px 0 rgba(0,0,0,.05);
	    transition: 0.3s all;
		position: relative;
	    -webkit-transition: 0.3s all;
	    -moz-transition: 0.3s all;
	    -o-transition: 0.3s all;
	}

	.featprop-link::before {
		content: '';
		position: absolute;
		left: 50%;
		top: 36%;
		z-index: 1;
		transform: translateX(-50%) translateY(-50%);
		border: 5px solid #ccc;
		  border-radius: 50%;
		  border-top: 5px solid #3498db;
		  width: 20px;
		  height: 20px;
		  -webkit-animation: spin 1s linear infinite; /* Safari */
		  animation: spin 1s linear infinite;
	}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

	.featprop-details{
		padding: 15px;
	}

	/*.featprop-residential-holder .featprop-details{
		border-bottom: 10px solid #fee850;
	}

	.featprop-commercial-holder .featprop-details{
		border-bottom: 10px solid #7f98cc;
	}*/

	.featprop-label{
		margin: 0 0 5px;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 20px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    /* text-transform: uppercase; */
	    border-bottom: 1px solid #f5f5f5;
	    padding-bottom: 4px;
	}

	.featprop-address{
		/* font-family: 'Roboto Condensed', sans-serif; */
		font-size: 15px;
		white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}

	.featprop-btn{
		height: 40px;
		width: 40px;
		background: url(../media/2120/arrow-right.png) no-repeat center;
		display: block;
		margin-top: 10px;
		margin-left: auto;
		border: 1px solid #ececec;
	}

	.featprop-holder .slick-arrow{
		position: absolute;
		top: 15px;
		height: 70px;
		width: 70px;
		border: 1px solid #001844;
		background: #001844;
		font-size: 0;
		padding: 0;
		margin: 0;
		    z-index: 200;
	}

	.featprop-holder .slick-arrow::before {
		font-size: 27px;
		color: #fff;
	}

	.featprop-holder .slick-arrow.slick-next{
		/*background: #001844 url(../media/2118/slick-right.png) no-repeat center;*/
		right: -85px;
		top: 90px;
	}

	.featprop-holder .slick-arrow.slick-prev{
		/*background: #001844 url(../media/2119/slick-left.png) no-repeat center;*/
		right: -85px;
	}

	.featprop-residential-holder .featprop-label{
		overflow: visible;
		white-space: normal;
		font-size: 15px;
		min-height: 37px;
	}

	.featprop-link:hover{
		transform: translateY(-15px);
		box-shadow: 7px 11px 10px 0 rgba(0, 0, 0, 0.2);
	}

.featprop-iframe iframe {
    width: 100%;
    height: 335px;
    max-width: 640px;
    margin-bottom: 30px;
	border: 0;
}



/* Featured Video */
.featvideo-wrap{
	min-height: 600px;
	padding: 100px 0;
	display: none;
}

	.featvideo-placeholder{
		width: 100%;
		height: 400px;
	}


/* Services */
.services-wrap{
	padding: 70px 0;
	/*background: url(https://savillsph.com/ImageGen.ashx?image=/media/2121/hp-services.jpg&Width=1600&Compression=20) no-repeat center / cover;
	background-attachment: fixed;*/
	position: relative;
	text-align: center;
	overflow: hidden;
}

	.services-wrap::before{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		z-index: 1;
		display: none;
	}

	.services-container{
		position: relative;
		z-index: 200;
	}

	.services-label {
	    color: #000;
	    /*font-family: 'Montserrat', sans-serif;*/
	    font-size: 30px;
	    text-transform: uppercase;
	    box-shadow: 0 0 black;
	    margin: 0;
	    position: relative;
	    padding-bottom: 20px;
	    margin-bottom: 50px;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
	}

	.services-label::after {
	    content: '';
	    position: absolute;
	    left: 0;
	    right: 	0;
	    bottom: 0;
	    margin: auto;
	    max-width: 160px;
	    width: 100%;
	    height: 4px;
	    background: #fee850;
	}

	.services-desc {
	    font-size: 20px;
	    color: #000;
	    font-weight: 300;
	    max-width: 900px;
	    width: 100%;
	    margin: 0 auto 50px;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
	}

	.services-info-icon{
		font-size: 20px;
		color: #fff;
		text-align: center;
		display: inline-block;
		vertical-align: top;
		margin: 0;
		height: 50px;
		width: 50px;
		line-height: 50px;
		border-radius: 50%;
		background: #001844;
	}

	.services-info-label {
	    margin: 0;
		font-size: 20px;
		font-weight: 700;
		color: #000;
		display: inline-block;
		text-align: left;
		padding: 15px 10px 10px;
		width: calc(100% - 50px);
	}

	.services-info-btn {
	    padding: 60px 0 0;
	}

	.services-info-btn a {
	    display: block;
		font-size: 15px;
		text-transform: uppercase;
		color: #001844;
		margin: auto;
		max-width: 230px;
		width: 100%;
		letter-spacing: 1px;
		height: 50px;
		line-height: 50px;
		background: #fee850;
		text-align: center;
		border-radius: 6px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.services-info-link {
		display: block;
		/* border-bottom: 5px solid #fee850; */
		padding: 15px;
		/* border-top: 5px solid #fee850; */
		font-size: 0;
		min-height: 200px;
		/* border-left: 1px solid #fee950; */
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
	}

	.services-info-link p {
		font-size: 14px;
		color: #000;
		text-align: left;
		margin: 15px 0 0;
		letter-spacing: 1px;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
	}

	/*Hover*/
	.services-info-btn a:hover{
    	background: #7f98cc;
		color: #fff;
	}

	.services-info-link:hover {
		transform: translateY(-5px);
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	}

	/*.services-info-link:hover p,
	.services-info-link:hover .services-info-label{
		color: #fff;
	}*/

/* List your property */
.listyourprop-wrap{
	background: url('https://savillsph.com/ImageGen.ashx?image=/media/664958/hp-list-your-property-compressor.jpg&Width=1600&Compression=20') no-repeat center bottom / cover;
	background-attachment: fixed;
	margin: 20px 0 0;
	position: relative;	
	color: #fff;
	padding: 70px 0;
	overflow: hidden;
}

	.listyourprop-wrap::before{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		z-index: 1;
	}

	.listyourprop-container{
		position: relative;	
		z-index: 200;
	}

	.listyourprop-label {
	    color: #fff;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 45px;
	    font-weight: 400;
	    box-shadow: 0 0 black;
	    margin: 0;
	    position: relative;
	    padding-bottom: 20px;
	    margin-bottom: 30px;
	}

	.listyourprop-desc {
	    font-size: 17px;
	    /* font-family: 'Montserrat', sans-serif; */
	    color: #fff;
	    font-weight: 300;
	    margin-bottom: 	30px;
	}

	.listyourprop-btns a {
	    display: inline-block;
	    vertical-align: middle;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 15px;
	    text-transform: uppercase;
	    color: #001844;
	    max-width: 230px;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
		letter-spacing: 1px;
		border-radius: 6px;
	    background: #fee850;
	    text-align: center;
	    margin-top: 15px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	    
	}

	.listyourprop-btns a:first-of-type{
		margin-right: 20px;
	}

	.listyourprop-btns a:hover{
		background: #7d98ce;
    	color: #fff;
	}

	

	/*.listyourprop-btns a:last-of-type{
		background: transparent;
		border: 1px solid #fff;
		color: #fff;
	}*/

/*Search Bar*/
	.property-search-label {
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 46px;
	    color: #fff;
	    text-transform: uppercase;
	    font-weight: 300;
	    margin-bottom: 15px;
	    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	}

	.property-search-form {
	    font-size: 0;
	}
	
	.property-search-form button,
	.property-search-form input,
	.property-search-form select,
	.property-search-form .ps-field-label-sub{
	    border: 0;
	    border-bottom: 1px solid #000;
	    height: 60px;
	    padding: 0 10px;
	    font-size: 17px;
	    background: #fff;
	    color: #000;
	    display: inline-block;
	    vertical-align: middle;
	    /* font-family: 'Montserrat', sans-serif; */
		width: 100%;
	}

	.property-search-form select{
		background: url(../media/2116/arrow-dd.png) no-repeat center right 7px;
		
	}

	.property-search-form .ps-field-label-sub{
		line-height: 70px;
		color: #000;
		width: 10%;
		text-align: center;
		border-bottom: 0;
	}

	.ps-field.ps-field-1,
	.ps-field.ps-field-2,
	.ps-field.ps-field-3{
		width: 20%;
		display: inline-block;
		vertical-align: middle;
	}

	.ps-field.ps-field-4{
		display: inline-block;
		vertical-align: middle
	}

	.ps-field.ps-field-label-main {
		display: inline-block;
		vertical-align: top;
		font-size: 30px;
		width: 13%;
		/* font-family: 'Roboto Condensed', sans-serif; */
		text-transform: uppercase;
		padding-top: 13px;
	}

	.property-search-form button.psSubmit-btn {
	    width: 35px;
	    background: #fff url(../media/2117/search.png) no-repeat center / contain;
	    font-size: 0;
		border-bottom: 0;
	}

	.property-search-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		color: #000;
	}

	.property-search-form input::-moz-placeholder { /* Firefox 19+ */
		color: #000;
	}

	.property-search-form input:-ms-input-placeholder { /* IE 10+ */
		color: #000;
	}

	.property-search-form input:-moz-placeholder { /* Firefox 18- */
		color: #000;
	}

	.property-search-wrap {
		padding: 30px 15px;
		border: 1px solid #ccc;
		text-align: center;
		margin-bottom: 40px;
	}


.ps-featprop-item {
    position: relative;
    border: 1px solid #ccc;
    margin: 0 auto 30px;
    max-width: 350px;
    width: 100%;
}

.ps-featprop-photo {
    font-size: 0;
}

.ps-featprop-photo img {
    height: 330px;
    object-fit: cover;
    max-width: 360px;
    width: 100%;
    margin: auto;
}

.ps-featprop-photo canvas {
    height: 360px;
    width: 100%;
    background-position: center !important;
    background-size: cover !important;
}

.ps-featprop-info {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 15px;
    background: #000000c7;
}

.ps-featprop-label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    margin-bottom: 15px;
    text-align: center;
}

.ps-featprop-link a {
    display: block;
    height: 40px;
    line-height: 40px;
    background: #f9df19;
    color: #000;
    text-align: center;
    max-width: 175px;
    width: 100%;
    margin: 0 auto;
    border-radius: 3px;
}


/*Reports*/
.reports-wrap{
	padding: 50px 0 25px;
	overflow: hidden;
}

	.reports-image{
		width: 100%;
		height: 400px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center right;
		position: relative;
    	z-index: 200;
	}

	.reports-label {
	    color: #001844;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 29px;
	    font-weight: 400;
	    box-shadow: 0 0 black;
	    margin: 0 0 30px;
	    position: relative;
	}

	.reports-desc {
	    font-size: 17px;
	    /* font-family: 'Montserrat', sans-serif; */
	    color: #656565;
	    font-weight: 300;
	    margin-bottom: 30px;
		max-width: 500px;
		width: 100%;
	}

	.reports-content {
	    margin: 20px -150px 0 0;
	    background: #f5f5f5;
	    padding: 55px 20px;
	    position: relative;
	    z-index: 100;
	    /*box-shadow: 10px 0 0 #fee850;*/
	}

	.reports-btns a{
		display: inline-block;
	    vertical-align: middle;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 15px;
	    text-transform: uppercase;
	    color: #001844;
	    max-width: 230px;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
		letter-spacing: 1px;
		border-radius: 6px;
	    background: #fee850;
	    text-align: center;
		border: 1px solid #fee850;
	    margin-top: 15px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}
	
	.reports-btns a:nth-child(2){
		display: none;
	}

	.reports-btns a:first-of-type {
	    margin-right: 20px;
	}

	.reports-btns a:last-of-type {
	    background: transparent;
	    border: 1px solid #ababab;
	    color: #757575;
	}

	.reports-btns a:hover{
		background: #7d98ce;
    	color: #fff;
		border: 1px solid #7d98ce;
	}

	.research-content {
		position: relative;
	}

	.research-report-page .research-content::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 102%;
		height: 50px;
		background: #ffffff;
		z-index: 300;
		display: none;
	}

	.research-content::after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: calc(100% - 18px);
		height: 100%;
		background: transparent;
		z-index: 100;
		display: none;
	}

	.page-research .contact-person-wrap,
	.innerpage-blog .contact-person-wrap,
	.template-2736 .contact-person-wrap{
    	margin: 46px 0 0px;
	}

	

/*people*/
.people-wrap{
	padding: 25px 0 50px;
	overflow: hidden;
}

	.people-image-wrap{
		font-size: 0;
	}

	.people-image{
		width: 100%;
		height: 400px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.people-label {
	    color: #001844;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 29px;
	    font-weight: 400;
	    box-shadow: 0 0 black;
	    margin: 0 0 30px;
	    position: relative;
	}

	.people-desc {
	    font-size: 17px;
	    /* font-family: 'Montserrat', sans-serif; */
	    color: #656565;
	    font-weight: 300;
	    margin-bottom: 30px;
	}

	.people-content {
	    margin: 20px 0 0 -150px;
	    background: #f5f5f5;
	    padding: 55px 30px;
	    position: relative;
	    z-index: 100;
	    /*box-shadow: -10px 0 0 #fee850;*/
	}

	.people-btns a{
		display: inline-block;
	    vertical-align: middle;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 15px;
	    text-transform: uppercase;
	    color: #001844;
	    max-width: 200px;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
		letter-spacing: 1px;
		border-radius: 6px;
	    background: #fee850;
	    text-align: center;
	    margin-top: 15px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}
	
	/*hover*/
	.people-btns a:hover {
		background: #7d98ce;
		color: #fff;
	}



/*Featured Video*/
.featured-video-wrap{
	padding: 25px 0 50px;
	display: none;
}

	.featured-video-main{
		position: relative;
		height: 400px;
		max-width: 653px;
		width: 100%;
		margin: auto;
	}

	.featured-video-link{
		display: block;
	}

	.featured-video-link::before{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.3);
		z-index: 10;
	}

	.featured-video-link::after{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 80px;
		height: 80px;
		margin: auto;
		background: url(../media/2126/play-button.png) no-repeat center / contain;
		z-index: 15;
	}

	.featured-video-main canvas{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.featured-video-image-wrap{
		font-size: 0;
	}

	.featured-video-image{
		width: 100%;
		height: 400px;
	}

	.featured-video-label {
	    color: #001844;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 36px;
	    font-weight: 400;
	    box-shadow: 0 0 black;
	    margin: 0 0 30px;
	    position: relative;
	}

	.featured-video-desc {
	    font-size: 17px;
	    /* font-family: 'Montserrat', sans-serif; */
	    color: #656565;
	    font-weight: 300;
	    margin-bottom: 30px;
	}

	.featured-video-content {
	    margin: 20px -150px 0 0 ;
	    background: #f5f5f5;
	    padding: 55px 30px;
	    position: relative;
	    z-index: 100;
	    /*box-shadow: 10px 0 0 #fee850;*/
	}

	.featured-video-btns a{
		display: inline-block;
	    vertical-align: middle;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 15px;
	    text-transform: uppercase;
	    color: #001844;
	    max-width: 200px;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    background: #fee850;
	    text-align: center;
	    margin-top: 15px;
	}

	.mfp-auto-cursor .mfp-content {
	    cursor: auto;
	    max-width: 1000px;
	    width: 100%;
	    background: #fff;
	}

	div#video-popup {
	    min-height: 500px;
	    position: relative;
	}

	div#video-popup iframe {
	    width: 100%;
	    height: 100%;
	    position: absolute;
	}

	.mfp-close {
	    /* right: -32px; */
		top: -50px !important;
		color: #fff !important;
		border: 1px solid #ccc !important;
	}



/*Footer*/
.contact-wrap {
    background: url(https://savillsph.com/ImageGen.ashx?image=/media/664957/based-presentation-bg-flipped-resized.jpg&Width=1600&Compression=10) no-repeat 200px center / cover;
    padding: 20px 0;
    position: relative;

}

.contact-wrap::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.9);
	z-index: 1;
}

.contact-container{
	position: relative;
	z-index: 200;
}


/*Contact Info*/
.contact-label {
    position: relative;
    font-weight: 500;
    font-size: 35px;
    line-height: 1;
    color: #001844;
    text-transform: uppercase;
    padding-bottom: 25px;
    margin-bottom: 60px;
    /* font-family: 'Roboto Condensed', sans-serif; */
}

.contact-desc {
    font-size: 17px;
    /* font-family: 'Roboto', sans-serif; */
    color: #656565;
    font-weight: 300;
}

.contact-label::before {
    content: '';
    position: absolute;
    bottom: 0;
	left: 0;
    max-width: 415px;
    width: 100%;
    height: 10px;
    background: #707070;
}

.contact-label {
    margin-top: 15px;
}

.contact-info-btn a {
    display: block;
    /* font-family: 'Roboto Condensed', sans-serif; */
    font-size: 15px;
    text-transform: uppercase;
    color: #001844;
    margin: 45px 0 20px;
    max-width: 200px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #fee850;
    text-align: center;
	letter-spacing: 1px;
	border-radius: 6px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.contact-info-btn a:hover{

    background: #7f98cc;
	color: #fff;
}

.contact-form:hover {
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);
}

.footer-contact {
    max-width: 525px;
    width: 100%;
	margin-bottom: 45px;
}

/*Contact*/

.contact-form .form-group {
    margin-bottom: 10px;
}


	.contact-form {
		max-width: 500px;
		width: 100%;
		margin: 10px 0 0 auto;
		background: #fff;
		padding: 40px 20px;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
	}

	.contact-form input, 
	.contact-form textarea, 
	.contact-form button,
	.contact-form select {
	    height: 50px;
	    width: 100%;
	    border: 0;
	    background: transparent;
	    color: #828282;
	    border-radius: 0;
	    padding: 0 10px;
	    font-size: 15px;
	    margin-bottom: 10px;
	    border-bottom: 1px solid #ccc;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	}

	.contact-form select{
		background: url(../media/2116/arrow-dd.png) no-repeat center right 7px;
	}



	.contact-form textarea {
	    height: 150px;
	    resize: none;
	    padding: 15px;
	}

	.contact-form button {
	    background: #001844;
	    color: #fff;
	    text-transform: uppercase;
	    font-family: inherit;
		border-bottom: 0;
		border-radius: 6px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.contact-form button:hover {
	    background: #ffe94f;
    	color: #2a2a2a;
	}

	.form-control-col{
		font-size: 0;
	}

	.form-group.form-group-half {
		width: 50%;
		display: inline-block;
		vertical-align: top;
	}

	.form-group.form-group-half.form-group-half-odd {
		padding-right: 5px;
	}

	.form-group.form-group-half.form-group-half-even {
		padding-left: 5px;
	}

	div#btnSubmitLoading {
		position: relative;
	}

	.small-loader {
		position: absolute;
		bottom: -15px;
		right: 0;
		border: 5px solid #ccc;
		border-radius: 50%;
		border-top: 5px solid #3498db;
		width: 20px;
		height: 20px;
		-webkit-animation: spin 1s linear infinite;
		animation: spin 1s linear infinite;
	}

	.contact-field.contact-submit,
	.form-control-col .contact-field{
		position: relative;
	}

	.form-control-col .text-danger {
		color: #f00;
		font-size: 9px;
		background: #fff;
		border: 1px solid #f00;
		padding: 5px;
		z-index: 100;
		letter-spacing: 1px;
		display: block;
	}

	.contact-form-success {
		font-size: 17px;
		padding: 15px 5px;
		color: #0b1321;
		text-align: center;
		background: #fee950;
		display: block;
		margin: 0;
		line-height: 1.7;
	}

	.pageid-1676 .contact-field.contact-location{
		display: none;
	}




/* Newsletter */
.newsletter-wrap {
    padding: 30px 0;
    /*background: #fbfbfb;*/
    background: #202945;
}

  .newsletter-wrap *{
    box-sizing: border-box;
  }

  .newsletter-label {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    font-weight: 400;
    margin: 9px 0 15px;
	text-align: left;
	/* font-family: 'Roboto Condensed', sans-serif;  */
	text-transform: uppercase;
  }

  .newsletter-email {
    width: calc(98% - 190px);
    height: 50px;
    padding: 0 15px;
    font-size: 15px;
    border: 0;
    border-bottom: 1px solid #ccc !important;
    color: #000;
    background: #fff;
    letter-spacing: 1px;
    border-radius: 6px;
  }

	.newsletter-email::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		color: #5c5c5c;
	}
	.newsletter-email::-moz-placeholder { /* Firefox 19+ */
		color: #5c5c5c;
	}
	.newsletter-email:-ms-input-placeholder { /* IE 10+ */
		color: #5c5c5c;
	}
	.newsletter-email:-moz-placeholder { /* Firefox 18- */
		color: #5c5c5c;
	}


	.newsletter-submit {
		border: 0;
	    font-size: 15px;
	    text-transform: uppercase;
	    height: 50px;
	    width: 170px;
		border-radius: 6px !important;
	    margin-left: 20px;
	    cursor: pointer;
	    border-radius: 0;
	    border: 1px solid #ffe94f;
	    background: #ffe94f;
	    color: #001844;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	}

	.n-field {
		display: inline-block;
		vertical-align: middle;
	}

	.newsletter-submit:hover {
	  	background: transparent;
	  	color: #ffe94f;
	  	border: 1px solid #ffe94f;
	}
	
	/* new newsletter */
	#mc_embed_signup label{
		display: none;
	}

	.mc-field-group{
		display: inline-block;
		vertical-align: middle;
		width: calc(98% - 190px);

	}

	.mce-EMAIL{
		width: 100%;
		height: 50px;
		padding: 0 15px;
		font-size: 15px;
		border: 0;
		border-bottom: 1px solid #ccc !important;
		color: #000;
		background: #fff;
		letter-spacing: 1px;
		border-radius: 6px;
	}

	.mce-subs-btn{
		display: inline-block;
		vertical-align: middle;
		width: 170px;
	}

	.mc-embedded-subscribe{
		border: 0;
		font-size: 15px;
		text-transform: uppercase;
		height: 50px;
		width: 100%;
		border-radius: 6px !important;
		margin-left: 20px;
		cursor: pointer;
		border-radius: 0;
		border: 1px solid #ffe94f;
		background: #ffe94f;
		color: #001844;
	}

	#mce-responses{
		position: absolute;
	}



		/*Footer Contact*/
	.footer-contact-label{
		font-size: 20px;
	    line-height: 1;
	    color: #fff;
	    font-weight: 400;
	    margin: 9px 0 15px;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    text-transform: uppercase;
	}

	.footer-contact-main{
		font-size: 0;
	}

	.footer-contact-main a,
	.footer-contact-main span{
	    color: #fff;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 17px;
	    font-weight: 300;
	    display: inline-block;
	    vertical-align: middle;
	}

	.footer-contact-main i {
	    display: inline-block;
	    vertical-align: middle;
	    height: 30px;
	    width: 1px;
	    background: #fff;
	    margin: 0 15px;
	}

	.footer-contact-main .footer-contact-link {
	    font-size: 15px;
	    text-transform: uppercase;
	    height: 40px;
	    width: 120px;
	    margin-left: 20px;
	    cursor: pointer;
	    border-radius: 0;
	    border: 1px solid #ffffff;
	    background: transparent;
	    color: #ffe94f;
	    font-family: 'Helvetica', Arial, sans-serif;
	    text-align: center;
	    line-height: 40px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}
	
	.footer-contact-main .footer-contact-link:hover {
		background: #ffe94f;
		color: #2a2a2a;
		border: 1px solid #ffe94f;
	}

	/*Footer SMI*/
	.footer-smi-label{
		font-size: 20px;
	    line-height: 1;
	    color: #fff;
	    font-weight: 400;
	    margin: 9px 0 25px;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    text-transform: uppercase;
	}

	.smi-main a{
		display: inline-block;
		vertical-align: middle;
		margin-right: 21px;
		margin-bottom: 12px;
		color: #fff;
		font-size: 20px;
	}

	.smi-main a:last-child{
		margin-right: 0;
	}

/*Footer*/
.footer-wrap {
    padding: 10px 0 0;
    background: #1a3865;
}

	.footer-logo-main {
	    display: block;
	    max-width: 130px;
	    width: 100%;
	    /*margin-left: auto;*/
	    margin-bottom: 10px;
	}

	.footer-text{
		margin: 0 0 10px;
	}

	.disclaimer {
	    font-size: 10px;
		font-weight: 300;
		color: #d0d0d0;
		text-align: justify;
		letter-spacing: 1px;
	}

	.credits{
		font-size: 13px;
		margin-top: 12px;
		color: #fff;
	}

	.credits a{
		color: #fee850;
		text-decoration: underline;
	}

	.small-links {
		display: inline;
		margin-left: 15px;
	}

	.small-links * {
		text-decoration: none !important;
	}

	/*Sitemap*/
	.site-links ul {
		padding: 25px 0 0px;
		width: 100%;
		margin: 15px 0 0;
		line-height: 1.5;
		text-align: center;
		border-top: 1px solid #ccc;
	}

	.site-links ul li {
		padding: 0 5px;
		display: inline-block;
		vertical-align: middle;
	}

	.site-links a {
	    color: #fff;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 15px;
	    font-weight: 300;
	}


/*Innerpage*/

/*Inner page banner*/
.innerpage-banner {
    position: relative;
    height: 450px;
    overflow: hidden;
}

    .innerpage-banner::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
		background: rgba(0, 0, 0, 0.5);
    }

    .innerpage-banner canvas {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center
    }

	.pageid-1118 .innerpage-banner canvas,
	.pageid-1121 .innerpage-banner canvas,
	.pageid-1120 .innerpage-banner canvas{
		background-position: center top;
		filter: blur(45px);
	}

/*Content Title*/
.content-title-wrap {
    position: absolute;
    left: 0;
    bottom: calc(50% - 125px);
    width: 100%;
    z-index: 100;
    text-align: center;
    color: #fff;
}

	.content-title {
	    font-size: 36px;
	    margin-bottom: 20px;
	    line-height: 1;
	    position: relative;
	    /*font-family: 'Montserrat', sans-serif;*/
	    /*text-transform: uppercase;*/
		z-index: 10;
	}

	.content-title-text {
	    max-width: 800px;
	    width: 100%;
	    margin: auto;
	    padding: 15px;
	    /*font-family: 'Montserrat', sans-serif;
	    font-size: 15px;*/
		/* font-family: 'Lato', sans-serif; */
	    font-size: 19px;
	    font-weight: 300;
	    font-style: normal;
		position: relative;
		z-index: 10;
	}

/*Content*/
.content-full {
    padding: 50px 0;
}

	.content-entry{
		/*min-height: 500px;*/
		padding: 15px 0;
		font-size: 17px;
	    /* font-family: 'Helvetica LT Std'; */
		/* font-family: 'Roboto', sans-serif; */
	    font-weight: 400;
	    font-style: normal;
	}

	.content-entry ul {
		list-style: disc;
		margin-left: 40px;
		margin-top: 10px;
	}

	.content-entry h2,
	.content-entry h3,
	.content-entry h4{
		/* font-family: 'Roboto Condensed', sans-serif; */
	}

	.innerpage-content-wrap{
		padding: 75px 0;
		/* font-family: 'Lato', sans-serif; */
		font-size: 17px;
	}

/*Standard page with right sidebar*/
.cta-sidebar .cta-link{
	border: 1px solid #001844;
    background: #ffffff;
    color: #001844;
	max-width: 360px;
    width: 100%;
    margin: 0 auto 20px;
}

	.cta-sidebar .cta-link:hover {
		background: #7f98cc;
		color: #fff;
		border: 1px solid #7f98cc;
	}
	
	.sidebar .contact-label {
		margin: 0;
		font-size: 30px;
	}

	.sidebar .contact-form {
		padding: 30px;
		border-radius: 6px;
	}

	.blogs-label-sidebar {
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
	}

	.blogs-sidebar {
		border: 1px solid #ccc;
		padding: 10px 10px 30px;
	}

	.blogs-sidebar .blog-small {
		height: 160px;
	}

	.blogs-sidebar .blog-small .blog-title {
		font-size: 13px;
	}

	.blogs-sidebar .blog-date{
		font-size: 12px;
	}


/*Services*/
.content-services-item {
    position: relative;
}

	.content-services-item-wrap {
	    padding: 5px;
	}

	.content-services-link {
	    display: block;
	    height: 400px;
	    position: relative;
	    color: #fff;
	    overflow: hidden;
	}

	.content-services-link canvas {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 1;
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    -o-transition: all 0.3s;
	}

	.content-services-details {
	    position: relative;
	    z-index: 100;
	    text-align: center;
	    padding: 15px;
	}

	.content-services-link::before {
	    content: '';
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 24, 68, 0.9);
	    z-index: 3;
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    -o-transition: all 0.3s;
	}

	.content-services-label {
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-weight: 400;
	    margin-top: 90px;
	    position: relative;
	    font-size: 36px;
	    padding-bottom: 30px;
	    /* font-family: 'Helvetica LT Std'; 
	    font-weight: 500;*/
		letter-spacing: -1px;
	    font-style: normal;
		min-height: 108px;
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    -o-transition: all 0.3s;
	}

	.content-services-label::after {
	    content: '';
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    width: 100px;
	    height: 1px;
	    background: #fee850;
	}

	.content-services-desc {
	    font-size: 16px;
	    /* font-family: 'Montserrat', sans-serif; */
	    /* font-family: 'Helvetica LT Std'; */
	    font-weight: 400;
	    line-height: 1.3;
	    margin-top: 35px;
	    color: #ccc;
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    -o-transition: all 0.3s;
	}

	.contact-person-slider{
		display: none;
	}

	.contact-person-slider.slick-initialized.slick-slider{
		display: block;
	}

	.contact-person-slider .slick-dots button {
		font-size: 0;
		border: 1px solid #001844;
		padding: 0;
		margin: 0;
		height: 10px;
		width: 10px;
		background: #fff;
		border-radius: 50%;
	}

	.contact-person-slider .slick-dots li {
		display: inline-block;
		vertical-align: middle;
		margin: 0 5px;
	}

	.contact-person-slider .slick-dots li.slick-active button {
		background: #001844;
	}

	.clients-logo-main ul li {
		display: inline-block;
		vertical-align: middle;
		max-width: 150px;
		padding: 10px;
	}

	.clients-logo-main ul {
		margin: 0;
		text-align: center;
	}

	/*Hover*/
	.content-services-link:hover{
		color: #fff;
	}

	.content-services-link:hover::before {
		/*background: rgba(0, 24, 68, 0.6);*/
		background: rgba(0, 24, 68, 0.6);
	}

	.content-services-link:hover .content-services-desc{
		color: #fff;
		transform: translateY(20px);
	}

	.content-services-link:hover canvas{
		transform: scale(1.1);
	}

	.content-services-link:hover .content-services-label{
		transform: translateY(-20px);
	}

	.services-content-holder button {
		position: absolute;
		right: 0;
		top: 6px;
		border: 0;
		padding: 5px 10px;
		background: #001844;
		color: #fff;
		width: 50px;
		height: 40px;
		font-size: 0;
		padding: 0;
	}

	.services-content-item h3 {
		margin-top: 0;
	}

	.services-content-holder {
		padding-top: 50px;
		margin-bottom: 10px;
		border: 1px solid #ccc;
		border-top: 10px solid #001844;
		display: none;
	}

	.services-content-holder.slick-initialized.slick-slider{
		display: block;
	}

	.services-content-holder button.slick-next {
		right: 6px;
    	background: #001844 url(../media/2118/slick-right.png) no-repeat center;
	}

	.services-content-holder button.slick-prev {
		background: #001844 url(../media/2119/slick-left.png) no-repeat center;
    	right: 60px;
	}

	.services-content-holder .slick-list{
		padding: 0 15px;
		
	}

	.content-entry .services-list-icons{
		margin-left: 0;
		list-style: none;
		text-align: center;
	}

	ul.services-list-icons li {
		display: inline-block;
		vertical-align: top;
		width: 197px;
		padding: 15px;
	}

	ul.services-list-icons li span {
		display: block;
		margin-top: 8px;
		line-height: 1;
	}

	ul.services-list-icons li img {
		margin: auto;
		max-width: 128px;
		width: 100%;
		background: #001844;
		padding: 15px;
	}

	ul.services-list-icons li img.services-invert-icons {
		background: #ffe7bb;
		filter: invert(1);
	}

	.ip-services-single h3,
	.ip-services-single .hotel-listings-label,
	.ip-services-single .services-h2{
		text-transform: uppercase;
		font-size: 24px;
	}

/* Services Sub Area */
.services-sub-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ssi-item img {
    max-width: 100px;
    width: 100%;
    margin: 0 auto 20px;
}

.ssi-item {
    width: 30%;
    text-align: center;
    padding: 15px;
    border: 1px solid #000;
}

.ssi-item h3 {
    text-transform: capitalize;
    font-size: 25px;
    margin: 0;
	font-family: Helvetica, sans-serif;
	font-weight: 700;
}

.ssa-listings {
    margin: 60px 0 0;
}

.ssa-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.ssa-item {}

.ssa-img {
    width: 300px;
}

.ssa-img img {
    width: 100%;
    max-width: 300px;
    height: 200px;
    object-fit: cover;
}

.ssa-desc {
    flex: 1;
    padding: 0 0 0 30px;
}

.ssa-desc h3 {
    margin: 0 0 20px;
    font-size: 20px;
}

.ssa-desc p {
    font-size: 15px;
}

.ssa-desc span {
    display: block;
    margin: 25px 0 0 auto;
    max-width: 144px;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background: #001844;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
}

.fl-item a {
    display: block;
    text-align: center;
    color: #fff;
    padding: 14px 0;
}

.fl-item {
    max-width: 275px;
    width: 100%;
    border: 1px solid #001844;
    margin: 19px 0 0;
    border-radius: 3px;
    background: #001844;
}


/*Content entry*/
.entry {
    font-family: 'Helvetica LT Std';
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
}

	.sidebar {
	    position: relative;
	    z-index: 200;
	}



/*Sidebar*/

/*Contact Person*/
.contact-person-wrap {
    margin: -60px 0 10px;
    padding: 15px 0;
    background: #fff;
    border: 1px solid #eee;
    text-align: center;
}

	.contact-person-label{
		/*font-family: 'Helvetica LT Std';
	    font-weight: 300;
	    font-style: normal;*/
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 20px; 
	    margin: 0 0 15px;
	}

	.contact-person-photo {
	    padding: 0 20px;
	}

	.contact-person-photo img {
		max-width: 225px;
		width: 100%;
		margin: auto;
	}

	.contact-person-details{
		padding: 0 10px;
	}

	.contact-person-name {
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-weight: 500;
	    font-style: normal;
	    font-size: 23px;
	    margin: 15px 0 0;
	}

	.contact-person-position {
	    /* font-family: 'Roboto', sans-serif; */
	    font-weight: 400;
	    font-style: normal;
	    font-size: 15px;
	    margin: 0 0 15px;
	}

	.contact-person-href a,
	.cp-field a{
	    /* font-family: 'Helvetica LT Std'; */
		/* font-family: 'Roboto', sans-serif; */
	    font-weight: 400;
	    font-style: normal;
	    font-size: 14px;
	    color: #000;
	}

	.contact-person-email.contact-person-href {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.contact-person-team a {
	    display: block;
		font-size: 15px;
		text-transform: uppercase;
		color: #fff;
		margin: 20px auto 0;
		max-width: 200px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		background: #001844;
		text-align: center;
		border-radius: 6px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.contact-person-team a:hover{

		background: #7f98cc;
		color: #fff;
	}

	.contact-person-slider .slick-slide > div:last-child {
		margin: 20px 0 0;
	}

/*Extra*/
.extra-content-wrap {
    padding: 45px 15px;
    background: #f5f5f5;
    margin: 50px 0 0;
}

	.extra-content-wrap .featprop-slick-wrap{
		max-width: 1600px;
		width: 100%;
		margin: auto;
	}


/* Locations Page */

.locations-link {
    display: block;
    min-height: 400px;
    background: #000;
    margin: 15px 0;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

	.locations-item .locations-link::before {
	    content: '';
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 1;
	    opacity: 0.8;
	    transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -o-transition: all 0.5s;
	}

	.locations-item:nth-child(1) .locations-link::before {
	    background: url(../images/location-ncr.jpg) no-repeat center / cover;
	}

	.locations-item:nth-child(2) .locations-link::before {
	    background: url(../images/location-north-luzon.jpg) no-repeat center / cover;
	}

	.locations-item:nth-child(3) .locations-link::before {
	    background: url(../images/location-central-luzon.jpg) no-repeat center / cover;
	}

	.locations-item:nth-child(4) .locations-link::before {
	    background: url(../images/location-south-luzon.jpg) no-repeat center / cover;
	}

	.locations-item:nth-child(5) .locations-link::before {
	    background: url(../images/location-visayas.jpg) no-repeat center / cover;
	}

	.locations-item:nth-child(6) .locations-link::before {
	    background: url(../images/location-mindanao.jpg) no-repeat center / cover;
	}

	.locations-item .locations-link::after {
	    content: '';
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 20;
	    box-shadow: inset 0 0 0 0 #fff;
	    transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -o-transition: all 0.5s;
	}

	.locations-item-label {
		/* font-family: 'Roboto Condensed', sans-serif; */
	    font-weight: 700;
	    font-size: 30px;
	    position: absolute;
	    left: 5px;
	    bottom: 5px;
	    color: #fff;
	    text-transform: uppercase;
	    line-height: 0.8;
	    letter-spacing: -1px;
	    transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -o-transition: all 0.5s;
	    z-index: 30;
	}

	.locations-hover {
	    position: absolute;
	    left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    padding-top: 115px;
	    width: calc(100% - 100px);
	    height: calc(100% - 100px);
	    background: #FFF;
	    z-index: 40;
	    margin: auto;
	    transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -o-transition: all 0.5s;
	    transform: scale(0);
	}

	.locations-item-label-hover {
	    height: 40px;
	    position: relative;
	    overflow: hidden;
	}

    .locations-item-label-hover h2 {
        margin: 0;
        text-align: center;
        /* font-family: 'Roboto Condensed', sans-serif; */
        font-weight: 700;
        font-size: 30px;
        color: #000;
        text-transform: uppercase;
        line-height: 0.8;
        letter-spacing: -1px;
        position: absolute;
        left: 0;
        bottom: -50px;
        width: 100%;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition-delay: 0.3s;
    }

	/*Hover*/
	.locations-link:hover .locations-item-label {
	    bottom: -85px;
	}

	.locations-link:hover::after {
	    /*border: 20px solid #fff;*/
	    box-shadow: inset 0 0 0 20px #fff;
	}

	.locations-item .locations-link:hover::before {
	    transform: scale(1.1);
	    transform-origin: center;
	}

	.locations-link:hover .locations-hover {
	    transform: scale(1);
	}

	.locations-link:hover .locations-item-label-hover h2 {
	    bottom: 0;
	}

	.locations-link:hover::before {
	    opacity: 1;
	}

/* Locations Single Template */
.locations-group-item {
    padding: 5px;
}

	.locations-group-link {
	    display: block;
	    height: 150px;
	    text-align: left;
	    background-position: center;
	    background-size: cover;
	    background-repeat: no-repeat;
	    margin: 0 auto;
	    position: relative;
	    color: #fff;
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    -o-transition: all 0.3s;
	}

    .locations-group-link::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1;
    }

    .locations-group-link h2 {
        font-size: 20px;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 10;
        margin: 0;
        padding: 10px 10px;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
    }

    .locations-group-link h2::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 0;
        width: 100%;
        background: #fff;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        z-index: -1;
    }

	.locations-group-label h2 {
	    border-bottom: 1px solid #c7c7c7;
	    margin: 30px 0 10px;
	    padding: 5px 0;
	    font-size: 25px;
	    color: #a0a0a0;
	}

	.locations-text {
	    font-size: 17px;
	    font-family: 'Helvetica LT Std';
	    font-weight: 300;
	    font-style: normal;
	    border: 1px solid #ececec;
	    padding: 30px;
	    margin: 0 0 50px;
	    color: #5d5d5d;
	}

	.locations-text p {
	    margin: 0;
	}


/*IP Blog*/
.ip-blog-list{
	background: #f5f5f5;
	padding: 80px 0 50px;
}

	.ip-blog-item{
		display: none;
	}

	.ip-blog-link {
	    display: block;
	    background: #fff;
	    position: relative;
	    margin: 0 0 30px;
	    box-shadow: 7px 11px 10px 0 rgba(0, 0, 0, 0.2);
	    color: #535c6f;
	}

	.ip-blog-photo{
		position: relative;
		height: 400px;
	}

	.ip-blog-photo::after{
		content: '';
		position: absolute;
		left: 50%;
		top: 36%;
		z-index: 1;
		transform: translateX(-50%) translateY(-50%);
		border: 5px solid #ccc;
		border-radius: 50%;
		border-top: 5px solid #3498db;
		width: 20px;
		height: 20px;
		-webkit-animation: spin 1s linear infinite;
		animation: spin 1s linear infinite;
	}

	.ip-blog-photo canvas{
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 5;
	}

	.ip-blog-label{
		margin: 10px 0 15px;
		font-size: 20px;
		/* font-family: 'Roboto Condensed', sans-serif; */
		text-transform: uppercase;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		    color: #fee850;
	}

	.ip-blog-info {
	    padding: 15px;
		font-size: 0;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 100;
		background: rgba(0, 0, 0, 0.7);
		width: 100%;
		color: #fff;
	}

	.ip-blog-desc{
		font-size: 15px;
		margin: 0 0 10px;
		font-weight: 300;
		color: #fff;
	}

	.ip-blog-date {
	    /* font-family: 'Montserrat', sans-serif; */
	    font-size: 14px;
	    font-weight: 400;
	    display: inline-block;
	    vertical-align: bottom;
	    width: calc(100% - 40px);
	}

	.ip-blog-arrow{
		height: 40px;
		width: 40px;
		/* background: url(../images/arrow-right.svg) no-repeat center; */
		display: block;
		margin-left: auto;
		border: 1px solid #ececec;
		display: inline-block;
		vertical-align: bottom;
		font-size: 20px;
		line-height: 40px;
		text-align: center;
	}

	.ip-insight-wrap .pagination{
		padding: 0 15px;
	}

	.pagination li {
		display: none;
		vertical-align: middle;
		line-height: 1;
	}

	.pagination li.active{
		display: inline-block;
	}

	.pagination li.active + li{
		display: inline-block;
	}

	.pagination li:nth-child(1) {
		display: inline-block;
	}

	.pagination li:nth-child(2) {
		display: inline-block;
	}

	.pagination li:nth-child(3) {
		display: inline-block;
	}


	.pagination li:last-child {
		display: inline-block;
	}

	.pagination a {
		display: block;
	  color: black;
	  padding: 8px 16px;
	  text-decoration: none;
	}

	.pagination li.active a{
	  background-color: #001844;
	  color: white;
	  border-radius: 5px;
	}

	.pagination a:hover:not(.active) {
	  background-color: #ddd;
	  border-radius: 5px;
	}



/*IP Blog Single Template*/
.innerpage-blog-single .innerpage-banner canvas{
	filter: blur(10px);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
}

	.ip-blog-featured-img {
	    position: relative;
		height: 400px;
		margin-bottom: 30px;
		margin-top: -50px;
		z-index: 100;
		background: #fff;
		box-shadow: -4px 4px 15px 0 rgba(0, 0, 0, 0.5);
		border: 10px solid #fff;
		overflow: hidden;
		padding: 0 30px;
	}

	.ip-blog-featured-img canvas {
	    position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		z-index: 1;
		filter: blur(4px);
		transform: scale(1.1);
		opacity: 0.9;
	}

	.ip-blog-featured-img img{
		height: 100%;
		margin: auto;
		z-index: 2;
		position: relative;
		object-fit: cover;
	}

	.innerpage-blog-single .innerpage-banner::before{
		background: rgba(0, 12, 33, 0.75);
	}

	.blog-share-wrap {
	    margin-top: 15px;
	}

    .blog-share-wrap a {
        display: inline-block;
        vertical-align: middle;
        height: 38px;
        width: 38px;
        border-radius: 50%;
        border: 1px solid #a1a4a6;
        text-align: center;
        color: #9e9e9e;
        margin: 3px 10px 2px 0;
    }

    .blog-share-wrap a:last-child {
        margin-right: 0;
    }

    .blog-share-wrap a i {
        font-size: 20px;
        line-height: 38px;
        display: inline-block;
    }

	.ip-blog-featured-author {
		font-size: 0;
	}

    .ip-blog-featured-author h2 {
	    border-bottom: 1px solid #ccc;
	    padding-bottom: 15px;
	}

	.ip-blog-featured-photo {
	    width: 90px;
	    display: inline-block;
	    vertical-align: top;
	}

	.ip-blog-featured-info{
		width: calc(98% - 90px);
	    display: inline-block;
	    vertical-align: top;
	    padding-left: 10px;
	    line-height: 1.2;
	}

	.ip-blog-featured-name{
		font-size: 17px;
	}

	.ip-blog-featured-position {
		margin: 10px 0 0;
	    font-size: 13px;
	}

	.ip-blog-featured-tagged {
	    margin: 10px 0 0;
	    border-top: 1px solid #ccc;
	    padding-top: 20px;
	    line-height: 1.2;
	    font-size: 15px;
	}

	.ip-blog-featured-tagged ul {
		padding-left: 25px;
		list-style: disc;
	}

	.ip-blog-featured-details {
	    padding: 10px 10px 30px;
	    border: 1px solid #ccc;
	    margin-bottom: 50px;
	}

	.ip-blog-featured-btn a {
	    display: block;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 15px;
	    text-transform: uppercase;
	    color: #001844;
	    margin: 45px 0 20px;
	    max-width: 200px;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    background: #fee850;
	    text-align: center;
	    box-shadow: 5px 5px 0 #ad910b;
	    font-weight: 400;
	}

	.ip-latest-blogs {
	    padding: 50px 0;
	    background: #f5f5f5;
	}

	.latest-blog-label {
	    font-size: 30px;
	    /* font-family: 'Montserrat', sans-serif; */
	    text-transform: uppercase;
	    margin-bottom: 25px;
	}

	.ip-blog-featured-text {
		word-break: break-word;
	}


/* Careers */
.page-careers .innerpage-banner{
	height: 650px;
}

	.careers-banner-single.innerpage-banner::before{
		opacity: 0.4;
	}

	.careers-banner-single.innerpage-banner{
		height: 500px;
	}

	.careers-banner-single.innerpage-banner canvas:first-of-type{
		background-size: cover;
		background-position: center -90px;
		z-index: 12;
		filter: blur(0px);
		box-shadow: 0 17px 55px rgba(0, 0, 0, 0.4);
		max-width: 1170px;
		margin: auto;
		right: 0;
		
	}

	.careers-banner-single.innerpage-banner canvas:last-of-type{
		filter: blur(5px);
		z-index: 2;
		background-attachment: fixed;
	}


	.page-careers .innerpage-banner canvas{
		background-position: center;
		filter: grayscale(1);
	}

	.careers-banner-container {
		max-width: 600px;
		width: 100%;
		position: relative;
		padding: 15px 36px 50px;
		border: 1px solid #fee950;
	}

	.page-careers .content-title-link {
		display: block;
		height: 50px;
		text-align: center;
		color: #0b1322;
		font-size: 14px;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 50px;
		background: #fee950;
		padding: 0 15px;
		border-radius: 6px;
		letter-spacing: 1px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		max-width: 200px;
		width: 100%;
		position: relative;
		z-index: 10;
		cursor: pointer;
	}

	.page-careers .innerpage-banner::before {
		background: rgba(0, 24, 68, 0.7);
	}

	.page-careers .content-title-wrap{
		text-align: left;
		bottom: calc(50% - 160px);
	}

	.page-careers .content-title-text{
		margin: 0;
		padding: 15px 0;
	}

	.careers-banner-container::before {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 18px;
		left: 18px;
		background: rgba(0,0,0,0.30);
		z-index: 1;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.careers-main-label {
		text-align: center;
		position: relative;
		padding: 0 0 30px;
		margin: 0 0 30px;
	}

    .careers-main-label::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: 4px;
        width: 200px;
        background: #ffe94e;
    }

	.careers-content {
	    text-align: center;
	    max-width: 1030px;
	    width: 100%;
	    margin: auto;
	    font-size: 17px;
	}

	.careers-sub-label {
	    font-size: 20px;
	}

	.careers-sub-label {
	    font-size: 50px;
	    margin: 30px 0 0;
	   	font-weight: 500;
	}

	.careers-text {
	    text-align: center;
	    color: #7b7b7b;
	    padding: 80px 0;
	    background: #fff;
	    font-size: 15px;
	}

    .careers-text h2 {
        color: #7b7b7b;
        position: relative;
        padding: 0 0 30px;
        margin: 40px 0 30px;
    }

    .careers-text h2::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: 4px;
        width: 200px;
        background: #ffe94e;
    }

	.careers-section-text {
		padding: 50px 0;
	}

	.careers-item{
		margin-bottom: 30px;
	}

	.careers-item a {
		display: block;
		background: #fff;
		color: #001844;
		transition: 0.3s all;
		-webkit-transition: 0.3s all;
		-moz-transition: 0.3s all;
		-o-transition: 0.3s all;
	}

		.careers-item a:hover{
			box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
			transform: translateY(-10px);
		}

		.careers-item a:hover span{
			background: #fee950;
    		color: #001844;
		}

	.careers-item h3 {
		margin: 0;
		padding: 15px 15px;
		height: 80px;
		border-bottom: 1px solid #f0f0f0;
		font-size: 20px;
		line-height: 1;
		font-weight: 700;
		letter-spacing: 1px;
	}

	.careers-btns {
		padding: 15px;
		text-align: right;
	}

	.careers-btns span {
		font-size: 15px;
		padding: 10px 15px;
		background: #001844;
		color: #fee950;
		border-radius: 4px;
		display: inline-block;
		transition: 0.3s all;
		-webkit-transition: 0.3s all;
		-moz-transition: 0.3s all;
		-o-transition: 0.3s all;
	}

	.careers-btns em {
		float: left;
		margin-top: 8px;
		font-style: normal;
		font-size: 16px;
	}

	.careers-section-jobs {
		padding: 0 0 50px;
		background: #F0F0F0;
	}

	.careers-photobox {
		font-size: 0;
	}

	.careers-photobox canvas {
		width: 100%;
		display: block;
		height: 500px;
		background-size: cover;
		background-position: center;
	}

	.careers-apply {
		position: relative;
		text-align: center;
		background: #001844;
		color: #fff;
		padding: 60px 15px;
		margin-top: -75px;
		margin-bottom: 90px;
	}

	.careers-apply h2 {
		margin: 0 0 35px;
		position: relative;
		padding-bottom: 36px;
	}

	.careers-apply p {
		max-width: 600px;
		width: 100%;
		font-size: 17px;
		line-height: 1.5;
		margin: auto;
	}

	.careers-apply h2::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100px;
		height: 2px;
		background: #fff;
		margin: auto;
	}

	.careers-apply a {
		color: #fee950;
	}

	.job-post-content {
		padding: 30px 30px 50px;
		border: 1px solid #ececec;
	}

	.job-post-field.job-post-title {
		border-bottom: 1px solid #ececec;
		margin-bottom: 30px;
	}

	.job-post-field {
		margin-bottom: 15px;
	}

	.job-post-content ul {
		padding-left: 40px;
		list-style: disc;
	}

	.job-post-sidebar h3 {
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase;
		padding-bottom: 7px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 15px;
	}

	.job-post-sidebar ul li a {
		color: #4b5768;
		font-size: 15px;
	}

	.job-post-sidebar ul {
		padding-left: 15px;
	}


	/* photo */
	.about-items-container{
		max-width: 1600px;
    	width: 100%;
		font-size: 0;
	}

/*Magnific popup*/
 	.page-building .mfp-content .mfp-close {
        color: #000 !important;
		border: 0px solid #ccc !important;
		top: 0 !important;
    }

/*Resources*/
.innerpage-resources {
    background: #f5f5f5;
}

	.resources-row{
		margin-bottom: 30px;
	}

	.resources-image{
		width: 100%;
		height: 400px;
	}

	.resources-label {
	    color: #001844;
	    /* font-family: 'Montserrat', sans-serif; */
	    font-size: 31px;
	    font-weight: 400;
	    box-shadow: 0 0 black;
	    margin: 0 0 30px;
	    position: relative;
	}

	.resources-desc {
	    font-size: 17px;
	    /* font-family: 'Montserrat', sans-serif; */
	    color: #656565;
	    font-weight: 300;
	    margin-bottom: 30px;
	}

	.resources-content {
	    margin: 20px -150px 0 0;
	    background: #fff;
	    padding: 55px 20px;
	    position: relative;
	    z-index: 100;
	    box-shadow: 7px 11px 10px 0 rgba(0, 0, 0, 0.2);
	   	/*box-shadow: -10px 10px 0 #e4e4e4;*/
	}

	.resources-content-pull{
		margin: 20px 0 0 -150px;
	}

	.resources-btns a{
		display: inline-block;
	    vertical-align: middle;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    font-size: 15px;
	    font-weight: 400;
	    text-transform: uppercase;
	    color: #001844;
	    max-width: 200px;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    background: #fee850;
	    text-align: center;
	    margin-top: 15px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.resources-btns a:hover {
		background: #7e98cd;
		color: #fff;
	}


/*Contact*/
.contact-info-row{
	margin-bottom: 70px;
}

	.contact-info-item-wrap{
		text-align: center;
	}

	.contact-info-icon {
	    font-size: 25px;
	}

	.contact-info-value {
	    /*font-family: 'Roboto Condensed', sans-serif;*/
	    font-size: 25px;
	    font-weight: 300;
	    line-height: 1;
	    margin: 10px 0;
	}

	.contact-info-value a {
		color: #001844;
	}

	.contact-info-link{
		color: #737373;
	}

	/*Map*/
	.map-container-wrap{
		padding: 100px 0;
		background: #f5f5f5;
	}

	.maps-row{
		margin-bottom: 70px;
	}

	.map-iframe iframe{
		width: 100%;
		height: 400px;
		border: 0;
	}

	.map-info-content {
	    height: 200px;
	    background: #fff;
	    margin-right: -100px;
	    position: relative;
	    z-index: 200;
	    margin: 240px -100px 0 0;
	    box-shadow: -7px 11px 10px 0 rgba(0, 0, 0, 0.2);
	    padding: 15px;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    border-bottom: 5px solid #fee850;
	}

	.map-info-content p {
	    font-size: 21px;
	    font-weight: 300;
	}

	.map-item iframe{
		width: 100%;
		height: 400px;
		border: 0;
	}

	.map-label {
	    font-size: 23px;
	    /* font-family: 'Roboto Condensed', sans-serif; */
	    margin: 0 0 10px;
	}

	.map-address {
	    font-size: 17px;
	    /* font-family: 'Montserrat', sans-serif; */
	    color: #656565;
	    font-weight: 300;
	}

	.map-details {
	    padding: 15px 0 0;
	    background: #fff;
	}

	.map-item {
	    background: #fff;
	    padding: 15px;
	    box-shadow: 7px 11px 10px 0 rgba(0, 0, 0, 0.2);
	    min-height: 550px;
	}

	.map-bldg {
	    width: 100px;
	    display: inline-block;
	    vertical-align: top;
		height: 150px;
    	overflow: hidden;
	}

	.map-bldg .img-responsive{
		height: 100% !important;
	}

	.map-address{
		width: calc(100% - 100px);
		display: inline-block;
	    vertical-align: top;
	    padding: 0 15px;	
	}

	.map-info{
		font-size: 0;
	}

	.map-address h3 {
	    font-size: 17px;
		margin: 0 0 10px;
		border-bottom: 1px solid #ccc;
		padding: 0 0 10px;
	}

	.map-address a{
		display: block;
		color: #656565;
	}

/*Our People*/
.team-item-wrap{
	margin-bottom: 30px;
}

	.team-item-link {
	    display: block;
	    position: relative;
	    overflow: hidden;
	}

	.team-item-photo {
	    height: 100%;
	    position: relative;
	}

	.team-item-photo::before{
		/*content: '';*/
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		z-index: 10;
	}


	.team-item-photo canvas{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.team-item{
		position: relative;
		height: 300px;
	}

	.team-item-label {
	    position: absolute;
	    left: 3px;
	    bottom: 3px;
	    width: calc(100% - 6px);
	    background: #ffffff;
	    padding: 10px 15px;
	    color: #000;
	    z-index: 20;
	    text-align: center;
	    /*transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -o-transition: all 0.5s;*/
	}

	.team-item-label h2{
		margin: 0;
		font-size: 25px;
	}

	.team-item-desc {
	    position: absolute;
	    top: 3px;
	    left: 3px;
	    margin: auto;
	    width: calc(100% - 6px);
	    background: #fff;
		font-size: 15px;
	    z-index: 20;
	    padding: 15px;
	    text-align: justify;
	    box-shadow: 7px 11px 10px 0 rgba(0, 0, 0, 0.2);
	    color: #001844;
	    border: 1px solid #ececec;
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    opacity: 0;
	    visibility: hidden;
	    transform: translateY(-110%);
	}

	.team-item-desc p{
		margin: 0;
	}

	/*Hover*/
	.team-item-link:hover .team-item-desc{
		opacity: 1;
	    visibility: visible;
	    transform: translateY(0%);

	}

	.team-item-link:hover .team-item-photo::before{
		background: rgba(0,0,0,0.1);
	}

	.team-item-link:hover .team-item-label{
		/*bottom: calc(100% - 57px);*/
	}


/*Per Team*/
.agent-item{
	position: relative;
	
	margin-bottom: 30px;
}

	.agent-item-img{
		height: 270px;
		position: relative;
	}

	.agent-item-img canvas{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
	}

	.agent-item-link{
		color: #000;
	}

	.agent-item-details{
		text-align: center;
		padding: 10px 0;
		box-shadow: inset 0px 0px 0px #7f97cc;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.agent-item-name{
		margin: 0;
		font-size: 20px;
	}

	.agent-item-position{
		font-size: 15px;
		min-height: 44px;
		padding: 0 5px;
	}

	.team-content-text {
	    margin-bottom: 65px;
	    text-align: justify;
	}

	.agent-item-link {
		display: block;
		border: 1px solid #ececec;
	}

	.agent-item-link:hover .agent-item-details {
		box-shadow: inset 0px -100px 0px  #7f97cc;
	}

	.agent-item-link:hover {
		color: #fff;
		border: 1px solid #7f97cc;
	}


/*Agent Single Page*/
.agent-single-page .innerpage-banner canvas{
	background-color: #001844;
}

	.agent-single-page .agent-item{
		margin-top: -50px;
    	z-index: 100;
    	border: 0;
	}

	.agent-single-page .agent-item-img{
		max-width: 260px;
	    width: 100%;
	    border: 1px solid #ececec;
	    height: 350px;
	    margin-bottom: 10px;
		background: #fff;
	}

	.agent-single-page .agent-item-details{
		text-align: left;
	}

	.agent-item-details a {
	    color: #000;
	    display: inline-block;
	    vertical-align: middle;
	    position: relative;
	}

	.agent-item-details i{
		color: #000;
	    display: inline-block;
	    vertical-align: middle;
	    width: 30px;
	    font-size: 20px;
	}

	.agent-item-contact-field{
		margin-bottom: 5px;
	}

	.agent-item-details a::after {
	    content: '';
	    position: absolute;
	    left: 0;
	    bottom: -3px;
	    width: 0;
	    height: 2px;
	    background: #7f98cc;
	    transition: 0.3s all;
	}

	.agent-single-page .contact-info-btn {
		text-align: right;
	}

	.agent-single-page .contact-info-btn a{
		display: inline-block;
		padding: 0 15px;
		max-width: 100%;
		width: auto;
	}

	/*hover*/
	.agent-item-details a:hover::after {
	    width: 100%;
	}

/*Testimonials*/
.testimonials-main-img img {
    max-width: 250px !important;
    width: 100% !important;
    display: block;
    height: auto !important;
}

	.testimonials-main-item a {
		display: block;
		color: #ffffff;
	}

	.testimonials-main-field {
		display: inline-block;
		vertical-align: top;
	}

	.testimonials-main-img.testimonials-main-field {
		width: 200px;
		padding-right: 15px;
	}

	.testimonials-main-desc {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		font-size: 17px;
		padding: 30px 30px 65px;
		color: #000;
		position: relative;
		margin-bottom: 50px;
		border-radius: 00px 0px 0px 40px;
	}

.testimonials-main-desc::before {
    content: '';
    position: absolute;
    /*left: 0;*/
    bottom: -50px;
    right: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    background: url(../media/2151/quote-icon.png) no-repeat center;
    z-index: 10;
    background-color: #7e98cd;
    border-radius: 50%;
    box-shadow: 7px 2px 0px #fff;
}

.testimonials-holder {
    font-size: 0;
    padding-bottom: 55px;
	display: none;
}

.testimonials-holder.slick-initialized.slick-slider{
	display: block;
}

.testimonials-holder button {
    position: absolute;
    right: 0;
    bottom: 10px;
    font-size: 17px;
    padding: 5px 10px;
    background: #001844;
    color: #fff;
    border: 0;
}

.testimonials-holder button.slick-prev {
    right: 65px;
}

.testimonials-feedback iframe{
	width: 100%;
	max-width: 100%;
	border: 0;
	height: 2100px;
}


/* Case Studies */
.case-study-logo {
    width: 210px;
    height: 210px;
    position: relative;
    font-size: 0;
	/* border: 1px solid #ececec;
	margin: auto;
    margin-bottom: 30px;
    padding: 10px; */
}

	.case-study-logo::before {
		content: '';
		height: 100%;
		display: inline-block;
		vertical-align: middle;
	}

	.case-study-logo img {
		width: 100%;
		display: inline-block;
		vertical-align: middle;
	}
	
	.case-study-item-wrap{
		font-size: 0;
		text-align: center;
	}

	.case-study-item {
		display: inline-block;
	    vertical-align: middle;
	    width: 170px;
	    height: 170px;
	    position: relative;
	    border: 1px solid #eeeeee;
	    margin: 10px;
	    border-radius: 10px;
	    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	    background: #fff;
	    transition: 0.3s all;
	    -webkit-transition: 0.3s all;
	    -moz-transition: 0.3s all;
	    -o-transition: 0.3s all;
	}

	.case-study-link{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.case-study-link::before{
		content: '';
		height: 100%;
		display: inline-block;
		vertical-align: middle;
	}

	.case-study-logo-main{
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		padding: 15px;
	}
	
	.case-study-content {
		margin-bottom: 50px;
	}

	.case-study-item:hover {
	    transform: scale(1.1);
	}

/*Research Single Template*/
form#research-report-id #emailAddress {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 40px;
    padding: 9px 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #33475b;
    background-color: #f5f8fa;
    border: 1px solid #cbd6e2;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

	#requestReportDownload {
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		margin: 10px 0;
		cursor: pointer;
		font-weight: 400;
		line-height: 12px;
		position: relative;
		text-align: center;
		background-color: #fee850;
		border-color: #fee850;
		color: #001844;
		border-radius: 3px;
		border-style: solid;
		border-width: 1px;
		font-size: 14px;
		padding: 12px 24px;
		display: block;
	}

	.research-report-download-form {
		padding: 20px 0;
	}

	#research-report-id label {
		font-size: 13px;
		display: block;
		margin-bottom: 5px;
	}

	#research-report-id label i {
		color: red;
	}

	.research-backdrop {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.75);
		z-index: 10000;
	}
	
	.research-loader {
	    border: 5px solid #f3f3f3;
		border-radius: 50%;
		border-top: 5px solid #3498db;
		width: 40px;
		height: 40px;
		-webkit-animation: spin 0.7s linear infinite;
		animation: spin 0.7s linear infinite;
		position: absolute;
		left: calc(50% - 20px);
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	.research-loader-text {
		position: absolute;
		left: 0;
		top: calc(50% - 30px);
		color: #fff;
		width: 100%;
		text-align: center;
	}

	/* Safari */
	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}

	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}


/*Research Template*/
.research-main-file img {
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);
	display: none;
}

	.research-content h3 {
		font-size: 21px;
		margin: 0;
		border-bottom: 7px solid #ececec;
		padding: 0 0 8px;
		color: #001844;
	}

	.research-content h4 {
		margin: 0 0 15px;
		font-size: 16px;
	}

	.reasearch-content-main {
		border: 1px solid #ececec;
		padding: 20px;
	}

	.research-tabs-wrap {
		margin: 40px 0 0;
	}

	.research-item {
		max-width: 250px;
		width: 100%;
		margin: 10px 5px;
		display: inline-block;
		vertical-align: top;
		position: relative;
	}

	.research-item-label::before {
		content: '';
		height: 100%;
		display: inline-block;
		vertical-align: middle;
	}

	.research-item-label h2 {
		font-size: 18px;
		font-weight: 300;
		margin: 0;
		border-top: 1px solid #fee950;
		border-bottom: 1px solid #fee950;
		padding: 10px;
		display: inline-block;
		vertical-align: middle;
	}

	.research-item-label {
		padding: 10px;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		background: rgba(37, 40, 57, 0.9);
		color: #fee850;
		/* border-bottom: 5px solid #fee850; */
		font-size: 0;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.research-item-link:hover .research-item-label{
		opacity: 0;
	}

	.reasearch-item-img img {
		width: 100%;
		display: none;
	}
	.reasearch-item-img {
		height: 265px;
		width: 100%;
		background-position: center top;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.research-main-photo {
		width: 262px;
		height: 370px;
		display: block;
		margin: auto;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);
	}

	.reasearch-download-link {
		display: block;
		/* font-family: 'Roboto Condensed', sans-serif; */
		font-size: 17px;
		text-transform: uppercase;
		color: #001844;
		margin: 0px 0 20px;
		max-width: 200px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		background: #fee850;
		text-align: center;
		box-shadow: 5px 5px 0 #ad910b;
	}

	.research-content iframe,
	.research-content object{
		width: 100%;
		height: 950px;
		border: 0;
	}

	.research-item-wrap{
		text-align: center;
	}

	ul.tabs {
		margin: 0px;
		padding: 0px;
		list-style: none;
		border-bottom: 1px solid #7f98cc;
	}

    ul.tabs li {
        background: none;
        color: #797979;
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
    }

	ul.tabs li.current {
		background: #7f98cc;
		color: #fff;
	}

	.tab-content {
		display: none;
		background: #fff;
		padding: 15px;
		color: #636363;
		height: 302px;
		overflow-y: scroll;
		overflow-x: hidden;
	}

    .tab-content.current {
        display: inherit;
    }
	
	.ip-insight-wrap {
		background: #fffbe0;
		padding: 100px 0 50px;
		margin-top: 50px;
	}

	.ip-insight-wrap.ip-insight-category{
		margin-top: 0;
		background: #fff;
		padding: 50px 0 20px;
	}

	.ip-insight-category .ip-blog-link{
		margin: 0 0 30px;
	}

	.ip-insight-category-label h3 {
		border-bottom: 1px solid #ececec;
		padding: 0 0 10px;
		margin-bottom: 30px;
		text-transform: uppercase;
		color: #1a3865;
		text-align: center;
	}

	.ip-insight-category .ip-blog-photo::before {
		content: '';
		position: absolute;
		left: 0;
		top: 30px;
		background: rgb(254, 232, 80);
		z-index: 10;
		transition: 0.3s;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		padding: 10px 15px;
		font-size: 13px;
		color: #001844;
		text-transform: uppercase;
	}

	.ip-insight-category-1 .ip-blog-photo::before {
		content:'Company News';
	}

	.ip-insight-category-2 .ip-blog-photo::before {
		content:'Client Spotlight';
	}

	.ip-insight-category-3 .ip-blog-photo::before {
		content:'Tips & Guides';
	}

	.ip-insight-category-4 .ip-blog-photo::before {
		content:'Industry News';
	}

	.sb-contact-btn a {
		display: block;
		height: 50px;
		text-align: center;
		color: #0b1322;
		font-size: 15px;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 50px;
		background: #fee950;
		padding: 0 15px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.sb-contact-btn a:hover{
		background: #7e98cd;
    	color: #fff;
	}

	.research-content-img img{
		width: 100%;
	}

/*Media*/
.ytd-wrap iframe {
    width: 100%;
    height: 300px;
    max-width: 585px;
    margin: 10px auto;
}

.powr-instagram-feed{
	position: relative;
}

.powr-instagram-feed::after{
	content:'';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 110px;
    z-index: 100;
    background: #fff;
}



	.social-item-label img {
		max-width: 220px;
	}

	.social-item-label {
		margin-bottom: 15px;
	}

	.ig-main-wrap {
		padding: 15px;

		border-top: 10px solid #FCAF45;
		margin-bottom: 20px;
	}

	.fb-main-wrap {
		padding: 15px;
	
		border-top: 10px solid #3b5998;
		margin-bottom: 20px;
	}

	.ytd-main-wrap {
		padding: 15px;
	
		border-top: 10px solid #f00;
		margin-bottom: 20px;
	}

/*Building*/
.building-blk-wrap {
    padding: 15px 0 30px;
}

	.building-blk-main{
		font-size: 0;
	}

	.building-blk-item {
		max-width: 215px;
		width: 100%;
		height: 265px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin: 1px;
	}

	.building-blk-item img {
		width: 100%;
		height: 265px;
		object-fit: cover;
		object-position: 50% 50%;
	}

	.building-blk-img {
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.page-search-properties .building-blk-info{
		text-align: left;
	}

	.building-blk-info {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		color: #fff;
		text-align: center;
	}

	.building-blk-info h3 {
		margin: 10px 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		padding: 10px;
		font-weight: 300;
    	font-size: 15px;
	}

	.building-blk-btn {
		display: none;
	}

	.pageid-1285.ui-menu.ui-widget.ui-widget-content {
		height: 100px !important;
		overflow: scroll;
	}

	.pageid-1285 .ui-widget.ui-widget-content {
		height: 200px;
		overflow: auto;
	}

	.pageid-1285 .ui-widget.ui-widget-content li a {
		font-size: 16px;
		padding: 5px 10px;
		display: block;
		border: 1px solid #fff;
	}

	.page-building .sidebar .contact-form {
		margin: 0 0 30px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);
	}

	.page-building .sidebar .contact-wrap {
		padding-top: 14px;
	}

	.ip-featprop-holder {
		display: flex;
		flex-wrap: wrap;
		padding: 30px 0;
	}

	.ip-featprop-holder .featprop-item {
		width: 50%;
	}

	/* Building Results */
	.building-blk-item.building-blk-item-results {
		max-width: 350px;
		height: 350px;
		margin: 15px;
	}

	.building-blk-item.building-blk-item-results img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		-webkit-object-fit: cover;
		-moz-object-fit: cover;
	}

	.ps-results {
		text-align: center;
		font-size: 0;
	}

/* Building Individual Template */
.building-indvl-img {
    max-width: 410px;
    width: 100%;
    height: 420px;
    position: relative;
}

	.bldg-contact-link {
		display: block;
		height: 50px;
		max-width: 150px;
		width: 100%;
		margin: auto;
		text-align: center;
		color: #fff;
		font-size: 15px;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 50px;
		padding: 0 15px;
		border: 2px solid #fff;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

    .building-indvl-img canvas {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .building-indvl-info h2 {
        border-bottom: 1px solid #000;
		margin: 30px 0 15px;
		padding-bottom: 5px;
		font-size: 23px;
    }

	.building-indvl-desc-label{
		border-bottom: 1px solid #000;
		margin: 30px 0 15px;
		padding-bottom: 5px;
		font-size: 23px;
	}

	.building-indvl-info-main {
		border: 1px solid #ececec;
	}

    .building-indvl-info-main ul {
        margin: 0;
		list-style: none;
    }

	.bldg-indvl-info-coworking .bldg-indvl-info-value{
		text-transform: uppercase;
	}

    .building-indvl-info-main ul:nth-child(even) {
        background: #ececec;
    }

    .building-indvl-info-main ul li {
        padding: 10px;
    	font-size: 18px;
    }

    .bldg-indvl-info-telcos .bldg-indvl-info-value {
        text-transform: capitalize;
    }

    .bldg-indvl-info-label {
        display: inline-block;
		vertical-align: top;
		width: 200px;
		color: #444;
		font-weight: 400;
		
    }

    .bldg-indvl-info-value {
        display: inline-block;
		vertical-align: top;
		width: calc(98% - 200px);
		font-weight: 700;
    }

    .building-indvl-floor-plan-label {
        border-bottom: 1px solid #000;
		margin: 30px 0 15px;
		padding-bottom: 5px;
		font-size: 23px;
    }

    .building-indvl-location-map-label {
        border-bottom: 1px solid #000;
		margin: 30px 0 15px;
		padding-bottom: 5px;
		font-size: 23px;
    }

    .building-indvl-location-map iframe {
        border: 0;
        height: 500px;
        width: 100%;
    }

    .building-indvl-floor-plan {
        /* border: 1px solid #ccc;
        padding: 15px; */
        height: 420px;
        position: relative;
    }

    .building-indvl-floor-plan img {
        height: 100%;
        margin: auto;
		object-fit: cover;
    	object-position: 50% 50%;
		cursor: pointer;
    }

    .building-indvl-img-label {
        border-bottom: 1px solid #000;
		margin: 30px 0 15px;
		padding-bottom: 5px;
		font-size: 23px;
    }

    .building-indvl-desc {
        margin: 10px 0 30px;
		color: #001844;
		border-top: 1px solid #001844;
		padding: 10px 0 0;
    }

	.building-indvl-img img {
		width: 100%;
		height: 420px;
		object-fit: cover;
		object-position: 50% 50%;
		cursor: pointer;
	}

	.building-indvl-location-legend div {
		display: inline-block;
		vertical-align: top;
		padding-left: 33px;
		position: relative;
		margin-right: 20px;
	}

	.building-indvl-location-legend {
		margin: 30px auto 15px;
		padding: 30px 15px;
		max-width: 500px;
		width: 100%;
		border: 1px solid #ececec;
		text-align: center;
	}

	.building-indvl-location-legend div::before {
		content: '';
		position: absolute;
		left: 0;
		top: -9px;
		width: 27px;
		height: 43px;
	}

	.building-indvl-location-commercial::before {
		background: url(https://savillsph.com/media/665580/commercial-new-icon4.png) no-repeat center / contain;
	}

	.building-indvl-location-residential::before {
		background: url(https://savillsph.com/media/665579/residential-new-icon4.png) no-repeat center / contain;
	}

	.building-indvl-location-others::before {
		background: url(https://savillsph.com/media/665582/others-new-icon5.png) no-repeat center / contain;
	}

	.building-single-page .sidebar .contact-wrap,
	.propertypedia-single-page .sidebar .contact-wrap{
		padding-top: 0;
	}

	.building-single-page .sidebar .contact-form,
	.propertypedia-single-page .sidebar .contact-form{
		margin: 0 0 30px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);
	}

	.building-single-page .content-title{
		color: #001844;
		margin:0 0 3px;
		font-family: 'Helvetica', Arial, sans-serif;
    	font-weight: 800;
	}

	.building-single-page .content-title-text{
		padding: 0;
	}

	.building-single-page .bldg-search-wrap{
		background: rgba(0,0,0,0);
		text-align: left;
		padding: 30px 0;
	}

	.building-single-page .bldg-search-form h2{
		margin: 0 0 10px;

	}
/*
	.building-single-page .bldg-search-form input{
		height: 60px;
		font-size: 17px;
	}
*/
	.building-single-page .innerpage-banner{
		overflow: visible;
	}

	.tt-suggestion.tt-selectable {
		font-size: 20px !important;
	}

	.building-single-page .innerpage-content-wrap{
		position: relative;
	}

	.building-title:before {
		content: '';
		position: absolute;
		left: 0;
		top: 5px;
		height: 40px;
		width: 40px;
		background: url(https://savillsph.com/media/664639/building-icon-name.png) no-repeat center / contain;
	}

	.building-single-page .building-title {
		position: relative;
		padding-left: 60px;
	}

	.building-single-page .sidebar .contact-label{
		position: relative;
		padding-left: 55px;
		font-size: 25px;
		text-align: left;
	}

	.building-single-page .sidebar .contact-label:after {
		content: '';
		position: absolute;
		left: 0;
		top: -12px;
		height: 40px;
		width: 40px;
		background: url(https://savillsph.com/media/664641/businessmen-talking-in-business-meeting.png) no-repeat center / contain;
	}

	.building-single-page .sidebar .contact-label:before{
		background: #001844;
	}

	.building-related-searches-wrap h3 {
		font-size: 17px;
		margin: 30px 0 10px;
	}


	.building-related-searches-wrap ul li {
		display: inline;
		margin-right: 4px;
		position: relative;
	}

	.building-related-searches-wrap ul li::after {
		content: ',';
	}

	.building-related-searches-wrap ul li:last-child::after {
		display: none;
	}

	.page-building .contact-service,
	.page-building .contact-location{
		display: none;
	}

	#building-tour {
		margin-bottom: 20px;
		width: 100%;
		border: 0;
	}

	#video-thumbnails a {
		display: block;
		margin-bottom: 15px;
		position: relative;
	}

	#video-thumbnails a h3 {
		font-size: 12px;
		text-align: center;
		color: #fff;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		letter-spacing: 1px;
		background: rgba(0,0,0,0.3);
		margin: 0;
		padding: 10px 5px;
	}

.resi-desc, .resi-desc span {
    font-family: 'HelveticaNeueLight' !important;
    font-size: 15px !important;
    letter-spacing: 0;
}


/* Building Search */
.bldg-search-wrap {
    background: #001844;
    padding: 30px 15px;
}
.bldg-search-wrap .searchbar-label {
float: left;
}

/*
.bldg-search-form h2 {
    margin: 0 0 10px;
    color: #fff;
    font-weight: 300;
}

.bldg-search-form input {
    border: 0;
    height: 40px;
    width: 100%;
    padding: 0 10px;
}*/

/*List your property*/
.lyp-field input, .lyp-field select, .lyp-field textarea {
    width: 100%;
    height: 40px;
    font-size: 17px;
    font-weight: 300;
    border: 1px solid #ccc;
    padding: 0 10px;
    color: #000;
    /* font-family: 'Roboto', sans-serif; */
}

	.lyp-field textarea {
		height: 100px;
		resize: none;
		padding: 5px 10px;
	}

	.lyp-form {
		font-size: 0;
		max-width: 700px;
		width: 100%;
		margin: auto;
	}

	.lyp-field {
		margin-bottom: 5px;
	}

	.lyp-field input[type="submit"] {
		background: #fee950;
		color: #001844;
		text-transform: uppercase;
		max-width: 300px;
		margin: auto;
		display: block;
		font-size: 16px;
		font-weight: 400;
		border: 0;
	}

	.lyp-field input::-webkit-input-placeholder,
	.lyp-field textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	  color: #000;
	}
	.lyp-field input::-moz-placeholder,
	.lyp-field textarea::-moz-placeholder{ /* Firefox 19+ */
	  color: #000;
	}
	.lyp-field input:-ms-input-placeholder,
	.lyp-field textarea:-ms-input-placeholder{ /* IE 10+ */
	  color: #000;
	}
	.lyp-field input:-moz-placeholder,
	.lyp-field textarea:-moz-placeholder{ /* Firefox 18- */
	  color: #000;
	}

	.lyp-list li{
		position: relative;
		padding: 10px 10px 10px 35px;
	}

	.lyp-list li:before {
		position: absolute;
		left: 0;
		top: 10px;
		display: inline-block;
		content: "";
		width: 20px;
		height: 20px;
		margin-right: 10px;
		background: url('/media/2294/list-your-property-check.png') no-repeat;
	}

	.lyp-form .text-danger {
		color: #f00;
		font-size: 9px;
		background: #fff;
		border: 1px solid #f00;
		padding: 5px;
		z-index: 100;
		letter-spacing: 1px;
		display: block;
		margin: 5px 0;
	}

/*About*/
.about-lines{
	position: relative;
}

	.about-lines::before{
		content:'';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 100%;
		width: 6px;
		margin: auto;
		background: #fee850;
		z-index: 10;
	}

	.about-item-label {
		border-bottom: 1px solid #ccc;
		padding: 0 0 10px;
	}

	.about-item-content {
		font-weight: 400;
		color: #7b7979;
	}

	.no-gutter.about-content {
		padding: 30px;
	}

	.about-item-link {
		display: inline-block;
		border-bottom: 1px solid #7e98cd;
		color: #7e98cd;
		margin: 10px 0 0;
	}

	.about-icon{
		height: 100px;
		width: 100px;
		display: block;
		margin: 0 auto;
	}
	
	.fact-sheet-icon{
		background: url('/media/2219/fact-sheet-icon.png') no-repeat center / contain;
	}

	.memberships-icon{
		background: url('/media/2220/memberships-icon.png') no-repeat center / contain;
	}

	.clients-icon{
		background: url('/media/2218/clients-icon.png') no-repeat center / contain;
	}

	.about-icons-wrap {
		padding: 75px 0;
		background: rgba(254, 233, 80, 0.1);
		margin: 75px 0;
		text-align: center;
	}

	.about-icons-link {
		display: block;
		max-width: 360px;
		width: 100%;
		margin: auto;
		color: #525c6f;
	}

	.about-icon-label {
		border-bottom: 1px solid #ccc;
		padding: 0 0 10px;
		margin: 10px 0;
		font-size: 25px;
	}

	.about-icon-desc {
		font-size: 16px;
	}

	.about-services-label h2 {
		text-align: center;
		font-size: 40px;
		margin: 0 0 60px;
	}

	.ip-about-services-wrap {
		padding: 50px 0;
		margin-top: 50px;
		background: rgba(254, 233, 80, 0.1);
	}

	#memberships-popup img,
	#clients-popup img{
		margin: auto;
	}

	.fs-wrap{
		text-align: center;
	}

	.fs-item {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		max-width: 245px;
		margin: 5px;
	}

	.fs-item h2{
		font-size: 18px;
		margin: 10px 0 0;
	}

	.fs-item em{
		font-size: 15px;
	}

/*Our Story*/
.content-photo {
    position: relative;
}

	.content-photo canvas {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}

/*Capability Statement*/
.cap-btn a:first-of-type {
    display: inline-block;
    /* font-family: 'Roboto Condensed', sans-serif; */
    font-size: 15px;
    text-transform: uppercase;
    color: #001844;
    margin: 30px 0;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    background: #fee850;
    text-align: center;
    box-shadow: 5px 5px 0 #ad910b;
}

	.cap-iframe iframe {
		height: 375px;
		width: 300px;
		border: 0;
	}

	.cap-iframe {
		display: inline-block;
		vertical-align: top;
		display: none
	}

	.cap-btn {
		/*display: inline-block;
		vertical-align: top;*/
	}

/*Serviced Office Page*/
.serviced-office a img {
	display: block;
	min-height: 180px;
}


	.kmcs-location-item {
		display: inline-block;
		vertical-align: top;
		width: 280px;
		padding: 5px;
		position: relative;
	}

	.kmcs-location-item-label a{
		color: #fff;
		display: block;
		font-size: 14px;
		text-align: center;
		background: rgba(0, 0, 0, 0.8);
		color: #ffffff;
		padding: 5px;
		position: absolute;
		left: 5px;
		bottom: 5px;
		width: calc(100% - 10px);
		border-bottom: 6px solid #f9e018;
	}

	.kmcs-location-offices {
		font-size: 0;
		position: relative;
		padding-bottom: 33px;
	}

	.kmcs-location-label {
		border-bottom: 1px solid #ececec;
		margin: 11px 0 6px;
		font-size: 15px;
		font-weight: 700;
	}

	.kmcs-location-offices button {
		position: absolute;
		right: 5px;
		bottom: 0;
		font-size: 12px;
		border: 0;
		background: #001844;
		color: #fff;
		padding: 8px 10px;
		border-radius: 3px;
	}

	.kmcs-location-offices button.slick-prev {
		right: 54px;
	}


/*Property View Residential*/
.propertyview-slideshow-wrap {
    position: relative;
    padding: 15px;
    /* box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); */
    font-size: 0;
}

	.propertyview-slick {
		position: relative;
	}

	.propertyview-item canvas {
		width: 100%;
		height: 370px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.propertyview-slick-holder{
		display: none;
	}

	.propertyview-slick-holder.slick-initialized.slick-slider{
		display: block;
	}

	.propertyview-slick-holder .slick-arrow{
		position: absolute;
		top: calc(50% - 25px);
		height: 50px;
		width: 50px;
		border: 1px solid #001844;
		background: #001844;
		font-size: 0;
		padding: 0;
		margin: 0;
		z-index: 100;
	}

	.propertyview-slick-holder .slick-arrow.slick-prev {
		background: #001844 url(../media/2119/slick-left.png) no-repeat center;
		left: -15px;
	}

	.propertyview-slick-holder .slick-arrow.slick-next {
		background: #001844 url(../media/2118/slick-right.png) no-repeat center;
		right: -15px;
	}

	.propertyview-main-label {
		border-bottom: 1px solid #000;
		margin: 30px 0 15px;
	}

	.propertyview-details{
		font-size: 0;
	}

	.pv-label {
		display: inline-block;
		vertical-align: top;
		width: 200px;
		color: #444;
		font-weight: 400;
	}


	.pv-field {
		padding: 10px 0;
		display: inline-block;
		vertical-align: top;
		width: 25%;
	}

	.pv-field .pv-label {
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		width: calc(100% - 40px);
		padding: 0;
		font-weight: 300;
		font-size: 17px;
	}

	.pv-field .pv-label i{
		display: inline-block;
		vertical-align: middle;
		font-size: 20px;
		width: 40px;
		color: #001844;
	}

	.pv-field .pv-value {
		display: inline-block;
		vertical-align: top;
		font-size: 22px;
		font-weight: 700;
		width: 100%;
		padding: 5px 15px 10px 40px;
		line-height: 1.2;
	}

	.propertyview-iframe {
		position: relative;
	}

	.propertyview-iframe iframe {
		height: 300px;
		width: 100%;
		border: 0;
	}

	.sb-lyp-link {
		margin-bottom: 50px;
		display: block;
		/* font-family: 'Roboto Condensed', sans-serif; */
		font-size: 17px;
		text-transform: uppercase;
		color: #001844;
		margin: 20px auto 50px;
		max-width: 300px;
		width: 100%;
		height: 80px;
		line-height: 80px;
		background: #fee850;
		text-align: center;
	}

	/*Property View Single*/
	.property-single-page .propertyview-label {
		position: relative;
		padding-left: 60px;
		    margin-bottom: 30px;
	}

	.propertyview-label::before{
		content: '';
		position: absolute;
		left: 0;
		top: 5px;
		height: 40px;
		width: 40px;
		background: url(https://savillsph.com/media/665583/residential-icon5.png) no-repeat center / contain;
	}

	.property-slider-holder{
		display: none;
	}

	.property-slider-holder.slick-initialized.slick-slider{
		display: block;
		margin: 0 -3px;
	}

	.property-slider img {
		width: 100%;
		height: 327px;
		object-fit: cover;
	}

	.property-single-page .content-title {
		color: #001844;
		margin: 0 0 3px;
		font-family: 'Helvetica', Arial, sans-serif;
		font-weight: 800;
		font-size: 30px;
	}

	.property-single-page .content-title-text {
		padding: 0;
		margin: 0;
	}

	.propertyview-desc{

	}

	.searchbar-main-label h2 {
		margin: 30px 0 10px;
		line-height: 1;
	}

	.searchbar-main-label p {
		margin: 0;
		font-size: 15px;
	}

	.property-single-page .content-title-wrap{
		position: relative;
		bottom: 0
	}

	.property-single-page .innerpage-content-wrap {
		padding: 30px 0 75px;
	}

	.property-single-page .searchbar-wrap{
		font-size: 0;
		padding: 30px 0;
	}

	.property-single-page .searchbar-label {
		color: #fff;
		height: auto;
		font-size: 30px;
		background: transparent;
		line-height: 1;
		text-transform: none;
		text-align: left;
		width: 100%;
		margin-bottom: 20px;
		display: none;
	}

	.page-propertyview .mfp-auto-cursor .mfp-content{
		background: transparent;
	}

	.page-propertyview.mfp-zoom-out-cur #st-2 {
		display: none !important;
	}

	.page-propertyview .mfp-close {
		border: 0 !important;
		top: 0 !important;
		color: #fff !important;
		opacity: 1;
	}

	.page-propertyview .mfp-figure:after{
		display: none;
	}

	.page-propertyview .mfp-bottom-bar{
		display: none;
	}

	.property-single-page .innerpage-banner{
		height: auto;
	}

	.property-single-page .searchbar-form {
		width: 100%;
		border-radius: 6px;
	}

	.property-slider-item {
		padding: 0 3px;
	}

	.property-single-page .searchbar-form input.submit-btn {
		background: #fff url(../media/2117/search.png) no-repeat center / 65%;
	}

	.property-single-page .sidebar .contact-form {
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);
	}

	.gm-style img {
		width: 100%;
		height: 130px;
		object-fit: cover;
		display: block;
		margin: 0 auto 10px;
	}

	#map .gm-style .gm-style-iw-c {
		max-width: 160px !important;
		padding-left: 19px !important;
	}

	#map .gm-style .gm-style-iw-c table{
		width: 100%;
	}

	#map .gm-style .gm-style-iw-c table span{
		display: block;
		text-align: center;
	}

	.page-propertyview .contact-service,
	.page-propertyview .contact-company,
	.page-propertyview .contact-location{
		display: none;
	}

	.propertyview-iframe .gm-style .gm-style-iw-c {
		padding: 15px 15px 10px !important;
		max-width: 210px !important;
		width: 100% !important;
		text-align: center;
	}

	.propertyview-iframe .gm-style .gm-style-iw-d{
		overflow: auto !important;
	}

	.propertyview-iframe .gm-style .gm-style-iw-d table span {
		color: #000 !important;
		font-weight: 400 !important;
	}
	
	.propertyview-slick .slick-dots li {
		display: inline-block;
		vertical-align: middle;
		padding: 2px;
	}

	.propertyview-slick .slick-dots li button {
		height: 12px;
		width: 12px;
		border: 0;
		margin: 0;
		padding: 0;
		font-size: 0;
		border-radius: 50%;
		background: #001844;
	}

	.propertyview-slick .slick-dots {
		text-align: center;
		padding: 5px 0;
		margin: 0;
	}

	.propertyview-slick .slick-dots li.slick-active button {
		background: #7f98cc;
	}

	.sidebar-contactperson .contact-person-wrap {
		margin: 0;
		border: 0;
		padding: 0;
	}

	.sidebar-contactperson .contact-person-photo img {
		max-width: 173px;
	}

	.sidebar-contactform .contact-form {
		max-width: 100%;
		border: 1px solid #ccc;
		padding: 30px;
    	border-radius: 6px;
	}

	.sidebar-contactform .contact-label{
		margin: 0 0 20px;
	}

	.sidebar-contactform .contact-form textarea {
    	height: 85px;
	}

	.sidebar-contactform .contact-form button{
		margin-bottom: 0;
	}

	.propertyview-overview h2 {
		font-size: 25px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 9px;
		margin: 0 0 20px;
	}

	.sidebar-contactperson .contact-person-details h3 {
		font-size: 18px;
	}

	.sidebar-contactperson .contact-person-position{
	    margin: 3px 0;
	}

	.sidebar-contactperson .contact-person-name{
		font-weight: 800;
		text-transform: uppercase;
	}

	.contact-person-rating {
		margin: 0 0 10px;
	}

	.propertyview-facts h2 {
		font-size: 25px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 9px;
		margin: 50px 0 20px;
	}

	.propertyview-map-wrap {
		font-size: 0;
		margin: 38px 0 0;
	}

	.page-propertyview .building-indvl-location-legend {
		margin: 0;
		display: inline-block;
		vertical-align: middle;
		margin-left: 15px;
		text-align: left;
		max-width: 200px;
		padding: 30px 15px;
	}

	.page-propertyview .building-indvl-location-legend div {
		display: block;
		padding-left: 33px;
		position: relative;
		margin-right: 0;
		margin-bottom: 30px;
		font-size: 20px;
	}

	.page-propertyview .building-indvl-location-legend div:last-of-type{
		margin: 0
	}

	.propertyview-iframe {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 215px);
	}

	.property-slider {
		padding-top: 75px;
		overflow: hidden;
		position: relative;
	}

	.property-slider-btns {
		position: absolute;
		left: 0;
		top: calc(50% - 8px);
		width: 100%;
	}

	.property-slider-btns .slick-arrow{
		position: absolute;
		height: 70px;
		width: 60px;
		background: #001844;
		font-size: 0;
		padding: 0;
		margin: 0;
		z-index: 200;
		border: 0;
		border-radius: 6px;
	}

	.property-slider-btns .slick-arrow.next{
		background: rgb(0 0 0 / 40%) url(../media/2118/slick-right.png) no-repeat center;
		right: 55px;
	}
	
	.property-slider-btns .slick-arrow.prev{
		background: rgb(0 0 0 / 40%) url(../media/2119/slick-left.png) no-repeat center;
    	left: 56px;
	}

	.property-modal-btns {
		font-size: 0;
		margin-top: 10px;
	}

	.property-modal-btns button, .property-modal-btns a {
		background: #001844;
		color: #fff;
		font-family: inherit;
		border-bottom: 0;
		border-radius: 6px;
		transition: all .3s;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		border: 0;
		width: 49%;
		display: inline-block;
		vertical-align: middle;
		height: 50px;
		font-size: 15px;
	}

	.property-modal-btns a { 
		padding-top: 15px;
	}

	.property-tour-btn {
		margin-left: 1%;
	}

	.property-call-btn {
		margin-right: 1%;
		background: #fff !important;
		border: 1px solid #001844 !important;
		color: #001844 !important;
	}

	.relprop-container {
		margin: 0 -15px;
	}

	.related-properties {
		padding: 30px 0 40px;
		font-size: 0;
		text-align: center;
	}

/*Mobile header*/
.mobile-header{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  font-size: 0;
  display: none;
  z-index: 1040;
  box-shadow: 0px -4px 19px rgba(0, 0, 0, 0.35);
}

  .mobile-field{
    display: inline-block;
    vertical-align: top;
    width:33.33333%;
    height: 50px;
    text-align: center;
  }

  .mobile-field-email{
    border-left: 1px solid #f9f9f9;
    border-right: 1px solid #f9f9f9;
  }

  .mobile-field a{
    display: block;
    height: 100%;
    color: #1043a2;
  }

  .mobile-field i{
    font-size: 23px;
    display: inline-block;
    line-height: 50px;
  }

  .mobile-nav-wrap{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 1035;
    padding-top: 50px;
    text-align: center;
    display: none;
	height: 100%;
	overflow: auto;
  }

  .mobile-nav .menu li{
  	display: block;
  }

  .mobile-nav .menu li a{
    font-size: 15px;
    display: block;
    color: #1043a2;
    padding: 15px 3px !important;
    border-top: 1px solid #fdfdfd;
  }

	.mobile-contact a {
		color: #fff;
		font-size: 16px;
		display: inline-block;
	}

	.mobile-contact {
		padding-top: 10px;
		display: none;
	}

/*Return to top*/
#return-to-top {
    position: fixed;
    bottom: 90px;
    right: 23px;
    background: rgb(0, 0, 0);
    background: #7f98cc;
    width: 50px;
    height: 50px;
    display: none;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    z-index: 9999;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;    
}

  #return-to-top i {
      color: #fff;
      margin: 0;
      position: relative;
      left: 16px;
      top: 13px;
      font-size: 19px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
  }

    /*Hover*/
    #return-to-top:hover {
        background: #ffe94f;
    }

    #return-to-top:hover i {
        color: #1b3765;
        top: 5px;
    }



/* VR */
.vr-page .innerpage-content-wrap {

	font-size: 0;
}

.vr-listing-img {
    position: relative;
}

.vr-category {
    position: absolute;
    left: -11px;
    top: 10px;
    padding: 5px 10px;
    background: #fee950;
	z-index: 10;
}

.vr-listing-img img{
	width: 100%;
	position: relative;
	z-index: 1;
}

.vr-item iframe {
    width: 100%;
    height: 330px;
	border: 0;
}

.vr-item{
	margin-bottom: 15px;
}

.tours-desc {
    margin: 20px -150px 0 0;
    background: #f5f5f5;
    padding: 55px 20px;
    position: relative;
    z-index: 100;
    box-shadow: 7px 11px 10px 0 rgba(0, 0, 0, 0.2);
    font-size: 20px;
}

.vr-label {
    color: #001844;
    font-size: 31px;
    font-weight: 400;
    box-shadow: 0 0 black;
    margin: 75px 0 30px;
    position: relative;
    border-bottom: 5px solid #fee950;
    text-align: center;
}

.tours-title {
    text-align: center;
    font-size: 32px;
    line-height: 1;
    margin: 0 0 20px;
}

.tours-property-details ul li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    height: 250px;
    padding: 30px 15px 15px;
	position: relative;
}

.tours-property-details ul li::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 1;
}

.tours-property-details ul li:nth-child(1){
	background: url(../media/664494/gla-bg.jpg) no-repeat center / cover;
}

.tours-property-details ul li:nth-child(2){
	background: url(../media/1181/building-banner.jpg) no-repeat center / cover;
}

.tours-property-details ul li:nth-child(3){
	background: url(../media/664495/work-stations.jpg) no-repeat center / cover;
}

.tours-property-details ul li:nth-child(4){
	background: url(../media/664496/meeting-room.jpg) no-repeat center / cover;
}

.tours-property-details ul li:nth-child(5){
	background: url(../media/664497/server-room.jpg) no-repeat center / cover;
}


.tours-property-details ul {
    margin: 0 0 30px;
}

.tours-property-details ul li div {
    font-size: 22px;
    color: #fff;
	position: relative;
	z-index: 100;
}

.vr-page .container{
	max-width: 1600px;
	width: 100%;
}

.vr-sub-holder{
	display: none;
}

.vr-sub-holder.slick-initialized.slick-slider{
	display: block;
}

.vr-sub{
	padding: 0 80px;
	position: relative;
}

.vr-sub-holder .slick-arrow {
    position: absolute;
    top: 15px;
    height: 50px;
    width: 50px;
    border: 1px solid #001844;
    background: #001844;
    font-size: 0;
    padding: 0;
    margin: 0;
    z-index: 200;
}

.vr-sub-holder .slick-arrow.slick-prev {
    background: #001844 url(../media/2119/slick-left.png) no-repeat center;
    left: -65px;
	top: calc(50% - 25px);
}

.vr-sub-holder .slick-arrow.slick-next {
    background: #001844 url(../media/2118/slick-right.png) no-repeat center;
    right: -65px;
   	top: calc(50% - 25px);
}

/*Popup*/
.modal-reports-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.8);
	display: none;
	overflow: auto;
}

.modal-reports-form {
    background: #fff;
    max-width: 600px;
    width: 100%;
    display: block;
    margin: 130px auto 0;
    font-size: 0;
    padding: 30px 15px;
    border-radius: 10px;
	position: relative
}

.modal-reports-thumbnail {
    display: inline-block;
    vertical-align: top;
    width: 130px;
}

.modal-reports-content {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 130px);
    padding-left: 15px;
    position: relative;
}

.close-btn {
    position: absolute;
    right: 0;
    top: 0;
}

.close-btn button {
    height: 30px;
    width: 30px;
    background: transparent;
    border: 0;
    font-size: 20px;
    font-weight: 700;
}

/*Marketing Tracker*/
.page-marketing .contact-wrap{
	display: none;
}

	.page-marketing .innerpage-content-wrap{
		background: url(https://savillsph.com/media/664606/marketing-header-02-1.jpg) no-repeat center ;
	}

	.page-marketing .innerpage-content-wrap{
		position: relative;
	}

	.page-marketing .innerpage-content-wrap::before{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(241, 241, 241, 0.4);
		z-index: 1;
	}

	.page-marketing .innerpage-content-wrap .container{
		position: relative;
		z-index: 100;
	}

	.contact-form.contact-form-mktg {
		box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3);
		max-width: 650px;
		margin: 10px 0 0;
	}

	.contact-form.contact-form-mktg textarea {
		height: 300px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.contact-form.contact-form-mktg input,
	.contact-form.contact-form-mktg select{
		border: 1px solid #ccc;
		border-radius: 3px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.contact-form.contact-form-mktg input:focus,
	.contact-form.contact-form-mktg select:focus,
	.contact-form.contact-form-mktg textarea:focus{
		border-left: 10px solid #ffe94f;
		border-bottom: 1px solid #ffe94f;
	}

	.contact-form.contact-form-mktg .form-group-half-odd{
		padding-right: 15px;
	}

	.contact-form.contact-form-mktg .form-group-half-even{
		padding-left: 15px;
	}

	.contact-form.contact-form-mktg textarea {
		border: 1px solid #ccc;
	}

	.mktg-text h2 {
		font-size: 50px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 10px;
		color: #1a3865;
		margin-bottom: 21px;
	}

	.mktg-text {
		padding: 0 0 50px;
		max-width: 800px;
    	width: 100%;
	}

	.mktg-text p {
		font-size: 17px;
		margin-bottom: 10px;
	}

	.mktg-link {
		display: block;
		text-transform: uppercase;
		max-width: 234px;
		width: 100%;
		background: #ffe94f;
		color: #202945;
		text-align: center;
		padding: 15px 0;
		transition: .3s;
	}

	.mktg-site-link {
		display: block;
		max-width: 200px;
		width: 100%;
	}

	.mktg-form-text {
		font-size: 15px;
	}

/* Terms of Use - Privacy Policy */
.page-terms-of-service .innerpage-banner::before,
.page-privacy-policy .innerpage-banner::before{
}

/* VR Tour */
.vr-about h2 {
  font-size: 35px;
  margin: 0 0 20px;
  line-height: 1; }
.vr-about p {
  font-size: 16px; }

.vr-wrap-main {
  position: relative;
  font-size: 0; }
  .vr-wrap-main h2 {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 10;
    background: #fee950;
    padding: 10px;
    margin: 0;
    min-width: 113px;
    text-align: center;
    font-size: 20px;
    line-height: 1; }

.vr-main {
  margin-bottom: 30px; }
  .vr-main iframe {
    border: 0;
    width: 100%;
    height: 500px;
    position: relative;
    z-index: 2; }

.vr-main.vr-main-wt iframe{
	height: 618px;
}

.vr-tours-wt .contact-person-wrap {
    margin: 0 0 10px;
	min-height: 618px;
}

.vr-wrap-thumb {
  position: relative;
  font-size: 0; }
  .vr-wrap-thumb::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 23, 66, 0.8);
    z-index: 3;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s; }
  
  .vr-wrap-thumb h3 {
    position: absolute;
    z-index: 10;
    margin: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
  	text-align: center; 
  	padding: 10px; }

.vr-list-item {
  margin-bottom: 10px;
  max-width: 320px;
  width: 100%;
	cursor: pointer;
	padding: 5px;
 }
  .vr-list-item iframe {
    border: 0;
    width: 100%;
    height: 160px;
    position: relative;
    z-index: 2; }

.vr-list-item.active h3 {
    display: none;
}
.vr-list-item.active .vr-wrap-thumb::before {
    background: rgba(255, 255, 255, 0.3);
}

.vr-details {
  text-align: center; }
  .vr-details h2 {
    font-size: 34px; }
  .vr-details p {
    font-size: 17px;
    color: #4e4e4e;
    max-width: 640px;
    width: 100%;
    margin: auto; }
  .vr-details h3 {
    font-size: 15px;
    text-transform: uppercase;
    margin: 10px 0 15px;
    color: #4e4e4e; }
  .vr-details img {
    margin: auto; }
  .vr-details h4 {
    font-size: 25px;
    margin: 0; }
  .vr-details ul {
    margin: 50px 0 100px;
    padding: 0;
    font-size: 0; }
    .vr-details ul li {
      display: inline-block;
      vertical-align: top;
      width: 228px;
      padding: 10px;
      margin-bottom: 20px; }

.vr-info {
  font-size: 0;
  margin-top: 90px; }

.vr-building-img {
  width: 320px;
  height: 430px;
  position: relative;
  display: inline-block;
  vertical-align: top; }
  .vr-building-img canvas {
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    display: block; }

.vr-building-info {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 320px);
  min-height: 430px;
  background: #001844;
  color: #fff;
  padding: 30px; }
  .vr-building-info h2 {
    margin: 0 0 30px;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px; }
  .vr-building-info ul {
    font-size: 15px;
    max-width: 600px;
    width: 100%;
    margin: 0 auto 15px; }
    .vr-building-info ul:last-of-type {
      margin-bottom: 0; }
    .vr-building-info ul li {
      display: inline-block;
      vertical-align: top;
      width: calc(100% - 250px); }
      .vr-building-info ul li:nth-child(odd) {
        width: 200px;
        padding-right: 15px; }


.building-single-page .innerpage-banner,
.propertypedia-single-page .innerpage-banner,
.tour-single-page .innerpage-banner{
height: 230px;
}

.tour-single-page .content-title-wrap{
    bottom: 20px;
}

.vr-listing-title h2 {
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.vr-listing a {
    display: block;
    background: #fff;
    padding: 0;
    margin: 0 0 15px;
    border-radius: 3px;
    color: #000c22;
    border: 1px solid #fff;
	padding: 10px;
	height: 240px;
}

.vr-listing-title {
    padding: 10px 0 0;
}

.tour-main-page .innerpage-content-wrap{
	background: #ececec;
}

.pageid-13207 .ip-blog-featured-img img{
	object-fit: cover;
}

.ip-blog-featured-text span {
    display: inline;
    word-break: break-word;
}

/* Hotel */
.prop-photos {
    padding: 15px 0;
}

.prop-main-img img {
    width: 100%;
	border: 2px solid #fff;
	margin-bottom: 0;
}

.prop-thumb-img img {
    display: inline-block;
    vertical-align: top;
    height: 210px;
    width: 100%;
    object-fit: cover;
	border: 0;
	padding: 0;
	border-radius: 0;
}

.prop-link-cont{
	width: 50%;
	display: inline-block;
    vertical-align: top;
	border: 2px solid #fff;
	margin-bottom: 0;
	padding: 4px;
}



.prop-thumb-img {
    font-size: 0;
	margin: 0;
}

.template-13322 .content-title,
.template-9587 .content-title{
    font-size: 30px;
    color: #001844;
    margin: 0 0 3px;
    font-family: helvetica,Arial,sans-serif;
    font-weight: 800;
}

.overview{
	padding: 30px 0 0;
}

.overview h2 {
    font-size: 25px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 9px;
    margin: 0 0 20px;
}

.hotel-map {
    padding: 25px 0;
}

.hotel-map iframe{
	width: 100%;
	height: 200px;
	border: 0;
}

.hotel-details h2 {
    font-size: 25px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 9px;
    margin: 0 0 20px;
}

.hotel-details {
    padding: 15px 0;
	font-size: 0;
}

.hotel-details h3 {
    display: inline-block;
    vertical-align: top;
    width: 170px;
    font-size: 18px;
    margin: 0;
    line-height: 1.2;
}

.hotel-details span {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 170px);
    font-size: 18px;
	font-weight: 700;
    padding-left: 45px;
    line-height: 1.2;
}

.hotel-details-row {
    padding: 10px 0;
}

.hotel-agent {
    padding: 40px 0 15px;
    font-size: 0;
}

.hotel-agent img {
    display: inline-block;
    vertical-align: middle;
    width: 125px;
}

.hotel-agent-details {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 125px);
    padding-left: 10px;
}

.hotel-agent-details h3 {
    margin: 0 0 20px;
    font-size: 17px;
}

.hotel-agent-details h2 {
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    line-height: 1;
    color: #0e418c;
}

.hotel-agent-details p {
    font-size: 19px;
    margin: 5px 0 0;
}

.template-13322 .sidebar .contact-form{
	border: 1px solid #ccc;
	border-radius: 0;
	margin: 15px 0 0 auto;
	max-width: 100%;
}

.template-13322 .sidebar .contact-form:hover {
    box-shadow: 9px 8px 15px rgba(0, 0, 0, 0);
}


.template-13322 .sidebar .contact-form textarea{
	height: 75px;
}

.hotel-modal-btns button {
    background: #001844;
    color: #fff;
    font-family: inherit;
    border-bottom: 0;
    border-radius: 6px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    border: 0;
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    font-size: 15px;
}

.hotel-modal-btns {
    font-size: 0;
}

.hotel-call-btn {
    margin-right: 1%;
    background: #fff !important;
    border: 1px solid #001844 !important;
    color: #001844 !important;
}

.hotel-tour-btn {
    margin-left: 1%;
}

.hotelModals h4 {
	font-size: 27px;
}

.hotelModals .modal-content p {
    font-size: 16px;
}

.hotelModals form input,
.hotelModals form select{
    width: 100%;
    border: 1px solid #929eaa;
    height: 50px;
    color: #000;
    padding: 10px 15px;
    font-size: 15px;
    border-radius: 3px;
}

.hotelModals .cfp-submit {
    background: #001844;
    color: #fff;
    border: 0;
    height: 50px;
    width: 170px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 3px;
    margin: 0 0 0 auto;
    display: block;
}

.call-notes {
    font-size: 13px;
    margin: 20px 0 0;
}

.hotel-date {
    margin-bottom: 30px;
}

.hotel-date input,
.hotel-appointment select{
    margin: 0 0 15px;
}

.hotel-date label,
.hotel-appointment label{
    font-size: 15px;
}

.template-13322 .mfp-close{
	border: 0 !important;
}

.template-13322 .mfp-title{
	display: none;
}

.template-13322 .mfp-counter{
	right: 5px;
}

.mobile-title-header{
	display: none;
}

.template-13322 .mfp-auto-cursor .mfp-content{
	background: transparent;
}

.template-13322 img.mfp-img{
	padding: 0 0 40px;
}

.template-13322 .carousel-inner img{
	margin-bottom: 0;
	width: 100%;
}

.template-13322 #modal-gallery .modal-dialog {
    width: 100%;
    max-width: 1300px;
	margin: 0 auto;
}

.template-13322 #modal-gallery {
    padding: 10px;
}

.template-13322 #myGallery {
    display: inline-block;
    vertical-align: top;
    width: 62%;
}


.template-13322 #modal-gallery .modal-body{
	font-size: 0;
	padding: 0;
}

.template-13322 #modal-gallery .modal-contact{
	width: 35%;
	display: inline-block;
    vertical-align: top;
	margin: 0 auto;
    padding: 15px;
}

.template-13322 #modal-gallery .contact-label{
	margin: 10px 0;
}

.template-13322 #modal-gallery .hotel-agent{
	padding: 0;	
}

.template-13322 #modal-gallery .hotel-agent img{
	width: 90px;
}

.template-13322 #modal-gallery .hotel-agent-details {
    width: calc(100% - 90px);
}

.template-13322 #modal-gallery .modal-footer {
    margin-top: 0;
}

.template-13322 .building-virtual-tour .container {
    padding: 0;
    width: 100%;
}

.template-13322 .building-virtual-tour iframe {
    width: 100%;
    max-width: 100%;
}

.template-13322 #video-thumbnails a{
	display: none;
}

/*test*/
.page-development .prop-thumb-img img{
	width: 100%;
	height: 315px;
}

.page-development .prop-photos {
    padding: 5px 0;
}

.page-development .prop-thumb-img .slick-arrow{
	position: absolute;
	top: calc(50% - 35px);
	height: 70px;
	width: 60px;
	background: #001844;
	font-size: 0;
	padding: 0;
	margin: 0;
		z-index: 200;
	border: 0;
}

.page-development .prop-thumb-img .slick-arrow::before {
	font-size: 27px;
	color: #fff;
}

.page-development .prop-thumb-img .slick-arrow.slick-next{
	background: rgb(0 0 0 / 40%)  url(../media/2118/slick-right.png) no-repeat center;
	right: 5px; 
}

.page-development .prop-thumb-img .slick-arrow.slick-prev{
	background: rgb(0 0 0 / 40%)  url(../media/2119/slick-left.png) no-repeat center;
	left: 6px;
}

.page-development .hotel-details h3 i {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    width: 40px;
	color: #001844;
}

.page-development .hotel-details h3 span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: calc(100% - 40px);
    padding: 0;
    font-weight: 300;
    font-size: 14px;
}

.page-development .sidebar-industrial .contact-form{
	max-width: 100%;
	border: 1px solid #ccc;
}

.page-development .hotel-agent {
    padding: 8px 0 15px;
	text-align: center;
}

.page-development .hotel-map iframe{
	height: 250px;
}

.page-development .hotel-details-row {
    padding: 10px 0;
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

.page-development .hotel-details span {
    width: 100%;
    padding: 5px 15px 10px 40px;
}

.page-development .hotel-agent img {
    width: 100%;
    max-width: 200px;
    display: block;
    margin: auto;
}

.page-development .hotel-agent-details h3{
	margin: 10px 0 20px;
}

.page-development .contact-form textarea{
	height: 108px;
}


/* End of dev test */

/* Book a Viewing Residential */
.bvr-wrap {
    padding: 0 0 0;
}

.bvr-form {
    background: #F4F4F4;
    padding: 30px 0 0;
}

.page-book-a-viewing header,
.page-book-a-viewing footer, 
.page-book-a-viewing .newsletter-wrap, 
.page-book-a-viewing .contact-wrap {
    display: none;
}

.bvr-agents {
    display: flex;
    align-items: center;
    justify-content: center;
	max-width: 1440px;
    width: 100%;
    margin: auto;
    padding: 30px;
}

.bvr-agents img{
	width: 100%;
}

.bvr-details canvas {
    width: 100%;
    position: relative;
}

.bvr-details {
	position: relative;
	font-size: 0;
}

.bvr-details-main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fee950;
	padding: 30px;
}

.bvr-item-2 .bvr-details-main {
    background: #303030;
}

.bvr-item-3 .bvr-details-main {
    background: #000;
}

.bvr-item-4 .bvr-details-main {
    background: #001844;
}


.bvr-item-5 .bvr-details-main {
    background: #F4F4F4;
}

.bvr-details-main h2 {
    font-size: 23px;
    margin: 0 0 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.bvr-details-main span {
    display: block;
    color: #000;
    font-size: 20px;
}

.bvr-item-2 h2,
.bvr-item-3 h2,
.bvr-item-4 h2,
.bvr-item-2 span,
.bvr-item-3 span,
.bvr-item-4 span{
	color: #fff;
}


.bvr-item:nth-child(odd) .bvr-item-inner{
	display: flex;
	flex-direction: column-reverse;
}

/* Thank you */
.ip-ty .content-entry h3 {
    text-align: center;
    font-size: 40px;
}

.ip-ty .content-entry {
    min-height: 500px;
    padding: 100px 0 0;
}



/*APAC DOWNLOAD*/

:root {
  --red: #CE171F;
  --darkred: #960212;
  --platinum: #e5e5e5;
  --black: #2b2d42;
  --white: #fff;
  --thumb: #edf2f4;
  --yellow: #FFE94F;
}



.container1 {
  max-width: 1400px;
  padding: 15px 15px;
  margin: 20px auto;
	background: #F8F8F8;
}

h2 {
  font-size: 32px;
  margin-bottom: 1em;
}

.cards {
  display: flex;
  padding: 25px 5px;
  list-style: none;
  overflow-x: scroll;
}

.card {
	width: 300px;
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  padding: 20px;
  border-radius: 12px;
	border-color: #e5e5e5;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 15%);
  transition: all 0.2s;
	background: white;
}

.card:not(:last-child) {
  margin-right: 10px;
}

.card:hover {
  color: var(--red);
  background: var(--yellow);
}
.card .card-link:hover {
	background: var(--darkred);
}

.card .card-title {
  font-size: 20px;
}

.card .card-content {
  margin: 20px 0;
  max-width: 85%;
}

.card .card-link-wrapper {
  margin-top: auto;
}

.card .card-link {
  display: inline-block;
  text-decoration: none;
  color: white;
  background: #CE171F;
  padding: 6px 12px;
  border-radius: 8px;
  transition: background 0.2s;
}



.cards::-webkit-scrollbar {
  height: 12px;
}

.cards::-webkit-scrollbar-thumb,
.cards::-webkit-scrollbar-track {
  border-radius: 92px;
}

.cards::-webkit-scrollbar-thumb {
  background: var(--darkred);
}

.cards::-webkit-scrollbar-track {
  background: var(--thumb);
}

/* New about us cards */
.info-card-sm{
	padding: 30px;
	height: 100%;
	border: 0px solid rgba(255,255,255,0);
	border-radius: 15px;
	transition: .5s;
}

.info-card-sm:hover{
	transform: scale(0.9);
}

.info-card-link{
	text-decoration: none;
	transition: .5s;
}

.info-card-link:hover{
	text-decoration: none;
}

.ylw-color-bg{
	background-color: #FFE94F;
}

.nvy-color-bg{
	background-color: #1A3865;
}

.nvy-color-bg h2, .nvy-color-bg p{
	color: #FFF;
}

.blu-color-bg{
	background-color: #6489C6;
}

/*End of New about us cards*/

@media (min-width: 500px) {
  .card {
    flex-basis: calc(50% - 10px);
  }

  .card:not(:last-child) {
    margin-right: 20px;
  }
}

@media (min-width: 700px) {
  .card {
    flex-basis: calc(calc(100% / 3) - 20px);
  }

  .card:not(:last-child) {
    margin-right: 30px;
  }
}

@media (min-width: 1100px) {
  .card {
    flex-basis: calc(25% - 30px);
  }

  .card:not(:last-child) {
    margin-right: 40px;
  }
}

/* Listing popup modal */
/* The Modal (background) */
.modalPopBG {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 500; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  padding-bottom: 50px;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modalPopImg {
  margin: auto;
  display: block;
  max-width: 700px;
  max-height: 80dvh;
  height: 100%;
  width: auto;
}

/* Add Animation */
.modalPopImg {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.closePopImg {
  position: absolute;
  top: 80px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.closePopImg:hover,
.closePopImg:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modalPopImg {
    width: 100%;
  }
}

/* End of listing popup modal */

	#apacDownload {
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		margin: 10px 0;
		cursor: pointer;
		font-weight: 400;
		line-height: 12px;
		position: relative;
		text-align: center;
		background-color: #fee850;
		border-color: #fee850;
		color: #001844;
		border-radius: 3px;
		border-style: solid;
		border-width: 1px;
		font-size: 14px;
		padding: 12px 24px;
		display: block;
	}