/* @import url('http://example.com/example_style.css');      */

/* EM Update May 2017 */

/*************************************************************/
/* CSS @imports must be at the top of the file               */
/* Add them above this section                               */
/* Default queries powered by Bootstram mobile first queries */
/***********************************************/

/*************************************************************/
/* HubSpot Style Boilerplate                                 */
/*************************************************************/

/* These includes are optional, but helpful. */
{ % include "hubspot/styles/responsive/modules.css" % } 
{ % include "hubspot/styles/patches/recommended.css" % }

/*************************************************************/
/* Start your style declarations here                        */
/*************************************************************/
@charset "utf-8";

/*************************************************************/
/* 5 Columns - Custom 5 Grid not standard in Bootstrap       */
/*************************************************************/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
	
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media only screen and (min-width : 320px) {
	#home-slides .liveevents img { width:300px; }
	#home-slides .liveevents h1 { font-size: 20px;  }
	#home-slides .liveevents h3 { font-size: 18px; margin-bottom: 3px; padding-bottom: 3px; }
	#home-slides .liveevents .pt150 { padding-top: 50px; }
	#home-slides .liveevents .pb50 {  padding-bottom: 20px;  }
	#home-slides .liveevents .pt20 { padding-top: 0; }
	#home-slides .liveevents .pb10 { padding-bottom: 5px; }
	#home-slides .liveevents .pt30 { padding-top: 0; }
		
}

/*************************************************************
Extra Small Devices, Phones (≥480px) 
Extra small devices (phones, less than 480px)
No media query since this is the default in Bootstrap 
/*************************************************************/
@media only screen and (min-width : 480px) {
	
	.home-premium-banner .pt150 { padding-top: 20px; }
	.home-premium-banner .pb150 { padding-bottom: 50px; }
	
	.nav-tabs.pro-tabs > li { width: 100%; }
	.nav-tabs.premium-tabs > li { width: 100%; }	

	/* Premium Page CTA Button Font Size */
	.pro-how-to > div.col-md-10.col-md-offset-1.pt30.pb30 > div.tab-content.pt30.pb20 > div#assess.tab-pane.fade.in.active > div.row > div.col-md-6.pt20 > div.pt10 > a.btn.btn-orange-full.btn-lg,
	.discover-bg > div.row > div.col-md-10.col-md-offset-1.pt50.pb50.aligncenter > p.mt30 > a.btn.btn-premium,
	.greenSouthportBG > div.row > div.col-md-10.col-md-offset-1.pt50.pb50.aligncenter > p.mt30 > a.btn.btn-premium,
	.greenWellingtonBG > div.row > div.col-md-10.col-md-offset-1.pt50.pb50.aligncenter > p.mt30 > a.btn.btn-premium,
	.whichTypeofPropertyBG.pb30 > div.row > div.col-md-10.col-md-offset-1.pt30.pb30.text-center > div.row.text-left > div.col-md-8 > a.btn.btn-orange-full.btn-lg,
	.whichTypeofPropertyBG_NewZealand.pb30 > div.row > div.col-md-10.col-md-offset-1.pt30.pb30.text-center > div.row.text-left > div.col-md-8 > a.btn.btn-orange-full.btn-lg
	{ font-size:24px; }
	
	.discover-bg > div.row > div.col-md-10.col-md-offset-1.pt50.pb50.aligncenter > p.mt30 > a.btn.btn-premium,
	.greenSouthportBG > div.row > div.col-md-10.col-md-offset-1.pt50.pb50.aligncenter > p.mt30 > a.btn.btn-premium,
	.greenWellingtonBG > div.row > div.col-md-10.col-md-offset-1.pt50.pb50.aligncenter > p.mt30 > a.btn.btn-premium { width:auto; }
	
	.premium-overlay-background > div.premium-steps-banner.wow.slideInLeft > div.col-md-10.col-md-offset-1.pt20 > div.col-md-8.white-txt.wow.fadeInLeft > p.mt30 > a.btn.btn-yellow { font-size: 24px; }
	
	
	.premium-form-bg div.hs_submit > div.actions > input.hs-button,
	.yelow-triangle-bg div.hs_submit > div.actions > input.hs-button {
		width:auto; padding-left: 20px; padding-right: 20px;
	}	
	
}

