﻿/***** 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; }

/**** GENERIC STYLES ****/
@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;
}

.clear {clear: both;}
body {font-family: 'montserratlight'; font-size:16px; line-height: 24px; -webkit-text-size-adjust:none;}
p {margin: 1em 0em;}
h1 {font-family: 'montserratbold'; font-size: 24px; line-height: normal; color: #fff;}
h2 {font-family: 'montserratbold'; font-size: 20px; line-height: normal; color: #fff;}
strong {font-family: 'montserratbold';}
a:link, a:visited, a:active {text-decoration:none; font-family: 'montserratbold';}
a:hover {text-decoration:none; color:#fff !important;}

/**** HEADER STYLES ****/
header {max-width: 100%; background: url(../siteart/header.png) repeat;}
header .wrapper {width: 80%; max-width: 100%; margin: 0 auto; padding: 20px 0px;}
.wrapper {width: 80%; max-width: 100%; margin: 0 auto; padding: 30px 0px;}
.homewrapper {width: 80%; max-width: 100%; margin: 0 auto; padding: 30px 0px;}
.logo {display: inline-block; width: 50%;}
.logo img {max-width: 100%; height: auto;}

.search {width: 50%; display: inline-block; vertical-align: top; text-align: right;}

#search input {
  font-family: 'montserratbold';
  background: #df1f36;
  color: #fff;
  border: none!important;
  border-radius: 10px !important;
  width: 45%;
  max-width: 100%;
  background-image: url(../siteart/search.png);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 12px 40px !important;
  -webkit-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
  margin: 2px 0px;
	font-size: 12px;
	height: auto!important;
	line-height: normal!important;
}

#search input:focus {
    width: 60%;
}
#search input.button, #search input[type=submit], #search input[type=reset] {
    background-color: #000;
    background-image: none;
    padding: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
    color: white;
    cursor: pointer;
}
.sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 999999999;
}
.sticky + .content {
    padding-top: 500px !important;
}
::-webkit-input-placeholder {color: #fff;} /* Chrome/Opera/Safari */
::-moz-placeholder {color: #fff;} /* Firefox 19+ */
:-ms-input-placeholder {color: #fff;} /* IE 10+ */
:-moz-placeholder {color: #fff;} /* Firefox 18- */

/**** BODY STYLES ****/
.textbox {border: 1px solid #cf212f; background: rgba(0, 0, 0, 0.5); width: 100%; margin: 20px auto; padding: 20px; box-sizing: border-box;color:#fff;}
.textbox a {
	 color:#ddd !important;
}
.textbox a:hover {
	 color:#fff !important;
}
.invbutton {border: 1px solid #555; padding: 1%; margin: 1% 0px; display: inline-block; width: 23.5%; max-width: 100%; box-sizing: border-box; text-align: center; background: #df1f36;
  background: -moz-linear-gradient(top, #df1f36 0%, #982714 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #df1f36), color-stop(100%, #982714));
  background: -webkit-linear-gradient(top, #df1f36 0%, #982714 100%);
  background: -o-linear-gradient(top, #df1f36 0%, #982714 100%);
  background: -ms-linear-gradient(top, #df1f36 0%, #982714 100%);
  background: linear-gradient(to bottom, #df1f36 0%, #982714 100%);}
.invbutton:hover {background: #982714;}
.invbutton-margin {margin-left: 2%;}

.floater {text-align: center; margin: 7% 0px;}
.floater h1 {font-family: 'montserratbold'; font-size: 34px; text-shadow: 2px 2px 8px rgba(0,0,0,.5);}
.floater img {margin: 0 auto; display: inline-block; max-width: 100%; width: 400px; height: auto;}
.floater a {
	color:#ddd !important;
}
.floater a:hover {
	color:#fff !important;
}
.scrolling-wrap {width: 100%; height: 90px; overflow: hidden; margin: 30px 0px;}
.scrolling {width: 100%; height: 92px;}
.extraspace {margin:18% 0px; max-width: 100%;}

.textured {max-width: 100%; background: url(../siteart/header.png) repeat; background-attachment: fixed;}

.flex-cont-1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
/**** FOOTER STYLES ****/
.footer {color: #fff; background: #2f302e;
  background: -moz-linear-gradient(top, #2f302e 0%, #222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f302e), color-stop(100%, #222));
  background: -webkit-linear-gradient(top, #2f302e 0%, #222 100%);
  background: -o-linear-gradient(top, #2f302e 0%, #222 100%);
  background: -ms-linear-gradient(top, #2f302e 0%, #222 100%);
  background: linear-gradient(to bottom, #2f302e 0%, #222 100%);
}
.footer a {
	 color:#ddd !important;
}
.footer a:hover {
	 color:#fff !important;
}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px;}
.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#999999;}
.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#999999;}
.divfooter {width: 80%; text-align:right; display: inline-block; vertical-align: top;}
.divfooter img {max-width: 100%; height: auto; text-align: right; display: inline-block;}
.contact-ft {width: 20%; display: inline-block; vertical-align: top; font-size: 14px;}

/**** FRAMELESS STYLES ****/
.hosted-content {color: #000 !important;}
.hosted-content h1 {color: #df1f36 !important;}
.container {width: 1020px; max-width: 100%; margin: 0 auto;}
.hosted-content .listings-wrapper .listings-list .listing-banner {background: #df1f36 !important;}
.hosted-content .listings-detail-wrapper .information-box :nth-child(2n).row  {background: #df1f36 !important;}
.hosted-content .listings-detail-wrapper .make-an-offer a.btn:hover, .hosted-content .listings-detail-wrapper .make-an-offer input[type=submit].btn:hover {background-color: #333 !important; border: 1px solid #555 !important;}
.hosted-content .listings-detail-wrapper .make-an-offer a.btn, .hosted-content .listings-detail-wrapper .make-an-offer input[type=submit].btn {background-color: #df1f36 !important;border: 1px solid #555 !important; color: #fff !important;}
.hosted-content input[type='submit']:hover, .hosted-content button[type='submit']:hover, .hosted-content .btn:hover, .hosted-content .button:hover {background-color: #333 !important; border: 1px solid #555 !important; color: #fff !important;}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {background-color: #000 !important;border: 1px solid #555 !important; color: #fff !important;}
.hosted-content .listings-wrapper .sort-box {background: #df1f36 !important; color: #fff !important;}

.hosted-content a:link, .hosted-content a:visited, .hosted-content a:active {color: #df1f36 !important;}
.hosted-content .row a:link, .hosted-content .row a:visited, .hosted-content .row a:active {color: #000 !important;}
/************************************************ Responsive Styles ************************************************/

@media screen and (max-width: 1380px){
.invbutton {padding: 10px; margin: 10px 0px; width: 48%;}
.invbutton-margin-50 {margin-right: 2%;}

#search input {width: 80%;}
#search input:focus {width: 100%;}


}

@media screen and (max-width: 1024px){
.logo {width: 100%;}
.logo img {margin: 0 auto;}
.search {width: 100%; text-align: center;}
#search input {width: 60%;}
#search input:focus {width: 100%;}


.floater h1 {font-size: 24px;}

h1 {font-size: 22px;}
h2 {font-size: 18px;}

}

@media screen and (max-width: 650px){
body {font-size:14px; line-height: 24px;}

.invbutton {padding: 10px; margin: 10px 0px; width: 100%;}
.invbutton-margin {margin-left: 0px;}


.divfooter {width: 100%; text-align:center;}
.divfooter img {padding: 15px 0px;}
.contact-ft {width: 100%; text-align: center;}

} 