/*!
Theme Name: joinluxuryinc-byvisualtonic
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: joinluxuryinc-byvisualtonic
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

joinluxuryinc-byvisualtonic is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #2266c6;
}
.page-template-page-dark a {
	color: #4382d7;
}

a:visited {
	color: #2266c6;
}

a:hover,
a:focus,
a:active {
	color: #7ba9e7;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. 
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}*/

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*********************/
/* BEGIN VISUALTONIC */
/*********************/


html, body {
	width: 100%;
	min-height: 100%;
	margin: 0 !important;
	font-size: 16px;
}

body {
	font-family: 'Myriad Pro', 'Arial', sans-serif;
	color: #fff;
	
	color: #07132a;
}

body.page-template-page-homepage, body.page-template-page-dark {
	background-color: #07132a;
}

label {
	color: #07132a;
	font-family: 'Gotham', Arial, sans-serif;
	font-weight: 300 !important;
}

select, button {
	font-family: 'Gotham', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Gotham', 'Arial', sans-serif;
	text-transform: uppercase;
	
	font-family: Palatino, Arial, sans-serif;
	
	color: #07132a;
	
	
	text-transform: none;
	font-family: 'Bembo MT Pro', Palatino, serif;
}
.page-template-page-dark h1, .page-template-page-dark h2, .page-template-page-dark h3, .page-template-page-dark h4, .page-template-page-dark h5, .page-template-page-dark h6 {
	color: #fff;
}

h1, h2 {
	font-weight: normal;
	letter-spacing: 1rem;
}
h2 {		
	color: #07132a;
	
	font-size: 3.625rem;
	line-height: 3.625rem;
	margin: 0;
	padding: 50px 0px 10px 0px;
	letter-spacing: -.1rem;
}
h2.centered {
	text-align: center;
	padding-left: 0px;
}
h3 {
	color: #000;
	font-family: 'Myriad Pro', Arial, sans-serif;
	font-size: 1.3125rem;
	margin: 0;
	font-weight: normal;
}
h3.centered {
	text-align: center;
	padding-left: 0px;
}
section > div > h3 {
	font-size: 1.125rem;
	color: #000;
	font-weight: 300;
	text-align: left;
	margin-top: -12px;
	line-height: 1.4rem;
}
section > div > h3 span {
	color: #000;
	font-family: 'Bembo MT Pro', Palatino, serif;
}
.lowercase {
	text-transform: initial;
}

a {
	/*color: #ed161b;
}
a:hover {
	color: #2562c8;*/
}

p, li {
	color: #07132a;
}
body.page-template-page-dark p, body.page-template-page-dark li, body.page-template-page-dark h1, body.page-template-page-dark h2 {
	color: #fff !important;
}

