/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

.page-header h1{display:none!important}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 
/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/********** Control the Captcha **********/
.CaptchaPanel {
margin: 10px auto !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImage {
	border: 1px solid #333 !important;
	margin: 0px auto !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0 !important;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin: 5px auto !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin: 10px auto;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 


/***** Overall *****/
html {
	width: 100%;
	height: auto;
}

@font-face {
	font-family: 'Helvetica Neue LT';
	font-weight: 400;
	src: url(../fonts/HelveticaNeueLTStd-Roman.otf) format('opentype');
}

@font-face {
	font-family: 'Helvetica Neue LT';
	font-weight: 700;
	src: url(../fonts/HelveticaNeueLTStd-Blk.otf) format('opentype');
}

body {
	width: 100%;
	height: auto;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	font-size: 0px;
	background: url(../siteart/images/subtle_dots.png) !important;
	background-repeat: repeat;
}

.contained {
	width: calc(100% - 72px);
	height: auto;
	margin: 0px auto;
	position: relative;
	display: inline-block;
	*background-color: pink;
}

.contained2 {
	width: calc(100% - 72px);
	height: auto;
	margin: 36px auto;
	position: relative;
	display: inline-block;
	*background-color: pink;
}

/********** Header **********/
.heading {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	background-color: #F6D03A;
	box-sizing: border-box;
}

.left1 {
	width: 200px;
	height: auto;
	margin: 18px 36px;
	position: relative;
	display: inline-block;
	float: left;
}

.left1 img {
	width: 100%;
	height: auto;
}

.right1 {
    margin: 18px 36px 18px 36px;
    float: right;
    width: auto;
}

.contacting {
	width: auto;
	height: auto;
	position: relative;
	display: inline-block;
	*background-color: pink;
	float: right;
}

.phone1 {
	font-family: "Helvetica Neue LT", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	margin: 10px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	transition: ease-out 0.15s;
}

.phone1:hover {
	opacity: 0.7;
	transition: ease-in 0.15s;
}

.phone1 a {
	color: #333;
	text-decoration: none;
}

.social {
	width: 25px;
	height: 25px;
	margin: 10px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	transition: ease-out 0.15s;
}

.social:hover {
	opacity: 0.7;
	transition: ease-in 0.15s;
}

.social img {
	width: 100%;
	height: auto;
}

/********** Content **********/
.slideshow {
	width: 100%;
	height: 750px;
	position: relative;
	display: inline-block;
	*background-color: lightblue;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0px auto;
}

.scroller {
	width: 100%;
	*height: 90px;
	height: auto;
	position: relative;
	display: inline-block;
	*background-color: orange;
	box-sizing: border-box;
	border-top: 10px solid #F6D03A;
	border-bottom: 10px solid #F6D03A;
}

.scrolling {
	width: 100%;
	height: 90px;
}

.buttons {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	*background-color: lightblue;
	box-sizing: border-box;
}

.button1, .button2, .button3, .button4, .button5, .button6, .button7 {
	*width: 23%;
	width: 300px;
	height: 185px;
	margin: 20px 10px;
	position: relative;
	display: inline-block;
	background-color: pink;
	box-sizing: border-box;
	vertical-align: middle;
	transition: ease-out 0.15s;
}

.button1:hover, .button2:hover, .button3:hover, .button4:hover, .button5:hover, .button6:hover, .button7:hover {
	background-size: 120% auto;
	transition: ease-in 0.15s;
}

.button1 {
	background: url(../siteart/images/iStock_000004035882Large_bw.png);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.button2 {
	background: url(../siteart/images/AdobeStock_42353088_bw.png);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.button3 {
	background: url(../siteart/images/42-16673799_bw.png);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.button4 {
	background: url(../siteart/images/1_bw.png);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.button5 {
	background: url(../siteart/images/pexels-photo-280222_bw.png);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.button6 {
	background: url(../siteart/images/park-new-york-city-nyc-manhattan-162024_bw.png);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.button7 {
	background: url(../siteart/images/jasper-garratt-473170_bw.png);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.button1 h1, .button2 h1, .button3 h1 {
	font-family: "Helvetica Neue LT", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	margin: 64px auto;
}

.button4 h1, .button5 h1, .button6 h1, .button7 h1 {
	font-family: "Helvetica Neue LT", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	margin: 78px auto;
}

.aboutbutton {
	width: 185px;
	height: 50px;
	margin: 20px;
	position: relative;
	display: inline-block;
	border: 3px solid #fff;
	color: #fff;
	*background-color: pink;
	vertical-align: middle;
	transition: ease-out 0.15s;
}

.aboutbutton:hover {
	color: #333;
	background-color: #fff;
	transition: ease-in 0.15s;
}

.aboutbutton h2 {
	font-family: "Helvetica Neue LT", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	margin: 15px auto;
}

.summary1 {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	background-color: orange;
	box-sizing: border-box;
	background: url(../siteart/images/iStock-518258030.png);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.summary2 {
	width: 75%;
	height: auto;
	margin: 48px auto;
	position: relative;
	display: inline-block;
	background-color: rgba(35, 31, 32, 0.85);
	box-sizing: border-box;
}

.summary2 h1 {
	font-family: "Helvetica Neue LT", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #F6D03A;
	width: calc(100% - 72px);
	margin: 20px auto 10px auto;
}

.summary2 p {
	font-family: "Helvetica Neue LT", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	width: calc(100% - 72px);
	margin: 10px auto;
}

.summary3 {
	*width: 90%;
	width: auto;
	height: auto;
	margin: 20px auto;
	position: relative;
	display: inline-block;
	*background-color: orange;
	box-sizing: border-box;
}

.summary3 a {
	text-decoration: none;
}

.summary3 h1 {
	font-family: "Helvetica Neue LT", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #F6D03A;
	width: auto;
	*width: calc(100% - 72px);
}

.summary3 h2 {
	font-family: "Helvetica Neue LT", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #F6D03A;
	*width: calc(100% - 72px);
}

.summary3 p {
	font-family: "Helvetica Neue LT", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	text-align: center;
	color: #333;
	margin: 10px auto;
}

.facebook {
	*width: 45%;
	*height: 350px;
	width: auto;
	height: auto;
	max-width: 100%;
	margin: 20px 10px;
	position: relative;
	display: inline-block;
	*background-color: lightblue;
	vertical-align: middle;
	box-sizing: border-box;
}

.map {
	*width: 45%;
	*height: 350px;
	max-width: 100%;
	width: 500px;
	height: 350px;
	max-width: 90%;
	margin: 20px;
	position: relative;
	display: inline-block;
	*background-color: lightblue;
	vertical-align: middle;
	box-sizing: border-box;
}

.map iframe {
	width: 100%;
	height: 100%;
	*width: 500px;
	*height: 350px;
}

.contact-info {
	*width: 45%;
	*height: 350px;
	width: auto;
	height: auto;
	max-width: 100%;
	margin: 20px 10px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}

.contact-info a {
	text-decoration: none;
	color: #333;
	transition: ease-out 0.15s;
}

.contact-info a:hover {
	color: #AEAEAE;
	transition: ease-in 0.15s;
}

.contact-info h1 {
	font-family: "Helvetica neue LT", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #F6D03A;
	*width: calc(100% - 72px);
}

.contact-info p {
	font-family: "Helvetica Neue LT", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	text-align: center;
	color: #333;
	margin: 0px auto 10px auto;
}

::selection {
	color: #333;
	background-color: #F6D03A;
}

/********** Form **********/


/********** Nav - Kayla Added **********/
#menu-button{ /* initially will need to be hidden */
	display: block;
	font-size: 32px;
	width:100%;
	position: relative;
	z-index: 400;/* needs to be lower than nav.mobile, adjust as needed */
	text-align: left;
	min-height: 0 !important;
	margin-top:12px;
	}
	#menu-button a{
		 color:#fff;
		 text-decoration: none;
		 text-align: right !important;
		margin-left: 20px;
	  }

nav.mobile {
	display:block;
	position: fixed;
	top: 0;
	left: -280px;
	width: 250px;
	height: 100%;
	background: #000;
	z-index: 500; /* needs to be higher than #menu-button, adjust as needed */
	overflow:auto;
}
nav.mobile h3 { /* Menu header styles */
	position: relative;
	padding: 12px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	border-bottom: 4px solid #222;
}

.menu-toggle {
	text-align: right;
	font-size: 38px;
	color: #000;
}

.menu-toggle a:hover {
	color: #000 !important;
}

.close_mobile {
	font-size: 30px !important;
	font-weight: 900;
	text-align: right;
	font-family:'montserrat',sans-serif!important;
}
.close_mobile:hover {
	color:#87bc41!important;
}

nav.mobile .menu-toggle:hover { /* Menu close button on hover */
	color: #fff;
}
nav.mobile ul {
	list-style: none;
	font-weight: 300;
	margin:0;
	padding:0;
}
nav.mobile ul li {
	padding: 8px 0 6px 0 !important;
}
nav.mobile ul li a {
	position: relative;
	display: block;
	padding-left: 14px;
	text-decoration: none;
	font-family: "Helvetica Neue LT", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #fff!important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
nav.mobile ul li a:hover {
	background:;
	color: #F6D03A!important;
}
nav.mobile ul li li {
	padding: 2px 0 !important;
}
nav.mobile ul li li a { /* appearance of the sub-level links */
	position: relative;
	display: block;
	padding: 0px 10px 0px 15px;
	text-decoration: none;
	text-transform: none !important;
	font-family: 'montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #87bc41!important;
    letter-spacing: 1px;
}
nav.mobile ul li li a:hover { /* appearance of the sub-level links */
	color: #6f9a37!important;
}
nav.mobile ul li li li a { /* appearance of third level sub-level links if needed */
	background: #666;
	position: relative;
	display: block;
	padding: 10px 10px 10px 25px;
	color: #000;
	text-decoration: none;
}
nav.mobile ul li span.click{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
	background:url(../siteart/menu-dropdown-arrow.png) 10px 12px no-repeat;
	background-size:55%;
	position:relative;
	display:block;
	float:right;
	margin:-44px 0 0 0;
	cursor:pointer;
	z-index: 12399994;
	width:44px;
	height:44px;
	-webkit-transition:background-size .3s ease-in-out;
	-moz-transition:background-size .3s ease-in-out;
	transition:background-size .3s ease-in-out;
}
nav.mobile ul li span.click:hover{
	background-size:60%;
}
.primary_navDrop {
	top:68px;
	background-color:#242424;
	padding:10px 25px 15px 20px;
	text-align:left;
}
a.dropdown_navLink {
	font-family:'montserrat',sans-serif!important;
	font-size:13px!important;
	font-weight:500!important;
	color:#fff!important;
	text-transform:none!important;
}
a.dropdown_navLink:hover {
	color:#87bc41!important;
}



/********** FACETED INVENTORY **********/
.list-content .list-title .list-title-text, .list-content .listing-portion-title {
	COLOR: #000 !important;
}
.list-content .list-title .list-listings-count {
	color: #000 !important;
	font-size: 12px !important;
}
.list-content .faceted-search-content, .list-content .list-main-section .list-container .list-listing, .detail-content {
	text-align: left !important;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {
	margin-left: 5px !important;
}

.view-listing-details-link, .buy-now-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder input, .detail-content .detail-additional-data .data-row .data-label, .faceted-search-content .selected-facets-container .selected-facet, .contact-options a, .detail-content-mobile .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-contact-bar .contact-bar-btn {
	color: #000 !important;
		background: #F6D03A !important;
	font-weight: bold !important;
}
.compare-chkbox-container .compare-listings .compare-label {
	margin-bottom: 0 !important;
	margin-left: 4px !important;
	margin-top: 0 !important;
}

.contact-info-heading h2 {
	color: #000 !important;
	text-align: left !important;
}

.faceted-section-title {
	font-size: 12px !important;
}
.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder input {
	font-size: 16px !important;
	font-weight: bold !important;
}
.compare-chkbox-container .compare-listings .fa-check {
	    top: 5px !important;
    left: 1px !important;
}

.detail-content .detail-main-body {
	width: 100% !important;
}
.detail-content .lower-detail-data-button-wrapper .lower-detail-data-right {
	left: auto !important;
}

.detail-content-mobile .detail-main-body, .list-content .list-listing-mobile,.detail-wrapper {
	text-align: left !important;
}

.detail-content-mobile .detail-main-body .fin-stacked .fin-calc {
    flex: .4 !important;
} 
.phone1 .field-name{
	padding: 0 !important;
}

.list-content .list-listing-mobile .dealer-phone-container a {
	font-size: 13px !important;
}
.detail-content .dealer-info .phone-and-email .send-email-btn {
	color: #000 !important;
		border-color: #000 !important;
}

.modal-bg .form-main-content .modal-form-el label, .modal-container .form-main-content .modal-form-el label, .modal-bg .form-main-content .modal-form-el, .modal-container .form-main-content .modal-form-el {
	font-size: 16px !important;
	text-align: left !important;
}

.detail-content-mobile .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-value {
	font-size: 14px !important;
}

.modal-bg .form-main-content .modal-form-el label+input, .modal-bg .form-main-content .modal-form-el label+select, .modal-bg .form-main-content .modal-form-el label+textarea, .modal-container .form-main-content .modal-form-el label+input, .modal-container .form-main-content .modal-form-el label+select, .modal-container .form-main-content .modal-form-el label+textarea, .detail-content .breadcrumbs, .detail-content .search-results,.detail-content .dealer-info .contact-information {
	font-size: 14px !important;
}
.mc-thumb-toggles .mc-btn span {
	font-size: 10px !important;
}
.info, .detail-content .dealer-info .dealer-company-header  {
	color: #000 !important;
	font-size: 16px !important;
}
.detail-watchlist-lnk-wrapper {
	margin-left: 300px !important;
}
.currency-selector {
	font-size: 20px !important;
	color: #000 !important;
}
.gtm-noclick span{font-size: 14px !important;}
.contact-information .phone1 {padding: 0 !important;}
/********** Inventory **********/
.cf {
	text-align: left;
}

.hosted-content #listings-title {
	text-align: left;
}

.listing-largecard-inner {
	text-align: center;
}

.listing-largecard-detail {
	text-align: center;
}

.border-bottom h1 {
	text-align: left;
	color: #333;
}

.hosted-content .listings-wrapper .listings-list .listing-banner h2 {
	color: #333;
	background-color: #F6D03A;
}

.listings-wrapper .listing-boxed .listing-boxed-details h2 {
	text-align: left;
}

.listings-wrapper .hosted-theme .btn:hover {
	background-color: #F6D03A !important;
}

.hosted-content input[type='submit']:hover, .hosted-content button[type='submit']:hover, .hosted-content .btn:hover, .hosted-content .button:hover {
	background: #F6D03A !important;
	color: #333 !important;
}

.hosted-content .listings-wrapper .currency-box {
	width: auto !important;
}




/********** Footer **********/
.footer {
	font-size: 18px;
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	background-color: #A4A7A9;
}

.divfooter {
	width: 65%;
	margin: 20px auto;
	font-size: 12px;
	color: #fff;
	Font-family: "Helvetica Neue LT", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.footerlink {
	color: #fff;
}

/************************************************ Responsive Styles **/

@media screen and (max-width: 1280px) and (min-width:1025px) {	
	.slideshow {
		height: auto;
	}
	
	.left1, .right1 {
		margin: 18px;
	}
	
	.button1, .button2, .button3, .button4 {
		margin: 10px;
	}
}

@media screen and (max-width: 1024px) and (min-width:993px) {
#nav-acc {
	display:none!important;
}
}

@media screen and (max-width: 992px) and (min-width:771px) {
	.left1, .right1 {
		float: none;
		margin: 18px auto;
	}
	
	.right1 {
		display: none;
	}
	
	.slideshow {
		height: auto;
	}
	
	.button1, .button2, .button3, .button4 {
		width: 300px;
		height: 200px;
	}
	
	.summary2 {
		margin: 28px auto;
	}
	
	.facebook {
		max-width: 100%;
	}
	
	/*
	.map {
		max-width: 100%;
	}
	*/
}
	

@media screen and (max-width: 770px) {
	.slideshow {
		height: auto;
	}
	
	.left1 {
		margin: 18px;
		float: none;
	}
	
	/*.right1 {
		display: none;
	}*/
	
	.contacting {
		display:none;
	}
	
	.contained {
		width: 100%;
	}
	
	.contained2 {
		width: 100%;
	}
	
	.button1, .button2, .button3, .button4 {
		width: 300px;
		margin: 10px;
	}
	
	.summary1 {
		background-size: auto;
	}
	
	.summary2 {
		width: 100%;
		margin: 0px auto;
	}
	
	.summary2 p {
		width: calc(100% - 72px);
	}
	
	.facebook {
		width: 90%;
		margin: 20px auto;
	}
	
	/*
	.map {
		width: 90%;
		margin: 20px auto;
	}
	*/
}