/***** 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;	
	box-sizing: border-box;
}

ol, ul {
	list-style: none;
}

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;
}
*, *:before, *:after {
  box-sizing: inherit; }


@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {font-family: 'montserratlight'; font-size:16px; line-height: 24px; color: #fff; -webkit-text-size-adjust:none; background:url(../siteart/bg.png) repeat !important; background-attachment: fixed !important;}
h1 {font-family: 'montserratbold'; font-size: 28px; line-height: normal; margin-bottom: 5px;}
span {font-family: 'montserratlight';}
strong {font-family: 'montserratbold';}
a:link, a:visited, a:active {text-decoration:none; color:#ffea0d; font-family: 'montserratbold';}
a:hover {text-decoration:underline; color:#ffea0d !important;}

.hdaddress {background: #303030; width: 100%; padding: 5px 0px; border-bottom: 1px solid #ffea0d; border-top: 1px solid #ffea0d; font-size: 14px;}
.hdaddress span {padding-left: 15px; display: inline-block;}
.header {max-width: 100%; height: auto;}
.logo, .logo img {display: inline-block; max-width: 100%; height: auto;}
.hdmanu, .hdmanu img {max-width: 100%; height: auto; display: inline-block; text-align: right; float: right;}

.wrapper {padding: 20px 0px; max-width: 100%; width: 80%; margin: 0 auto;}
.slidebg {margin:0px auto; height:auto; width:100%; background-repeat:no-repeat; background-position:center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-image: url(../siteart/grass.jpg); border-bottom: 5px solid #ffea0d;}
.two-cols {width: 50%; box-sizing: border-box; vertical-align: top; display: inline-block; padding: 20px 0px;}
.txt-padding {padding: 10% 0px;}
.txt-container {background: #303030; width: 100%; border-top: 5px solid #ffea0d; padding: 20px 0px;}

.brands {max-width: 100%; height: auto; text-align: center;}
.brands img {display: inline-block; background: #fff; margin: 1%; border: 1px solid #ffea0d;}

.all-inventory {background: #ffea0d; font-family: 'montserratbold'; font-size: 28px; line-height: normal; color: #555; text-align: center; padding: 10px; margin: 1% 0px;}
.all-inventory:hover {background: #d0bf08; color: #fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}

.grid {position: relative; clear: both; margin: 0 auto; padding: 0; width: 100%; list-style: none; text-align: center;}
.grid figure {position: relative; display: inline-block; overflow: hidden; margin: 1% 0; max-width: 365px; max-height: 268px; width: 50%; height: auto; background: #3085a3; text-align: center; cursor: pointer; border: 1px solid #ddd; background: rgba(255, 255, 255, 0.5);}
.grid figure img {position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8;}
.grid figure figcaption {padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.grid figure figcaption::before, .grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption, .grid figure figcaption > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
.grid figure h2 {font-family: 'montserratbold'; text-shadow: 2px 2px 8px rgba(0,0,0,.5);}
.grid figure h2, .grid figure p {margin: 0;}
.grid figure p {font-size: 68.5%;}
figure.effect-apollo {background: #000;}
figure.effect-apollo img {opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1);}
figure.effect-apollo figcaption::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
figure.effect-apollo p {position: absolute; right: 0; bottom: 0; margin: 3em; padding: 0 1em; max-width: 150px; border-right: 4px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; font-family: 'montserratlight';}
figure.effect-apollo h2 {text-align: left;}
figure.effect-apollo:hover img {opacity: 0.6; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);}
figure.effect-apollo:hover figcaption::before {-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
figure.effect-apollo:hover p {opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s;}

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


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

Popup style

-------------------------------- */
	.img-replace {display: inline-block; overflow: hidden; text-indent: 100%; color: transparent; white-space: nowrap;}
    
    .bts-popup {position: fixed; left: 0; top: 25%; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 999999999999999999;}
	.bts-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; z-index: 999999999;}
	.bts-popup-container {
	position: relative;
	width: 720px;
	max-width: 100%;
	margin: 0 auto;
	background: #555; 
	text-align: center;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	z-index: 999999999;
	box-sizing: border-box;
	padding: 2% 5%;
	border:1px solid #ccc;
	}
	.bts-popup-container p {color: #fff; font-size: 16px; font-family: 'montserratlight'; line-height: normal;}
	.bts-popup-container .bts-popup-button {padding: 5px 25px; border: 2px solid white; display: inline-block; margin-bottom: 10px;}

	.bts-popup-container a {color: white; text-decoration: none; text-transform: uppercase;}

	.bts-popup-container .bts-popup-close {position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; z-index: 9999; background: #000;}
	.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {content: ''; position: absolute; top: 13px; width: 16px; height: 3px; background-color: white; z-index: 9999;}
	.bts-popup-container .bts-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; z-index: 9999;}
	.bts-popup-container .bts-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 6px; top: 13px; z-index: 9999;}
	.is-visible .bts-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}