.white { color: #fff; }

.breadcrumbs {
	color: #07132a;
	font-size: .625rem;
	
	font-family: 'Gotham', Arial, sans-serif;
}

	.breadcrumbs a {
		color: #07132a;
		text-decoration: none;
	}

#page {

}

	header {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		
		background-color: #07132a;
		height: 140px;
	}
	.logged-in.admin-bar header {
		top: 32px;
	}

		header .container {
			margin: 0px auto;	
			
			height: 140px;
			width: 1000px;
			
			padding-top: 20px;
		}	
		
			.site-branding {
				float: left;
				padding-right: 80px;
			}
			
				.site-branding img {
					height: 48px;
					width: auto;
					margin: 8px 20px;
					
					
					height: 72px;
					margin: 14px 20px;
				}
				
				#under-header {
					width: 100%;
					background: rgba(255,255,255,.7);
					/*background: rgba(0,0,0,.4);*/
					height: 22px;
				}

					#under-header > div {
						position: relative;
						width: 1000px;
						margin: 0px auto;
						text-align: right;
						padding-top: 14px;
					}
						
						#under-header a {
							position: relative;
							height: 36px;
							border-radius: 16px;
							padding: 11px 20px 9px;
							padding-right: 54px;
							background: #2f70db;
							margin-right: 25px;
							
							color: #fff;
							font-size: 1rem;
							line-height: 36px;
							font-family: 'Myriad Pro', Palatino, serif;
							font-weight: 600;
							text-transform: uppercase;
							
							text-decoration: none;
							
							background-image: url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/icon-calendar.png);
							background-position: 160px center;
							background-size: 25px;
							background-repeat: no-repeat;
						}
						#under-header #under-button {
							/*content: '';
							border: 9px solid rgba(255,255,255,.7);
							border-radius: 21px;*/
							position: absolute;
							z-index: -1;
							/*top: -10px;
							left: -10px;
							right: -10px;
							bottom: -10px;
							
							clip: rect(21px, 128px, 50px, 0px);*/
							
							top: 0px;
							right: 0px;
							width: 250px;
							height: 58px;
							background: rgba(255,255,255,.7);
							/*background: rgba(0,0,0,.4);*/
							border-radius: 21px;
							clip: rect(22px, 250px, 58px, 0px);
						}
						
						#under-header a:hover {
							
						}
							
			.header-text {
				font-family: 'Gotham', Arial, sans-serif;
				line-height: 100px;
				color: #fff;
				font-weight: 300;
				padding-top: 15px;
			}
			
				.header-text span {
					padding-right: 14px;
					font-size: .75rem;
				}
				
				.header-text img {
					width: 110px;
					height: auto;
					top: 3px;
					position: relative;
				}
			
			.site-phone {
				float: right;
				color: #fff;
				
				line-height: 100px;
				font-family: 'Bembo MT Pro', serif;
				font-size: 1.75rem;
				
				letter-spacing: 0px;
				margin: 0;
				clear: none;
				
				padding-top: 10px;
			}
			.site-phone sup {
				font-size: .75rem;
				top: -1em;
			}
			
			#site-navigation {
				height: 64px;
				
				
				height: 100px;
			}
			
				#site-navigation a {
					height: 64px;
					padding: 0px 20px;
					line-height: 64px;
					color: #fff;
					font-family: 'Gotham', Arial, sans-serif;
					font-weight: 300;
					font-size: .9375rem;
					
					
					height: 100px;
					line-height: 100px;
				}
				#site-navigation a:hover, #site-navigation .current-menu-item a {
					color: #ed161b;
				}

	section {
		padding: 0px 0px 0px 0px;
		background-size: cover;
		position: relative;
		
		
		margin-top: 80px;
		overflow: hidden;
	}
	section.no-padding-top {
		padding-top: 0px;
	}
	section.big-padding-top {
		padding-top: 80px;
	}
		section .container {
			width: 960px;
			margin: 0px auto;
			
			
			width: 1000px;
			position: relative;
		}
		section .full-width {
			width: 100%;
			margin: 35px 0px;
		}
		section.full-width > .container, footer.full-width > .container {
			width: 100%;
			min-width: 1024px;
		}
			section.full-width > .container h2, footer.full-width > .container h2 {
				width: 1000px;
				margin: 0px auto;
			}
			
			section.full-width > .container h3 {
				width: 1000px;
				margin: -12px auto 0px;
			}
		
			section > .container p, section > .container li {
				font-size: 1.3125rem;
			}
			section > .container p .thin, section > .container li .thin {
				font-weight: 300;
			}
			section > .container p b, section > .container li b {
				font-weight: 600;
			}
			
			.page-template-page-homepage section > .container li {
				list-style: square url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="2px" width="8" height="10" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><g><circle class="st0" cx="30" cy="30" r="30"/></g></svg>');
			}
			section > .container li::before {
				
			}
			section > .container li::after {
				
			}
			
			.page-template-page-homepage section > .container h5 {
				margin-bottom: .5em;
			}
			
	.gray-box {
		background-color: #f5f5f7;
		border-radius: 50px;
	}
			
	#featured_image {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center bottom -200px;
		height: 236px;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: -1;
		opacity: .49;
	}
	
	#hero {
		width: 100%;
		height: auto;
		
		background-size: cover;
		background-position: left 50%;
		background-color: #07132a;
		background-image: url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/hero-back.jpg);
		background-repeat: no-repeat;
		
		overflow: hidden;
		
		margin-top: 120px;
	}
	
		#hero .container {
			height: 100%;
		}
		
			#hero .padding {
				padding: 180px 0px 200px;
			}
			
				#hero .slide {
					display: grid;
					grid-template-columns: 2fr 3fr;
					grid-column-gap: 60px;
				}
				
					#hero .messaging {
						text-align: center;
					}	
					
						#hero .messaging h2 {
							font-size: 2.75rem;
							text-align: center;
							line-height: 2.4rem;
							padding: 0px;
						}
						
							#hero .messaging h2 span {
								font-size: 1.375rem;
								text-transform: uppercase;
								letter-spacing: 0;
							}
							
						#hero .messaging p {
							font-size: 1.25rem;
							line-height: 1.75rem;
							font-weight: 300;
							margin: 5px 0px 15px;
						}
							
						#hero .messaging a.cta {
							display: block;
							background: #5697f2;
							border-radius: 18px;
							text-transform: uppercase;
							color: #fff;
							text-decoration: none;
							padding: 32px 0px 26px;
							font-size: 1.5rem;
							line-height: 1.5rem;
							border: 3px solid #d1e4fe; /*rgba(86,151,242,.5);*/
							margin-top: 30px;
						}
							
						#hero .messaging img {
							width: 85px;
							height: auto;
						}
						
					#hero .image {
						display: flex;
						align-items: flex-end;
					}
					
						#hero .image img {
							display: block;
						}
	
	#build-your-future {
		background: #060f21;
		margin-top: 0px;
	}
	
		#build-your-future h2 {
			color: #fff;
			font-size: 4.25rem;
			text-align: center;
			padding: 65px 0px 20px;
		}
		
		#build-your-future h3 {
			color: #fff;
			text-align: center;
		}
		
		#build-your-future p {
			color: #fff;
			text-align: center;
			font-size: 1.75rem;
			font-weight: 300;
			margin: 4px 0px 100px;			
		}
		
		#build-your-future img.logo {
			display: block;
			width: 80%;
			height: auto;
			margin: 0px auto;
		}
		
		#build-your-future img.signature {
			display: block;
			width: 30%;
			height: auto;
			margin: 100px auto 60px;
		}
		
	#welcome {
		
	}
	
		#welcome .full-width {
			margin: 65px 0px;
		}
	
			#welcome h4 {
				color: #07132a;
				font-size: 3.625rem;
				line-height: 3.625rem;
				margin: 0;
				padding: 0px 0px 10px 0px;
				letter-spacing: -.1rem;
			}
		
	#tools-for-growth {
		
	}
	
		#tools-for-growth .container {
			
		}
		
		#tools-for-growth .full-width {
			background-image: url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/logo-blue-back-grad.jpg);
			background-repeat: repeat-x;
			background-size: 45px auto;
			padding: 50px 0px 0px;
		}
		
			#tools-for-growth .logo {
				width: 450px;
				height: auto;
			}
			
			#tools-for-growth h4 {
				color: #fff;
				font-size: 1.375rem;
				font-family: 'Myriad Pro', Arial, sans-serif;
				font-weight: normal;
				margin-top: 0px;
			}
		
			#tools-for-growth .thumb {
				float: right;
				width: 540px;
				height: auto;
			}
			
	.cta-button {
		text-align: center;
		margin: 40px 0px 0px;
		
	}
	.cta-button.inview {
		transition: all .66s ease-in;
		transform: translateY(0px);
		opacity: 1;
	}
	.cta-button.init {
		transform: translateY(-20px);
		opacity: 0;
	}
	
		.cta-button a {
			display: inline-block;
			height: 50px;
			border-radius: 25px;
			padding: 4px 50px;
			background: #2f70db;
			
			color: #fff;
			font-size: 1.3125rem;
			line-height: 38px;
			font-family: 'Myriad Pro', Palatino, serif;
			
			text-decoration: none;
			
			transition: all .5s ease-out;
			background: #2f70db radial-gradient(circle,rgba(154, 187, 240, 1) 0%, rgba(47, 112, 219, 1) 50%) no-repeat;
			background-size: 100% 0%;
			background-position: center center;
			
			text-shadow: 0px 0px 0px black;
			
			border: 5px solid #fff;
			
		}
		.cta-button a:hover {
			background: #2f70db radial-gradient(circle,rgba(154, 187, 240, 1) 0%, rgba(47, 112, 219, 1) 50%) no-repeat;
			background-size: 200% 200%;
			background-position: center center;
			
			text-shadow: 0px 0px 3px #2f70db;
			
			padding: 9px 55px;
			border: 0px solid #fff;
			
		}
			
	
						
	#gray-box-floater-holder {
		overflow: visible;
	}
	#gray-box-floater {
		border-radius: 35px;
		background: #f5f5f7;
		font-weight: 300;
		padding: 55px 80px 25px;
		
		position: absolute;
		top: -250px;
	}
	
		#gray-box-floater h2 {
			position: absolute;
			width: 300px;
			height: 35px;
			border-radius: 17.5px;
			left: 50%;
			top: -17.5px;
			margin-left: -150px;
			background: #bcbfc5;
			color: #07132a;
			font-size: 1.3125rem;
			line-height: 35px;
			padding: 0px;
			letter-spacing: 0.01rem;
			text-align: center;
		}
		
		#gray-box-floater p {
			color: #595959;
		}
		
		#gray-box-floater img {
			position: relative;
			left: 50%;
			margin-left: -90px;
			width: 180px;
			height: auto;
		}
		
	.split-2 {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	
		.split-2 > div {
			
		}
		
	#testimonials {
		margin-top: 45px;
	}
	
		#testimonials > div {
			
		}
		#testimonials > div:first-child {
			background: #07132a;
			display: flex;
            justify-content: flex-end;
		}
		#testimonials > div:last-child {
			background: url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/logo-blue-back.jpg);
			background-size: 50px;
		}
		
			#testimonials > div .content {
				width: 500px;
				position: relative;
			}
			#testimonials > div:first-child .content {
				display: flex;
				justify-content: flex-end;
			}            
			#testimonials > div:last-child .content {
				background: url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/hex-back.jpg);
				background-size: 40px;
				height: 100%;
				padding: 32px;
			}
			
				#testimonials > div .content p {
					font-size: .875rem;
					line-height: 1rem;
					font-family: 'Myriad Pro', Arial, sans-serif;
					font-weight: 300;
					line-height: 1.2rem;
				}
				#testimonials > div:first-child .content p {
					line-height: 1.1rem;
				}
				#testimonials > div .content p span {
					font-size: 1.125rem;
					line-height: 1.5rem;
					font-family: 'Bembo MT Pro', Palatino, serif;
				}
				#testimonials > div .content p span.subtitle {
					font-size: .875rem;	
				}
				#testimonials > div:first-child .content p {
					position: absolute;
					left: 0;
					top: 0;
					width: 200px;
					color: #fefefe;
					padding-top: 60px;
				}
				#testimonials > div:last-child .content p {
					color: #fefefe;
				}
				
				#testimonials > div img {
					display: block;
				}
				#testimonials > div:first-child img {
					width: 388px;
					height: auto;
				}
				#testimonials > div:last-child img {
					width: 36px;
					height: auto;
				}
				
	.two_buckets {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 35px;
		margin-top: 50px;
		margin-bottom: 70px;
	}
		.two_buckets div {
			border-radius: 35px;
			background: #f5f5f7;
			padding: 60px 0px;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center bottom;
		}
		
			.two_buckets div p {
				font-size: 1.3125rem;
				color: #000;
				text-align: center;
				font-family: 'Myriad Pro', Arial, sans-serif;
				margin-top: 0px;
			}
			
	#empowering-your-next-move {
		
	}
	
		#empowering-your-next-move .two_buckets div {
			height: 635px;
		}
		#empowering-your-next-move .two_buckets div:first-child {
			background-image: url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/hand-iphone.png);
			background-size: 78%;
			background-position: 0px bottom;
		}
		#empowering-your-next-move .two_buckets div:last-child {
			background-image: url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/woman-holding-laptop.jpg);
			background-size: cover;
		}
	
	#current-listings {
		
	}
		#current-listings .listing {
			padding-top: 75px;
			clear: right;
		}
		#current-listings .listing:nth-child(2) {
			padding-top: 45px;
		}

			#current-listings .listing .content {
				margin: 0px auto;
				width: 614px;
			}
		
				#current-listings .listing img:first-child {
					margin-bottom: 20px;
				}
				
				#current-listings .listing p {
					font-family: 'Myriad Pro', Arial, sans-serif;
					font-size: 1rem;
					line-height: 1rem;
				}
				
					#current-listings .listing p span {						
						font-family: 'Bembo Pro MT', Palatino, serif;
						font-size: 1.1rem;
						line-height: 1.5rem;
					}
					
						#current-listings .listing p span b {
							font-weight: 600;
						}
				
				#current-listings .listing .side {
					float: right;
					width: 33%;
				}
				#current-listings .listing .side.wide {
					width: 50%;
				}
				
	#notable-sales {
		
	}
	
		#notable-sales .sale {
			display: grid;
			grid-template-columns: 44% 56%;
			background: #07132a;
		}
		#notable-sales .sale:nth-child(odd) {
			grid-template-columns: 56% 44%;
		}
		#notable-sales .sale:nth-child(2) {
			margin-top: 45px;
		}
			
			#notable-sales .sale:nth-child(even) > div:nth-child(odd) {
				display: grid;
				grid-template-columns: 1fr 430px;
				grid-template-areas:
					" . content";
			}
			#notable-sales .sale:nth-child(odd) > div:nth-child(even) {
				padding-left: 45px;
			}
			
			#notable-sales .sale div img {
				display: block;
			}
			
				#notable-sales .sale div .content {
					width: 384px;
					grid-area: content;
					padding-top: 30px;
					padding-bottom: 30px;
				}
			
					#notable-sales .sale div .content p {
						color: #fff;
						font-weight: 300;
					}					
					#notable-sales .sale div .content p:first-child {
						font-family: 'Bembo Pro MT', Palatino, serif;
						font-size: 1.1rem;
						line-height: 1.5rem;
						font-weight: normal;
					}
						
						#notable-sales .sale div .content p span {
							font-size: 1.125rem;
						}
						
					#notable-sales .sale div .content > img {
						margin-top: 45px;
					}
					
	#targeted-approach {
		
	}
	
		#targeted-approach .container > div {
			display: grid;
			grid-template-columns: 64% 36%;
		}
		#targeted-approach .container > div:nth-child(3) {
			margin-top: 45px;
		}
		
			#targeted-approach .container > div div:first-child {
				display: grid;
				grid-template-columns: 1fr 660px;
				grid-template-areas: ". content";
				background: url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/logo-blue-back.jpg);
				background-size: 50px;
			}
			#targeted-approach .container > div div:last-child {
				display: grid;
				grid-template-columns: 330px 1fr;
				grid-template-areas: "content .";
				background: #07132a;
			}
			
				#targeted-approach .container > div div:first-child img {
					grid-area: content;
					display: block;
				}
				
				#targeted-approach .container > div div:last-child ol {
					grid-area: content;
					counter-reset: item;
					padding-top: 30px;
				}
				
					#targeted-approach .container > div div:last-child ol li {
						display: block;
						position: relative;
						
						font-size: .75rem;
						line-height: .875rem;
						font-family: 'Myriad Pro', Arial, sans-serif;
						color: #fff;
					}
					#targeted-approach .container > div div:last-child ol li:before {
						content: "0" counter(item) " ";
						counter-increment: item;
						position: absolute;
						top: 10px;
						left: -40px;
						
						font-size: 2rem;
						font-family: 'Bembo MT Pro', Palatino, serif;
					}
					
						#targeted-approach .container > div div:last-child ol li span {
							display: block;
							font-family: 'Bembo MT Pro', Palatino, serif;
							text-transform: uppercase;
							margin-bottom: -10px;
						}
						
						#targeted-approach .container > div div:last-child ol li p {
							color: #fff;
							font-size: .75rem;
						}
						
	#keep-more-of-your-equity {
		
	}
	
		#keep-more-of-your-equity .container > div {
			display: grid;
			grid-template-columns: 36% 64%;
		}
		#keep-more-of-your-equity .container > div:nth-child(2) {
			margin-top: 45px;
		}
		
			#keep-more-of-your-equity .container > div > div:first-child {
				display: grid;
				grid-template-columns: 1fr 330px;
				grid-template-areas: ". content";
				background: #07132a;
			}
			#keep-more-of-your-equity .container > div div:last-child {
				
			}
			
				#keep-more-of-your-equity .container > div > div:last-child img {
					display: block;
				}
				
				#keep-more-of-your-equity .container > div > div:first-child .content {
					grid-area: content;
					padding-top: 50px;
					padding-right: 40px;
					padding-left: 0px;
				}
				
					#keep-more-of-your-equity .container > div > div:first-child .content p {
						color: #fff;
						font-family: 'Myriad Pro', Arial, sans-serif;
						font-weight: 300;
						font-size: 1rem;
					}
					#keep-more-of-your-equity .container > div > div:first-child .content p:first-child {
						font-size: 1.1875rem;
						font-family: 'Bembo Pro MT', Palatino, serif;
						font-weight: normal;
					}
					#keep-more-of-your-equity .container > div > div:first-child .content p:last-child {
						font-size: .875rem;
						font-weight: normal;
					}
					
	#our-mission-our-brand {
		
	}
	
		#our-mission-our-brand .container > div {
			display: grid;
			grid-template-columns: 64% 36%;
		}
		#our-mission-our-brand .container > div:nth-child(2) {
			margin-top: 45px;
		}
		
			#our-mission-our-brand .container > div > div:first-child {
				display: grid;
				grid-template-columns: 1fr 660px;
				grid-template-areas: ". content";
				background: url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/hex-back.jpg);
				background-size: 40px;
			}
			#our-mission-our-brand .container > div > div:last-child {
				display: grid;
				grid-template-columns: 330px 1fr;
				grid-template-areas: "content .";
				background: #07132a;
				background: #07132a url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/logo-blue-back-lrg.jpg) no-repeat;
				background-size: cover;
			}
			
				#our-mission-our-brand .container > div > div:first-child .layout {
					grid-area: content;
					width: 670px;
					height: 487px;
					position: relative;
					display: block;
				}
				
					#our-mission-our-brand .container > div > div:first-child .layout img {
						display: block;
					}
					#our-mission-our-brand .container > div > div:first-child .layout #card-back {
						width: 210px;
						height: auto;
						position: absolute;
						top: 90px;
						left: 0px;
						
					}
					#our-mission-our-brand .container > div > div:first-child .layout #card-front {
						width: 210px;
						height: auto;
						position: absolute;
						top: 290px;
						left: 0px;
					}
					#our-mission-our-brand .container > div > div:first-child .layout #yard-sign {
						width: 256px;
						height: auto;
						position: absolute;
						top: 90px;
						left: 300px;
					}
				
				#our-mission-our-brand .container > div > div:last-child .content {
					grid-area: content;
					padding: 90px 30px 30px;
				}
				
					#our-mission-our-brand .container > div > div:last-child .content p {
						display: block;
						
						font-size: .875rem;
						line-height: 1.15rem;
						font-family: 'Myriad Pro', Arial, sans-serif;
						color: #fff;
						font-weight: 300;
					}

						#our-mission-our-brand .container > div > div:last-child .content p span {
							font-size: 1.1875rem;
							font-family: 'Bembo MT Pro', Palatino, serif;
							line-height: 1.5rem;
							display: block;
							font-weight: normal;
						}
						
	#our-passion {
		
	}
	
		#our-passion .container > div {
			display: grid;
			grid-template-columns: 36% 64%;
		}
		#our-passion .container > div:nth-child(2) {
			margin-top: 45px;
		}
		
			#our-passion .container > div > div:first-child {
				display: grid;
				grid-template-columns: 1fr 330px;
				grid-template-areas: ". content";
				background: #07132a;
				background: url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/hex-back.jpg);
				background-size: 40px;
			}
			#our-passion .container > div div:last-child {
				
			}
			
				#our-passion .container > div > div:last-child img {
					display: block;
				}
				
				#our-passion .container > div > div:first-child .content {
					grid-area: content;
					padding-top: 15px;
					padding-right: 40px;
					padding-left: 0px;
				}
				
					#our-passion .container > div > div:first-child .content p {
						color: #fff;
						font-family: 'Myriad Pro', Arial, sans-serif;
						font-weight: 300;
						font-size: .875rem;
						line-height: 1.25rem;
						margin-bottom: 24px;
					}
					#our-passion .container > div > div:first-child .content p span {
						font-size: 1.1875rem;
						font-family: 'Bembo Pro MT', Palatino, serif;
						font-weight: normal;
						display: block;
						line-height: 2.35rem;
						text-transform: uppercase;
						letter-spacing: .1rem;
					}
					
					#our-passion .container > div > div:first-child .content img {
						width: 90px;
						height: auto;
						margin: 20px auto 30px;
						display: block;
					}

	#ready-to-make-a-move {
				
	}
		
		#ready-to-make-a-move .bucket-three-holder {
			display: flex;
			width: 1000px;
			margin: 40px auto;
		}
		
			#ready-to-make-a-move article {
				background: #f9f9f8;
				border-radius: 20px;
				width: calc(100%/3);
				height: 550px;
			}
			#ready-to-make-a-move article:first-child {
				margin-right: 6px;
			}
			#ready-to-make-a-move article:nth-child(2) {
				margin-left: 6px;
				margin-right: 6px;
			}
			#ready-to-make-a-move article:nth-child(3) {
				margin-left: 6px;						
			}
			
				#ready-to-make-a-move article .padding {
					padding: 45px 28px;
				}
				
			#ready-to-make-a-move #lady-body {
				position: relative;
				background: #f3f4f6 url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/im-a-little-teapot-1.jpg) center bottom no-repeat;
				background-size: 100%;
			}
			#ready-to-make-a-move #lady-body.mobile {
				background: #f3f4f6 url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/im-a-little-teapot-mobile.jpg?now2) left bottom no-repeat;
				background-size: cover;
			}					
			
					#ready-to-make-a-move #lady-body h3 {
						display: none;
						
						font-size: 3.75rem;
						margin: 0px 0px;
						text-align: center;
						font-weight: 600;
						
						position: absolute;
						top: 120px;
						left: 60px;
					}
					#ready-to-make-a-move #lady-body h3.inview {
						transition: opacity 1s, transform 1s;
						transition-timing-function: ease-out;
						
						opacity: 1;
						transform: translateY(0);
					}
					#ready-to-make-a-move #lady-body h3.init {
						opacity: 0;
						transform: translateY(-80px);
					}
				
			#ready-to-make-a-move #lady-arm-platter {
				background: #f3f4f6 url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/im-a-little-teapot-2.jpg) center bottom no-repeat;
				background-size: 100%;
			}
			
				#ready-to-make-a-move #lady-arm-platter .padding {
					padding-top: 205px;
				}
				
					#ready-to-make-a-move #lady-arm-platter .cta-button {
						margin: 0px auto 0px;
					}
					#ready-to-make-a-move #lady-arm-platter .cta-button.inview {
						transition: opacity 1s, transform 1s;
						transition-timing-function: ease-out;
						
						opacity: 1;
						transform: translateY(0);
					}
					#ready-to-make-a-move #lady-arm-platter .cta-button.init {
						opacity: 0;
						transform: translateY(-80px);
					}
					
						#ready-to-make-a-move #lady-arm-platter .cta-button a {
							border: 5px solid #fff;
							height: 50px;
							border-radius: 25px;
							padding: 4px 40px;
						}
				
				#ready-to-make-a-move #bullet-points {

				}
				
					#ready-to-make-a-move #bullet-points h3 {
						font-size: 2.1875rem;
						line-height: 5rem;
						font-weight: normal;
						font-family: 'Bembo MT Pro', Palatino, serif;
						text-align: left;
						padding-left: 0px;
						color: #000;
					}
					
					#ready-to-make-a-move #bullet-points ul {
						padding: 0px;
						margin: 0px;
					}
					
						#ready-to-make-a-move #bullet-points ul li {
							color: #737373;
							font-size: 1.125rem;
							line-height: 1.5625rem;
							padding-bottom: 20px;
							list-style-position: inside;
							font-family: 'Myriad Pro', Arial, sans-serif;
						}
						
							#ready-to-make-a-move #bullet-points ul li span {
								font-family: 'Bembo MT Pro', Palatino, serif;
								color: #000;
								font-size: 1.5rem;
							}
							
	#get-started {
		
	}
	
		#get-started .layout {
			margin-top: 35px;
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: 1fr;
		}

			#get-started .layout > div:last-child {
				border: 1px solid #9fa6a9;
				border-left: 0px;
				border-right: 0px;
			}
			
			#get-started form {
				width: 420px;
				padding-left: 40px;
				padding-top: 55px;
			}
			
				#get-started form div.twoup {
					display: grid;
					grid-column-gap: 8px;
					grid-template-columns: 1fr 1fr;
					width: 420px;
				}
				
					#get-started form div.twoup input {
						width: 204px;
					}
					
				#get-started form label {
					font-family: 'Myriad Pro', Arial, sans-serif;
					font-size: .875rem;
				}
				
				#get-started form input, #get-started form textarea {
					border: 0;
					border-radius: 0;
					border-bottom: 1px solid #9fa6a9;
					width: 420px;
					font-family: 'Myriad Pro', Arial, sans-serif;
					font-size: .875rem;
				}
				
				.wpcf7-list-item {
					margin: 0px;
					line-height: .75rem;
				}
				
					#get-started form .wpcf7-list-item input {
						width: auto;
					}
					
					.wpcf7-list-item label span {
						font-size: .675rem;
					}
				
				#get-started form textarea {
					width: 420px;
					height: 120px;
				}
				
		.wpcf7-response-outputtt {	
			position: fixed;
			right: 0;
			bottom: 0;
			z-index: 99;
			background: rgba(255,255,255,.35);
			border: 0px !important;
			text-align: right;
		}
		
		.wpcf7 form .wpcf7-response-output {
			border-right: 0px;
			border-top: 0px;
			border-bottom: 0px;
			border-width: 6px;
		}
		
		input[type="submit"].wpcf7-submit {
			width: auto !important;	

			display: inline-block;
			height: 50px;
			border-radius: 25px !important;
			padding: 4px 50px;
			background: #2f70db;
			
			color: #fff;
			font-size: 1.3125rem;
			line-height: 38px;
			font-family: 'Myriad Pro', Palatino, serif;
			
			text-decoration: none;
			
			transition: all .5s ease-out;
			background: #2f70db radial-gradient(circle,rgba(154, 187, 240, 1) 0%, rgba(47, 112, 219, 1) 50%) no-repeat;
			background-size: 100% 0%;
			background-position: center center;
			
			text-shadow: 0px 0px 0px black;
			
			border: 5px solid #fff !important;
			
		}
		input[type="submit"].wpcf7-submit:hover {
			background: #2f70db radial-gradient(circle,rgba(154, 187, 240, 1) 0%, rgba(47, 112, 219, 1) 50%) no-repeat;
			background-size: 200% 200%;
			background-position: center center;
			
			text-shadow: 0px 0px 3px #2f70db;
			
			padding: 9px 55px;
			border: 0px solid #fff !important;
		}

	#three_buckets {
		background: #fff;
		padding: 30px 0px 0px;
		overflow: hidden;
		
		margin-top: 180px;
	}
	
		#three_buckets .container {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 50px;
			padding-top: 50px;
		}
		
			#three_buckets .container .bucket {
				position: relative;
			}
			
				#three_buckets .container .bucket h3 {
					margin-top: 25px;
					color: #07132a;
					font-family: 'Bembo MT Pro', Arial, sans-serif;
					font-size: 2rem;
					padding-left: 0px;
				}
				
				#three_buckets .container .bucket p {
					font-family: 'Myriad Pro', Palatino, sans-serif;
					font-weight: 300;
					font-size: 1.125rem;
					line-height: 1.5rem;
					color: #07132a;
					margin-bottom: 0px;
				}
		
			#three_buckets .container a {
				text-decoration: none;
				position: relative;
			}
		
				#three_buckets .container > div > img {
					border-radius: 50%;
					display: block;
					border: 0px solid #ddd;
					padding: 17px;
					width: 94%;
					height: auto;
					margin: 0 auto;
					
					position: absolute;
					top: 0;
					left: 3%;
					
					opacity: 1;
					transition: opacity 2s, transform 2s;
					transition-timing-function: ease-out;
					
					
					padding: 7%;
					
				}
				#three_buckets .container > div:nth-child(2) > img {
					transition-delay: .25s;
				}
				#three_buckets .container > div:nth-child(3) > img {
					transition-delay: .5s;
				}
				#three_buckets .container > div > img.init {
					transform: translateY(100px);
					opacity: 0;
				}
				
				#three_buckets .container > div:nth-child(3) > img {
					border-radius: 0;
					border: 0px;
					padding: 0px;
					transform: translate(-1%,0px);
					
					width: 99%;
					
					position: absolute;
					top: 0;
					left: 0;
					
					padding: 7% 8% 7% 0px;
				}
				#three_buckets .container > div:nth-child(3) > img.init {
					transform: translateY(116px);
				}
				
				#three_buckets .container > div .circle_border {
					border-radius: 50%;
					display: block;
					border: 10px solid #ddd;
					padding: 0px;
					
					width: 94%;
					height: 0%;
					padding-bottom: calc(94% - 20px);
					
					margin: 0px auto;
					
					opacity: 1;
					transition: opacity 2s, transform 2s;
					transition-timing-function: ease-out;
					transition-delay: 1s;
				}
				#three_buckets .container > div:nth-child(2) .circle_border {
					transition-delay: 1.25s;
				}
				#three_buckets .container > div:nth-child(3) .circle_border {
					transition-delay: 1.5s;
				}
				#three_buckets .container > div .circle_border.init {