/*=================== Mobile First Method ===================*/

/*************************************************************
Small devices Tablets (≥768px)
*************************************************************/
@media only screen and (min-width : 768px) {
	
	.promo99 { font-size: 12px; padding: 25px 0 0 15px;	text-align: left; }
	.promo99.internal-ad{ padding: 11px 0px 0 0px; text-align: right; }
	
	/* Buttons */
	ul.nav .btn-white { border: 2px solid #fff; }
	ul.nav .btn-orange { border: 2px solid #ff8000; }
	.btn-white-top {
		background-color: transparent;
		border: 2px solid #fff!important;
		color: #fff;
		padding-top: 8px!important;
		padding-bottom: 7px!important;
		margin: 6px 10px 6px 0;
		transition: background-color 0.5s ease;
	}
	.btn-white-top:hover {
		background-color: #fff!important;
		color: #000!important
	}
	.btn-orange, .btn-orange-top {
		background-color: transparent;
		border: 2px solid #ff8000!important;
		color: #fff;
		padding-top: 8px!important;
		padding-bottom: 7px!important;
		margin: 6px 10px 6px 0;
		transition: background-color 0.5s ease;
	}
	
	.btn-orange:hover, .btn-orange-top:hover {
		background-color: #ff8000!important;
		color: #fff!important
	}
	
	.intro { padding: 0px 15px }
		.intro h1 {	font-size: 36px; }

	.navbar-brand {	padding: 15px; }
	
	ul.nav .btn-white:hover { background-color: #fff!important; color: #000!important; }
	
	.logo, .partners { text-align: left; }
	.promo-99 img { margin: 0px; }
	.inner-content .logo { margin: 20px 0; text-align: left; }
	
	#home-slides .item{ min-height: 768px; }
	
	#primary-carousel .item .item-inner {
		min-height: 500px;
		/*padding-top: 100px;*/
	}

		#carousel-2-1{ margin-top: 0px; }
		#carousel-2-1 .item ul{	list-style-type: none; }	
	
	.small-grid h1 { font-size: 24px; }

	/* Team page */
	.arrow { left: -7px; top: 40px;	}
	.arrow-alt { right: -7px; top: 40px; }

	/* Blog Breadcrumb */
	.breadcrumb {
		text-align: left;
		font-size: 14px;
		border-top:1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-radius: 0px;
		margin-top: 30px;
	}
		.breadcrumb a {	color:#ff8000; }

	/* .strategy-home, .testimonials, .team{min-height:800px;} */
	.partners { margin: 80px 0 30px	}
	.partners h2 { font-size: 52px; }
	.strategy-home img { width: 90px; margin: 0 auto; }
	.team div.row div.col-md-4 { padding: 10px; margin: 0; }
	
	/* Free Member */
	.free-member {
		background-color: #268b9c;
		background-image: url("https://cdn2.hubspot.net/hubfs/435410/Images/free-member-home-bg.jpg");
		background-size: cover;
		color: #fff;
		margin: 0;
		min-height: 1000px;
		padding-top: 4em;
		text-align: center
	}
		.free-member h2 { margin: 40px 0 0px; font-size: 42px; }
		.free-member p { font-size: 18px; margin-bottom: 20px; }
		.free-member .btn-yellow { font-size: 24px; }

	/* Premium Page */		
	.pre-member-bg-v2 h1,
	.pre-member-bg-v2-new-zealand h1{ font-size: 36px; line-height: 44px; }
	.discover-bg .font40,
	.greenSouthportBG .font40,
	.greenWellingtonBG .font40 {	font-size: 40px; line-height: 48px; }
	.howWeWillHelpBG .font50,
	.howWeWillHelpBG_NewZealand .font50 { font-size: 50px; line-height: 58px; }	
	
	/* Landing page */
	img.landing-img{ float: right!important; margin: 0 0 15px 15px!important; }

	/* Promo pages */
	.custom-icon-tabs ul.nav.nav-tabs.home-tabs.nav-justified li a{
		background-position: center 30px;
		background-repeat: no-repeat;
		background-size: 98px 100px;
		height: 240px;
		padding-top: 140px;
		padding-bottom: 20px;
	}

	.custom-icon-tabs ul.nav.nav-tabs.home-tabs.nav-justified li.priced a { background-image: url(https://cdn2.hubspot.net/hubfs/435410/Images/Icons/property-review-orange.png); }
	.custom-icon-tabs ul.nav.nav-tabs.home-tabs.nav-justified li.priced.active a { background-image: url(https://cdn2.hubspot.net/hubfs/435410/Images/Icons/property-review.png); }
	.custom-icon-tabs ul.nav.nav-tabs.home-tabs.nav-justified li.rent a { background-image: url(https://cdn2.hubspot.net/hubfs/435410/Images/Icons/research-duediligence-orange.png); }
	.custom-icon-tabs ul.nav.nav-tabs.home-tabs.nav-justified li.rent.active a { background-image: url(https://cdn2.hubspot.net/hubfs/435410/Images/Icons/research-duediligence.png); }
	.custom-icon-tabs ul.nav.nav-tabs.home-tabs.nav-justified li.prime a{ background-image: url(https://cdn2.hubspot.net/hubfs/435410/Images/Icons/property-acquisition-plan-orange.png); }
	.custom-icon-tabs ul.nav.nav-tabs.home-tabs.nav-justified li.prime.active a { background-image: url(https://cdn2.hubspot.net/hubfs/435410/Images/Icons/property-acquisition-plan.png); 	}
	.custom-icon-tabs ul.nav.nav-tabs.home-tabs.nav-justified li.development a { background-image: url(https://cdn2.hubspot.net/hubfs/435410/Images/Icons/grow-orange.png); }
	.custom-icon-tabs ul.nav.nav-tabs.home-tabs.nav-justified li.development.active a {	background-image: url(https://cdn2.hubspot.net/hubfs/435410/Images/pro-member/grow.png); }

	/* Footer */
	ul.footer-links li {
		float: left;
		width: auto;
		border-right: 1px solid #AFAFAF;
		padding: 0 10px;
		border-bottom: none;
	}
		.copy { padding: 20px 0; }
		.copyright {
			text-align: right;
			background: none;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		.copyright p { margin-bottom: 10px; }
	
	/* Memberships */
	.pro-info div.col-md-4 div.row div.col-md-9 p {	min-height: inherit; }
	
	/* Finance */
	.echoice {
		margin-left: 15px!important;
		padding-left: 15px;
		margin-top: 10px;
		border-left: 1px solid #fff;
		display: inline;
	}
		.hs_preferred_training_day .input {	padding-left: 15px; }
		.hs_preferred_training_time .input { padding-right: 15px; }
	
	/* Thank you pages */
	.sidebar h2 { padding-top: 30px; }
	
	.resources{ padding-bottom: 30px; }
	.main-right-col { background: #f4f4f4; }

	.affix ~ .container-fluid { position: relative; top: 70px; }	
	.affix { top:70px; z-index: 9999 !important; width: 20.5%; position: fixed; }

	/* Payment page */
	div#column-wrap.registration div.col-md-3.sidebar.main-right-col { background-color:#208da0; color: #fff; }
	div#column-wrap.registration div.col-md-3.sidebar.main-right-col div.row.pro-info div.col-md-12 div.row { margin-bottom: 15px; }
	div#column-wrap.registration div.col-md-3.sidebar.main-right-col div.row.pro-info div.col-md-12 div.row img { background-color: #0b5b69; padding: 10px; border-radius: 6px; }
	div#column-wrap.registration div.col-md-3.sidebar.main-right-col div.row.pro-info div.col-md-12 div.row p { padding-top: 0px; }

	/* Promo */
	.features .row .col-md-6 p { min-height: 70px; }
	.promo-header{ margin-top: 0px; }

	img.get-started-promo { margin: 15px 0;	height: 150px; }
	img.get-started-promo-val { margin: 50px 0 30px; }

	.features.valentines p{ margin-left:0px; }

	#signupform label, .required-info { padding-left:35px; }
	
	.terms {margin-left: 0px!important;}
	.bt{ border-top: 1px solid #ccc; padding-top: 10px; }
	.listingprice{ text-align: right; }
	
	.citytour { font-size: 30px; line-height: 36px; }
	.citytime { font-size:14px; }

}

/*************************************************************
Medium devices Desktops (≥992px)
*************************************************************/
@media only screen and (min-width : 992px) {
	
	.home-premium-banner h1 { font-size: 60px; line-height: 62px; }
	
	#home-slides.carousel.slide .carousel-inner .item .col-md-10.col-md-offset-1 .col-md-5.white-txt{ animation-delay: 2s; }
	.pre-title, .pre-text, .pre-image{ animation-delay: 1s;	}
	.strategy-home, .testimonials, .team { min-height: 760px; }

	#home-slides .liveevents img { width:auto; }
	#home-slides .liveevents h1 { font-size: 36px; }
	#home-slides .liveevents h3 { font-size: 28px; }
	#home-slides .liveevents .pt150 { padding-top: 150px; }
	#home-slides .liveevents .pb50 {  padding-bottom: 50px;  }
	#home-slides .liveevents .pt20 { padding-top: 20px; }
	#home-slides .liveevents .pb10 { padding-bottom: 10px; }
	#home-slides .liveevents .pt30 { padding-top: 30px; }
	
	
	/* $99 Promo */
	.promo99 { padding: 30px 15px 0 15px; font-size: 14px; }
	
	/* Memberships */
	.pro-info div.col-md-4 div.row div.col-md-9 p { text-align: left; }

	/* Promo */
	.features p { }
	
	div#column-wrap.registration div.col-md-3.sidebar.main-right-col div.row.pro-info.mb10 div.col-md-12 div.row p{	padding-top: 25px }
	.custom-icon-tabs ul.nav.nav-tabs.home-tabs.nav-justified li a { background-size: 117px 120px; padding-top: 175px; }
	#carousel-2-1 .item{ text-align: left }	
	
	/* Navigation Tabs on Membership Pages */
	.nav-tabs.pro-tabs > li { width: auto; border-right: 2px solid #e7e7e7; }
	.nav-tabs.premium-tabs > li { width: auto; /* border-right: 2px solid #e7e7e7; */ }	
	
}

/*************************************************************
Large devices Desktops (≥1200px)
*************************************************************/

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

	.home-premium-banner {
		background: url(https://cdn2.hubspot.net/hubfs/435410/Images/banners/premium_home_banner_1_2018.jpg) no-repeat left center scroll; 
		-webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;
	}	
	
	.home-premium-banner .pt150 { padding-top: 150px; }
	.home-premium-banner .pb150 { padding-bottom: 150px; }	
	
	.premium-overlay-background { background:none; }
	.pre-member-bg-v2 {
		background-image: url("https://cdn2.hubspot.net/hubfs/435410/Images/banners/premium_membership_home_banner_v2.jpg");
		background-position: right center;
		background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; height: 100%;	
	}

	.pre-member-bg-v2-new-zealand {
		background-image: url("https://cdn2.hubspot.net/hubfs/435410/Images/banners/nz_premium_membership.jpg");
		background-position: right center;
		background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; height: 100%;	
	}	

		/* Show Arrow Steps on Desktop */
		.premium-steps-banner { 
			background-image:url("https://cdn2.hubspot.net/hubfs/435410/Images/banners/premium_membership_steps_banner_v1.png");
			background-repeat: no-repeat;
			background-position: -50px center;
			-webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size:auto;			
			min-height: 800px; 	
		}
	
	.premiumbannertestimonial { display: block; }
	.five-step-wheel { display:none; }

}

/* Custom Query for 5 Arrow Steps, moves slightly to the right */
@media only screen and (min-width : 1400px) {
	.premium-steps-banner { 
		background-image:url("https://cdn2.hubspot.net/hubfs/435410/Images/banners/premium_membership_steps_banner_v1.png");
		background-repeat: no-repeat; background-position: left center;
	}
}

/*================= Non-Mobile First Method =================*/

/*************************************************************
Max Screen Media Queries 
*************************************************************/
	
@media (max-width: 1199px) {
	
	.pre-member-bg-v2 .col-md-8,
	.pre-member-bg-v2-new-zealand .col-md-8 { width: 100%; }	
	
    /* Navigation */
	.navbar-header { float: none; }
    .navbar-left,.navbar-right { float: none !important; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important;  margin-top: 7.5px; }
    .navbar-nav>li { float: none;  }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .collapse.in { display:block !important; }
}