/** Footer **/
.t6banner {width: 100%; text-align: center; background: #033a73; height: auto;}
.t6banner img {display: inline-block; width: 80%;}

.manubg {background: #fff url(../siteart/manubg.png) repeat; width: 100%; height: auto; text-align: center;}
.manubg img {display: inline-block; max-width: 100%; height: auto; padding: 1%;}

.three-cols {width: 33%; max-width: 100%; display: inline-block; vertical-align: top; box-sizing: border-box;}
.three-cols img {max-width: 100%; height: auto; display: inline-block;}
.ftmanu {text-align: right;}
.three-cols strong {color:#ffea0d;}
.three-cols a:link, .three-cols a:visited, .three-cols a:active {text-decoration:none; color:#fff; font-family: 'montserratlight';}
.three-cols a:hover {text-decoration:none; color:#ffea0d;}

.five-cols {width: 19.25%; max-width: 100%; display: inline-block; vertical-align: top; box-sizing: border-box;}
.five-cols img {max-width: 100%; height: auto; display: inline-block;}
.five-cols strong {color:#ffea0d; display: block;}
.five-cols a:link, .five-cols a:visited, .five-cols a:active {text-decoration:none; color:#fff; font-family: 'montserratlight';}
.five-cols a:hover {text-decoration:none; color:#ffea0d;}

.service {text-align: center; max-width: 100%; height: auto;}
.service img {display: inline-block; max-width: 100%; height: auto; border: 1px solid #ddd;}

.footer {background: #303030; max-width: 100%; height: auto;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family: 'montserratlight';font-size:13px;}
a.footerlink:hover {text-decoration:none; font-family: 'montserratlight'; font-size:13px;}
.footertext {font-family: 'montserratlight'; font-size:13px; color:#999999;}
.smallfootertext {font-family: 'montserratlight'; font-size:10px; color:#999999;}
.divfooter {width:100%; text-align:right; margin:0 auto;}

.hosted-content h3 {color: #fff !important;}
.hosted-content .listings-detail-wrapper .information-box :nth-child(2n).row {background: #333 !important;}
.hosted-content .listings-wrapper .listings-list .listing-banner {background: #ffea0d !important; color: #000 !important;}

/************************************************ Responsive Styles ************************************************/
@media screen and (max-width: 1200px){
.header {text-align: center;}
.hdmanu, .hdmanu img {text-align: center; float: none;}

}

@media screen and (max-width: 1024px){
.txt-padding {padding: 0px;}
.two-cols {padding: 0px 0px;}
.grid figure {width: 100%;}
.five-cols {width: 100%; text-align: center;}
.five-cols strong {padding: 10px 0;}
.ftmanu {margin-top: 2em;}
.divfooter {text-align: center; margin-top: 2em;}
}

@media screen and (max-width: 650px){
h1 {font-size: 22px; margin-bottom: 5px;}

.three-cols {width: 100%; text-align: center;}
.two-cols {width: 100%; padding: 20px 0px;}
.three-cols img {padding: 10px 0px;}
.five-cols img {padding: 10px 0px;}
.divfooter {text-align: center;}

.all-inventory {font-size: 22px;}
.hdaddress span {padding: 0px; width: 100%; text-align: center;}

}

@media screen and (max-width: 412px){
.hdmanu, .hdmanu img {display: none;}
.grid figure h2 {font-size: 18px}
}