/*					transform: translateY(100px);*/
					transform: scale(1.5);
					opacity: 0;
				}
					
					#three_buckets .container > div .content {
						transition: opacity 2s;
						opacity: 1;
					}
					#three_buckets .container > div:nth-child(2) .content {
						transition-delay: .25s;
					}
					#three_buckets .container > div:nth-child(3) .content {
						transition-delay: .5s;
					}
					#three_buckets .container > div .content.init {
						opacity: 0;
					}
					
						#three_buckets .content p {
							font-family: 'Gotham', Arial, sans-serif;
							text-align: center
						}
						
						#three_buckets .content h4 {
							letter-spacing: .2rem;
							text-indent: .2rem;
							margin-top: 50px;
							margin-bottom: 5px;
							font-weight: normal;
							color: #000;
							text-align: center;
							font-size: 1.2rem;
						}
				
						#three_buckets .content p {
							margin-top: 5px;
							font-size: .9675rem;
						}
		
	iframe {
		width: 100%;
		aspect-ratio: 16 / 9;
		height: auto !important;
		margin-top: 45px;
	}
	
	#nav_shim {
		width: 100%;
		height: 66px;
		background: #07132a;
		
		height: 20px;
	}
	
	#slideshow {
		padding: 0;
		
		background: #fff;
		
		margin-bottom: 40px;
	}
	
		#slideshow > .container {
			width: 100%;
			height: 100%;
		}
		
			ul.slides, ul.slides li {
				margin: 0;
				padding: 0;
				list-style: none;
				cursor: pointer;
			}
		
		#slider.swiper {
			width: 100%;
			height: 820px;
		}
		
			.swiper-button-next, .swiper-button-prev, .swiper-button-first, .swiper-button-last {
				width: 51px;
				height: 51px;
				border-radius: 25px;
				background: rgba(255,255,255,.35);
				
				transition: opacity .25s;
				
				background: none;
				background-image: url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/button-next.svg);
				border-radius: 0px;
				width: 28px;
				height: 213px;
				margin-top: -106px;
				opacity: .5;
			}
			.swiper-button-next:hover, .swiper-button-prev:hover, .swiper-button-first:hover, .swiper-button-last:hover {
				/*background: rgba(255,255,255,.65);*/
				
				opacity: 1;
			}
			.swiper-button-prev, .swiper-button-last {
				background-image: url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/button-last.svg);
			}
			
			.swiper-button-next:after, .swiper-button-prev:after, .swiper-button-first:after, .swiper-button-last:after {
				color: #fff;
				font-size: 18px;
				
				transition: color .25s;
				color: #07132a;
			}
			.swiper-button-next:hover:after, .swiper-button-prev:hover:after, .swiper-button-first:hover:after, .swiper-button-last:hover:after {
				color: #07132a;
				color: #ed161b;
			}
			
			.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
				opacity: 0;
			}
			
			.swiper-button-first, .swiper-button-last {
				position: absolute;
				top: 50%;
				margin-top: -22px;
				z-index: 10;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #fff;
				cursor: pointer;
				display: flex;
				
				margin-top: -106px;
			}
			.swiper-button-first:after, .swiper-button-last:after {
				font-family: swiper-icons;
				text-transform: none!important;
				letter-spacing: 0;
				font-variant: initial;
				line-height: 1;
			}
			.swiper-button-first:after {
				content: 'next';
			}
			.swiper-button-last:after {
				content: 'prev';
			}
						
			.swiper-button-first {
				right: 10px;
			}
			
			.swiper-button-last {
				left: 10px;
			}
			
			.swiper-pagination-bullet {
				background: #07132a;
				background: #83a6e4;
				
				opacity: .35;
				
				border-radius: 0;
				width: 12px;
			}
			
			.swiper-pagination-bullet-active {
				background: #83a6e4;
				background: #517fd3;
				
				opacity: 1;
			}
			
			#view_all_slide {
				background-color: #07132a;
				overflow-y: auto;
			}
			
				.view_all {
					padding: 20px 40px 40px;
					display: grid;
					grid-template-columns: repeat(8, 1fr);
					grid-gap: 0px;
					line-height: 0px;
				}
				
					.img_link {
						opacity: .66;
						z-index: 1;
						
						transition: transform .25s, opacity .25s;
					}
					.img_link:hover {
						opacity: 1;
						transform: scale(1.25);
						border: 8px solid #fff;
						z-index: 999;
					}
					
						.img_link img {
							
						}
						
		.fancybox-inner img {
			opacity: 1;
		}
			
		#carousel_holder {
			margin: 0px auto;
			position: relative;
			
			height: 101px;
			width: 960px;
			margin-top: 40px;
			padding-left: 30px;
			
			overflow: hidden;
		}
		
			#carousel.swiper {
				width: 850px;
				margin-left: 0px;
				padding-top: 10px;
				line-height: 0px;
			}
			
				#view_all_btn {
					position: absolute;
					bottom: 0;
					right: calc((100% - 960px)/2 + 30px);
					
					width: 44px;
					height: 91px;
					background-color: #07132a;
					
					text-align: center;
					
					text-transform: uppercase;
					font-size: .65rem;
					
					z-index: 2;
					cursor: pointer;
					
					text-decoration: none;
					color: #fff;
				}
					#view_all_btn img {
						padding-top: 10px;
					}
					
				.swiper-button-prev-holder {
					position: absolute;
					bottom: -7px;
					left: calc((100% - 960px)/2);
					
					width: 20px;
					height: 115px;
					
					border-right: 1px solid #ccc;
				}
					#carousel-prev.swiper-button-prev {
						
						top: auto;
						left: auto;
						
						width: 100%;
						height: 100%;
						outline: none;
						
						margin-top: 0px;
						
						justify-content: flex-start;
						
						opacity: .65;
						
						transition: opacity .25s;
					}
					#carousel-prev.swiper-button-prev:hover {
						opacity: 1;
					}
					#carousel-prev.swiper-button-prev.swiper-button-disabled {
						opacity: 0;
					}
					
				.swiper-button-next-holder {
					position: absolute;
					bottom: -7px;
					right: calc((100% - 960px)/2);
					
					width: 20px;
					height: 115px;
					
					border-left: 1px solid #ccc;
				}
					#carousel-next.swiper-button-next {
						
						top: auto;
						right: auto;
						
						width: 100%;
						height: 100%;
						outline: none;
						
						margin-top: 0px;
						
						justify-content: flex-end;
						
						opacity: .65;
						
						transition: opacity .25s;
					}
					#carousel-next.swiper-button-next:hover {
						opacity: 1;
					}
					#carousel-next.swiper-button-next.swiper-button-disabled {
						opacity: 0;
					}
				
				#carousel-next.swiper-button-next:after, #carousel-prev.swiper-button-prev:after {
					font-size: 18px;
					font-weight: 900;
					color: #07132a;
				}
				
				#carousel.swiper .swiper-slide.swiper-slide-thumb-active {
					transform: translateY(-10px);
				}
			
				#carousel.swiper .swiper-slide {
					transform: translateY(0px);
					transition: transform .25s;
					
					cursor: pointer;
				}
				
				#carousel.swiper .swiper-slide:hover {
					transform: translateY(-10px);
				}
				
				
				.swiper-slide {
					-webkit-transform: translate3d(0, 0, 0);
				}
				
					.swiper-slide img {
						width: 100%;
					}
					
			.swiper-button-next, .swiper-button-prev {
				outline: none;
				
				transition: opacity .25s;
			}
			
	.page-template-page-agents #primary {
		padding-bottom: 30px;
	}
	
	footer {
		background: #07132a;
		position: relative;
	}
		
		footer .container {
			width: 1000px;
			margin: 0px auto 0px;
			text-align: center;
			color: #ccc;
			padding-top: 150px;
		}
		.page-template-page-homepage footer .container {
			margin-top: 0px;
		}
	
		footer p {
			
			color: #fff;
		}
		
		footer a, footer a:visited {
			color: #7ba9e7;
		}
		footer a:hover {
			color: #ed161b;
			color: #fff;
		}
		
		footer img.signature {
			width: 150px;
			height: auto;
			margin-bottom: 160px;
		}
		
		footer img.logo {
			width: 180px;
			height: auto;
			margin-bottom: 160px;
			margin-top: 70px;
		}
		
		footer img {
			margin: 0px 0px 10px 0px;
		}
		
		footer h2 {
			color: #fff;
			text-align: center;
			font-size: 2.1875rem;
			margin-bottom: 30px;
			letter-spacing: 0px;
		}
		
		footer ul {
			margin: 0;
			margin-bottom: 20px;
			padding: 0;
			padding-bottom: 25px;
			list-style: none;
			display: flex;
		}
			
			footer ul li {
				margin: 0;
				padding: 0;
				
				text-align: center;
				
				background-repeat: no-repeat;
				background-size: cover;
				width: auto;
				
				color: #fff;
				
				list-style: none;
			}
			
				footer ul li h3 {
					font-size: 1.125rem;
					letter-spacing: .4rem;
					text-indent: .4rem;
					font-weight: 400;
					color: #fff;
				}
			
				footer ul li p {
					color: #fff;
					font-size: .8rem;
					line-height: 1.3rem;
					
					font-family: 'Gotham', Arial, sans-serif;
					font-weight: 300;
				}
				
		#footer-menu ul {
			justify-content: center;
			border: 0;
			margin-bottom: 0px;
			padding-bottom: 15px;
		}	
			
			#footer-menu ul li {
				width: auto;
			}	
				
				#footer-menu a {
					font-size: .5625rem;
					color: #fff;
					padding: 4px 12px;
					text-decoration: none;
					text-transform: uppercase;
					border-right: 1px solid #fff;
				}
				#footer-menu li:last-child a {
					border: 0;
				}
				#footer-menu a:hover {
					color: #7ba9e7;
				}
	
	#footer-visit {
		font-family: 'Bembo MT Pro', Palatino, serif;
		text-align: center;
		font-size: 1rem;
		margin-bottom: 120px;
		
		display: grid;
		grid-template-columns: 1fr 320px 1fr;
		
		width: 1000px;
		margin: 0px auto 120px;
	}

		#footer-visit div:first-child {
			height:128px;
			border-bottom: 1px solid #2e394d;
		}
		#footer-visit div:nth-child(3) {
			height:128px;
			border-bottom: 1px solid #2e394d;
		}
	
			#footer-visit div div {
				width: 320px;
				height: 74px;
				border-radius: 37px;
				background: #2e394d;
			}
			
				#footer-visit div img {
					width: 225px;
					margin-top: 7px;
				}
		
			#footer-visit a {
				display: block;
				cursor: pointer;
			}
			
	#footer-disclaimer {
		width: 1000px;
		margin: 0px auto;
		font-size: .875rem;
		line-height: 1rem;
		color: #919191;
		letter-spacing: -.05rem;
		font-weight: normal;
		margin-bottom: 60px;
	}
	#footer-disclaimer span {
		font-size: 1.125rem;
		display: block;
		line-height: 1.5rem;
	}
	
	#footer-areas-of-service {
		width: 1000px;
		margin: 0px auto;
		color: #5b667b;
		line-height: 1.5rem;
		margin-bottom: 30px;
	}
	
	#copyright {
		font-family: 'Myriad Pro', Arial, sans-serif;
		font-size: .875rem;
		margin: 0;
		padding-bottom: 40px;
		color: #fff;
	}
	
	.site-footer {
		text-align: center;
		color: #ccc;
	}
	
		.site-footer .site-info {
			font-weight: 300;
			font-size: .875rem;
		}
		
			.site-footer .site-info p {
				color: #fff;
				font-family: 'Myriad Pro', Arial, sans-serif;
				font-weight: normal;
				font-size: 1.125rem;
				letter-spacing: .1rem;
				text-transform: uppercase;
				margin-bottom: 18px;
				letter-spacing: .3rem;
			}
			
			.site-footer .site-info ul {
				width: 1000px;
				margin: 0px auto 100px;
			}
			
				.site-footer .site-info ul li {
					width: calc(100%/3);
					letter-spacing: 0px;
				}
				
			.site-footer .site-info p {
				
				color: #fff;
			}
			
	
	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}







/** ADDEDD **/

#this-is-branding {
				
			}
			
				#this-is-branding article:first-child h3 {
					letter-spacing: -.04rem;
				}
			
				#this-is-branding article {
					position: relative;
					border-radius: 20px;
					padding-bottom: 0px;
					
					background: #f5f5f7;
				}
				
					#this-is-branding article .padding {
						padding-bottom: 0px;
					}
				
						#hand-phone {
							display: block;
							
							transition: all .5s ease-out;
							transform: translateX(0);
							opacity: 1;
						}
						#hand-phone.init {
							transform: translateX(-20px);
							opacity: 0;
						}
						
						#hand-phone-screen {
							position: absolute;
							width: 174px;
							left: 201px;
							top: 200px;
							
							transition: all 1s ease-out;
							transition-delay: .5s;
							transform: translateY(0);
							opacity: 1;
						}
						#hand-phone-screen.init {
							transform: translateY(20px);
							opacity: 0;
						}
						#hand-phone-screen-2 {
							position: absolute;
							width: 174px;
							left: 201px;
							top: 200px;

							transition: all .2s ease-out;
							transition-delay: 2.5s;
							opacity: 1;
						}
						#hand-phone-screen-2.init {
							opacity: 0;
						}
						
						#real-hand {
							position: absolute;
							width: 300px;
							left: 220px;
							top: 350px;
							
							/*transition: all 1s ease-out;
							transition-delay: 2s;
							transform: translateY(0);
							opacity: 1;*/
							
							animation-duration: 2s;
							animation-name: realHand;
							animation-iteration-count: 1;
							animation-delay: 2s;
							
							opacity: 0;
						}
						#real-hand.init {
							/*transform: translateY(40px);
							opacity: 0;*/
							animation: none;
						}
						@keyframes realHand {
							0% {
								transform: translateY(50px);
								opacity: 0;
							}
							50% {
								transform: translateY(0px);
								opacity: 1;
							}
							100% {
								transform: translateY(50px) translateX(50px);
								opacity: 0;
							}
						}
						
						#sample-agent {
							position: absolute;
							width: 174px;
							left: 201px;
							top: 375px;
							
							transition: all 1s ease-out;
							transition-delay: 2.5s;
							transform: translateY(0);
							opacity: 1;
						}
						#sample-agent.init {
							transform: translateY(20px);
							opacity: 0;
						}
						
				#this-is-branding article#hand-phone-sample-agent-holder {
					background: #f5f6f7 url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/hand-phone-sample-agent.jpg) center center no-repeat;
					background-size: cover;
					
					padding-top: 325px;
				}
				
					#hand-phone-sample-agent-holder img {
						width: 64px;
						height: 64px;
						float: left;
					}
					
					#hand-phone-sample-agent-holder h3 {
						margin-left: 80px;
						margin-bottom: 0px;
						clear: none;
						font-size: 2rem;
						padding-top: 18px;
						text-align: center;
					}
					
					#hand-phone-sample-agent-holder h4 {
						margin: 0px 0px 0px 80px;
						text-align: center;
						font-weight: 300;
						clear: none;
						font-size: 1.15rem;
					}
					
					#hand-phone-sample-agent-holder .agent-signature {
						font-family: 'carolinaregular';
						text-align: right;
						font-size: 2rem;
					}
					
					#hand-phone-sample-agent-holder .minibar-holder {
						top: auto;
						bottom: 25px;
						right: 50px;
					}
				
					#hand-phone-agent-cover {
						position: absolute;
						width: 100%;
						height: 100%;
						background: #f5f5f7;
						border-radius: 20px;
						top: 0px;
						left: 0px;
						
						transition: all 2s;						
						opacity: 0;
						transition-delay: 2.5s;
					}
					#hand-phone-agent-cover.init {
						opacity: 1;
					}
			
			
			.bucket-two-holder {
				display: flex;
				width: 960px;
				margin: 0px auto;
			}
			
				.bucket-two-holder article {
					width: 50%;
					padding-bottom: 250px;
				}
				.bucket-two-holder article:first-child {
					margin-right: 15px;
				}
				.bucket-two-holder article:nth-child(2) {
					margin-left: 15px;
				}






	#few-more-things {
				
			}
				
				#few-more-things article {
					
				}
				
					#few-more-things article .padding {
						position: relative;
						background: #f5f6f8;
						border-radius: 20px;
						padding: 20px;
						
						display: grid;
						gap: 20px;
						grid-template-columns: 1fr 1fr 1fr 1fr;
						grid-template-rows: 170px 150px 150px 150px;
					}
					
						#few-more-things article div {
							border-radius: 20px;
							padding: 26px;
							position: relative;
						}
						#few-more-things article div.center {
							display: grid;
							background: none;
							gap: 20px;
							grid-column: span 2;
							grid-row: span 3;
							padding: 0px;
						}
						#few-more-things article .padding > div:nth-child(1), #few-more-things article .padding > div:nth-child(2) {
							grid-column: span 2;
						}
							#few-more-things article .padding > div:nth-child(1) h3, #few-more-things article .padding > div:nth-child(2) h3 {
								font-size: 1.5rem;
								
								text-align: left;
							}
						
							#few-more-things h3 {
								margin-bottom: 0px;
								font-size: 1.3125rem;
								line-height: 1.3rem;
								
								font-size: 1.15rem;
								line-height: 1.15rem;
								
								text-align: center;
							}
							#few-more-things h3.large {
								font-size: 2rem;
							}
							
							#few-more-things p {
								margin-top: 30px;
								line-height: 1.6rem;
								color: #808080;
							}
							
							#benefit-switch-brokerage h3, #benefit-coaching-by-agents h3 {
								margin-top: 5px;
							}
							
							#benefit-coaching-by-agents p {
								padding-right: 110px;
							}
						
							#benefit-more-calls h3.circle-back {
								margin-top: 36px;
							}
							
								#benefit-more-calls h3.circle-back span::before {
									border-bottom: 1.5px solid #fff;
									border-right: 1.5px solid #fff;
								}
							
						.green-back {
							background: #e2ecea;
						}
						
						.gradient-back {
							background: linear-gradient(120deg, rgba(226,236,234,1) 25%, rgba(190,206,225,1) 75%);
						}
						
						#benefit-switch-brokerage img {
							position: absolute;
							top: 50px;
							right: 10px;
							width: 40%;
						}
						
						#benefit-coaching-by-agents img {
							position: absolute;
							top: 65px;
							right: 30px;
							width: 17%;
						}
						
						#benefit-invite-only img {
							position: absolute;
							top: 55px;
							left: 50%;
							width: 110px;
							margin-left: -55px;
						}
						
						#benefit-transferable-territory, #benefit-shareable-territory {
							background: #fff;
							text-align: center;
							padding-bottom: 0px !important;
						}
							
							#benefit-transferable-territory h3, #benefit-shareable-territory h3 {
								font-size: 2rem;
								margin-top: 10px;
							}
							
							#benefit-transferable-territory .red-pin, #benefit-shareable-territory .red-pin {
								position: absolute;
								top: 70px;
								left: 50%;
								width: 40px;
								margin-left: -20px;
							}
							#benefit-shareable-territory .red-pin:nth-child(2) {
								transform: rotate(20deg) translateX(16px);
								transition: .66s all ease-out;
								transition-delay: 1s;
							}
							#benefit-shareable-territory .red-pin.init:nth-child(2) {
								transform: rotate(0deg) translateX(0px);
							}
							#benefit-shareable-territory .red-pin:nth-child(3) {
								transform: rotate(-20deg) translateX(-16px);
								transition: .66s all ease-out;
								transition-delay: 1s;
							}
							#benefit-shareable-territory .red-pin.init:nth-child(3) {
								transform: rotate(0deg) translateX(0px);
							}
							
	
							#benefit-transferable-territory img#large-map, #benefit-shareable-territory img#large-map {
								margin-top: 55px;
								width: 70%;
							}
							
							#benefit-transferable-territory p, #benefit-shareable-territory p {
								margin-top: 20px;
								margin-bottom: 20px;
							}
							
							#benefit-transferable-territory .sub-text {
								color: #7e9dbd;
								font-size: .8rem;
								margin-bottom: 0px;
							}
						
						#benefit-your-zip-code-your-extension img {
							position: absolute;
							top: 70px;
							left: 50%;
							width: 60px;
							margin-left: -30px;
						}
						
						#benefit-easy-to-remember img {
							position: absolute;
							top: 55px;
							left: 50%;
							width: 80px;
							margin-left: -40px;
						}
						
						#benefit-your-zip-code-territory {
							background: url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/icons-benefits/your-zip-code-territory-back.jpg?now) center center no-repeat;
							background-size: cover;
							padding: 26px 12px !important;
						}
						
							#benefit-your-zip-code-territory h3 {
								color: #fff;
								font-size: 1.15rem;
								font-weight: 600;
								text-align: center;
							}
							
							#benefit-your-zip-code-territory .red-pin {
								position: absolute;
								top: 65px;
								left: 50%;
								width: 30px;
								margin-left: -15px;
							}
							
							img#your-zip-code-territory {
								position: absolute;
								top: 45px;
								left: 50%;
								width: 130px;
								margin-left: -65px;
							}
							
						
						#benefit-done-for-you {
							background: url(/wp-content/themes/joinluxuryinc-byvisualtonic/images/icons-benefits/done-for-you-back.jpg) center center no-repeat;
							background-size: cover;
							padding: 26px 16px !important;
						}
						
							#benefit-done-for-you h3 {
								color: #fff;
								font-size: 1.15rem;
								font-weight: 600;
								text-align: center;
							}
						
						#benefit-prestigious-network {
							padding: 30px 36px 0px !important;
						}
						
							#benefit-prestigious-network img {
								position: absolute;
								top: 65px;
								right: 30px;
								width: 20%;
							}
							
							#benefit-prestigious-network h3 {
								font-size: 1.5rem;
							}
							
							#benefit-prestigious-network p {
								padding-right: 70px;
							}
						
						#benefit-only-one-agent {
							text-align: center;
						}
						
							#benefit-only-one-agent img {
								position: absolute;
								top: 50px;
								left: 50%;
								width: 90px;
								margin-left: -45px;
							}
							
							
							
							
							
@media only screen and (min-width: 1600px) {

	
}

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

		
}

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

	
	
}

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

	
}

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

@media only screen and (max-width: 650px) {
	
	
}

@media only screen and (min-width: 581px) and (max-width: 1024px) {
	section {
		min-width: 1024px;
	}
	
}

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

	header, header .container {
		height: 80px;
	}
	
	#nav_shim {
		height: 0px;
	}
	
	header .container, #under-header > div {
		width: 100%;
	}
	
	.site-branding img {
		height: 48px;
		width: auto;
	}
	
	.site-phone {
		font-size: 1rem;
		line-height: 50px;
		height: 40px;
		padding-right: 10px;
	}
	
	.site-phone sup {
		font-size: .5rem;
	}
	
	.header-text {
		font-size: .75rem;
		float: right;
		line-height: 16px;
		padding-right: 10px;
	}
	
	.header-text span {
		display: block;
		text-align: left;
	}
	
	#under-header a {
		position: absolute;
		right: 0px;
		line-height: 19px;
		top: 5px;
	}
	
	section.full-width > .container, footer.full-width > .container {
		min-width: auto;
	}
	
	.swiper-button-next, .swiper-button-prev, .swiper-button-first, .swiper-button-last {
		height: 150px;
		width: 20px;
		margin-top: -56px;
	}
	
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: -10px;
	}
	
	section > .container {
		width: 100%;
	}
	
	h2 {
		font-size: 2.25rem;
		line-height: 2.5rem;
		padding: 40px 20px 10px;
	}
	h2.centered {
		padding-left: 20px;
	}
	
	h3, section.full-width > .container h3 {
		font-size: 1.125rem;
		padding-left: 20px;
	}
	h3 br {
		display: none;
	}
	
	.gray-box {
		margin: 0px 15px;
	}
	
	#buckets {
		grid-template-columns: 1fr;
		padding-bottom: 40px;
	}
	
	#buckets .bucket {
		margin-bottom: 64px;
	}
	#buckets .bucket:last-child {
		margin-bottom: 0px;
	}
	
	#buckets .bucket h3 {
		text-align: left;
		padding-left: 20px;
		font-size: 1.35rem;
	}
	
	#buckets .bucket li {
		padding-left: 40px;
		text-align: left;	
	}
	
	#slidecontainer {
		grid-template-columns: 40% 1fr 40%;
		padding: 0px 15px;
	}
	
	#lead-in h2 {
		margin-left: 0px;
		margin-right: 0px;
		padding-right: 0px;
	}
	
	#lead-in h3 {
		text-indent: 0px;
	}
	
	#cost-ours {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 4;
		grid-row-end: 5;
		padding-right: 0px;
		padding-top: 15px;
	}
	
	#sale-price-slider {
		grid-column-start: 1;
		grid-column-end: 4;
		grid-row-start: 3;
		grid-row-end: 4;
	}
	
	#cost-theirs {
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 4;
		grid-row-end: 5;
		padding-left: 0px;
		padding-top: 15px;
	}
	
	#savings {
		grid-row-start: 5;
		grid-row-end: 6;
		height: 480px;
	}
	
	#savings h2 {
		margin-top: 20px;
	}
	/*
	#hand_cursor.dest1 {
		transform: translate(50%, 0px);
	}
	#hand_cursor.dest2 {
		opacity: 0;
		transform: translate(55%, 80px) scale(.8);
	}
	*/
	#gray-box-floater-holder {
		padding: 0px 15px;
	}
	
	#gray-box-floater {
		padding: 30px 35px 20px;
		top: -380px;
	}
	
	#three_buckets .container {
		grid-template-columns: 1fr;
		padding: 0px 30px;
	}
	
	.split-2 {
		grid-template-columns: 1fr;
	}
	
	#testimonials > div:first-child {
		padding: 0px 15px;
	}
	
	#testimonials > div .content {
		width: auto;
	}
	
	#testimonials > div:first-child img {
		transform: translateX(130px);
	}
	
	.two_buckets {
		grid-template-columns: 1fr;
		padding: 0px 15px;
	}
	
	#empowering-your-next-move .two_buckets div {
		height: 535px;
	}
	#empowering-your-next-move .two_buckets div:first-child {
		margin-bottom: 40px;
	}
	
	.two_buckets div p {
		padding: 0px 40px;
	}
	
	#current-listings .listing .content {
		width: auto;
	}
	
	#current-listings .listing p {
		padding-left: 15px;
	}
	
	#current-listings .listing .side {
		margin-left: 15px;
	}
	
	#notable-sales .sale {
		grid-template-columns: 1fr;
	}
	#notable-sales .sale:nth-child(odd) {
		grid-template-columns: 1fr;
	}
	
	#notable-sales .sale:nth-child(even) > div:nth-child(odd) {
		grid-template-columns: 1fr;
	}
	
	#notable-sales .sale:nth-child(odd) > div:nth-child(even) {
		padding-left: 0px;
	}
	
	#notable-sales .sale div .content {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#targeted-approach .container > div {
		grid-template-columns: 1fr;
	}
	
	#targeted-approach .container > div div:first-child {
		grid-template-columns: 1fr;
	}
	
	#keep-more-of-your-equity .container > div {
		grid-template-columns: 1fr;
	}
	
	#keep-more-of-your-equity .container > div > div:first-child {
		grid-template-columns: 1fr;
		padding: 0px 15px;
	}
	
	#keep-more-of-your-equity .container > div > div:first-child .content {
		padding-top: 20px;
		padding-right: 0px;
	}
	
	#our-mission-our-brand .container > div {
		grid-template-columns: 1fr;
	}
	
	#our-mission-our-brand .container > div > div:first-child {
		grid-template-columns: 1fr;
		grid-template-areas: "content";
	}
	
	#our-mission-our-brand .container > div > div:last-child {
		grid-template-columns: 1fr;
		grid-template-areas: "content";
	}
	
	#our-mission-our-brand .container > div > div:first-child .layout {
		width: auto;
		height: 757px;
	}
	
	#our-mission-our-brand .container > div > div:first-child .layout #card-front {
		left: 50%;
		margin-left: -105px;
		top: 240px;
	}
	
	#our-mission-our-brand .container > div > div:first-child .layout #yard-sign {
		left: 50%;
		margin-left: -128px;
		top: 390px;	
	}
	
	#our-mission-our-brand .container > div > div:first-child .layout #card-back {
		left: 50%;
		margin-left: -105px;
	}
	
	#our-mission-our-brand .container > div > div:last-child .content {
		padding-top: 30px;
	}
	
	#our-passion .container > div {
		grid-template-columns: 1fr;
	}
	
	#our-passion .container > div > div:first-child {
		grid-template-columns: 1fr;
		grid-template-areas: "content";
	}
	
	#our-passion .container > div > div:first-child {
		height: auto;
	}
	
	#our-passion .container > div > div:last-child {
		height: 400px;
	}
	
	#our-passion .container > div > div:first-child .content {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#ready-to-make-a-move .container {
		padding: 0px 15px;
	}
	
	#ready-to-make-a-move .bucket-three-holder {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: auto;
	}
	
	#ready-to-make-a-move #lady-body {
		height: 320px;
	}
	
	#ready-to-make-a-move #lady-arm-platter {
		height: 320px;
	}
	
	#ready-to-make-a-move #lady-arm-platter .padding {
		padding-top: 110px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#ready-to-make-a-move #lady-arm-platter .cta-button a {
		padding: 4px 20px;
		font-size: 1rem;
		height: 40px;
		line-height: 25px;
	}
	
	#ready-to-make-a-move article {
		width: auto;
		height: auto;
	}
	
	#ready-to-make-a-move article:nth-child(2) {
		margin-right: 0px;
	}
	
	#ready-to-make-a-move article:nth-child(3) {
		margin-top: 16px;
		margin-left: 0px;
	}
	
	#ready-to-make-a-move #bullet-points {
		grid-column-end: 3;
		grid-column-start: 1;
	}
	
	#get-started .layout {
		grid-template-columns: 1fr;
	}
	
	#get-started .layout > div:first-child {
		height: 400px;
	}
	
	#get-started form {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	section.full-width > .container h3 {
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#get-started form div.twoup {
		width: auto;
	}
	
	#get-started form div.twoup input {
		width: 100%;
	}
	
	#get-started form input, #get-started form textarea {
		width: 100%;
	}
	
	#hero .container .content h2 {
		padding: 0px 30px 40px;
		font-size: 2.625rem;
		line-height: 2.625rem;
	}
	
	#hero .container .content #floater {
		width: 250px;
	}
	
	footer.full-width > .container h2 {
		width: auto;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.site-footer .site-info ul {
		display: block;
		width: auto;
	}
	
	.site-footer .site-info ul li {
		width: auto;	
	}
	
	#footer-visit {
		width: auto;
	}
	
	#footer-disclaimer, #footer-areas-of-service {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	footer h2 {
		font-size: 1.7rem;
	}
	
}

@media only screen and (max-width: 400px) {
	.site-branding img {
        height: 44px;
        margin: 18px 0px 18px 20px;
    }
}

/* Small menu.
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}*/