@charset "utf-8";
/* CSS Document */


/* 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;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}


/* FRAMEWORK */
*{box-sizing: border-box;}
html, body{
	width: 100%;
    font-size: 18px;
    line-height: 32px;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
} 
html {scroll-behavior: smooth;}
body {overflow-x: hidden;}
::-moz-selection{background: #000; color: #fff; text-shadow: none} ::selection{background: #000; color: #fff; text-shadow: none;}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  /*margin: 0; /* 2 */
}
button,
input { /* 1 */
  overflow: visible;
}
button,
select { /* 1 */
  text-transform: none;
}
select,
button,
[type="button"],
[type="reset"],
[type="submit"],
[type="date"] {
  -webkit-appearance: button;
}


/* HEADER */
.header {width: 100%; display: block; height: auto; margin: 0 auto; padding: 14px 0; position: absolute; top: 0; left: 0; z-index: 99;}
.hdr-inner {width: 100%; max-width: 1400px; padding: 0 20px; margin: 0 auto; justify-content: center; display: flex; align-items: flex-start; position: relative; z-index: 1;}
a.main-logo {display: block; width: 150px; position: relative; margin-top: 7px;}
a.main-logo img {width: 100%; height: auto; display: block; border: 0; outline: 0;}
.hdr-nav {padding: 12px 0 0 0; /*margin: 0px 125px 0px auto;*/ width: 100%; display: flex; justify-content: center; align-content: center;}
.hdr-contact {padding-top: 10px; /*width: 190px;*/ display: flex; justify-content: flex-end; position: absolute; z-index: 999; right: 20px; top: 0;}
.hdr-contact a {padding: 10px; width: 40px; overflow: hidden; font-size: 18px; line-height: 1; color: #000; font-weight: 700; text-transform: uppercase; border-radius: 19px; cursor: pointer; background: #fff; display: flex; align-items: center; text-decoration: none;}
.hdr-contact i {color: #000; line-height: 1; font-size: 20px;}
.hdr-contact span {margin: 0 auto; opacity: 0; width: 0; text-align: center; transition: all 350ms; -webkit-transition: all 350ms;}
.hdr-contact a:hover {width: 184px;}
.hdr-contact a:hover span {opacity: 1; width: 102px;}


/* OTHER STYLES */
.page-banner-bar {width: 100%; padding: 220px 0 0; position: relative; background: #000 url('/siteart/Chieftain-2200-Limestone-Florida-2015-2.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.page-banner-bar:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.302;
    background: #000;
}
.page-banner-bar h1 {min-height: 146px; font-size: 54px; letter-spacing: 1px; line-height: 56px; text-transform: uppercase; color: #fff; padding-bottom: 10px; font-weight: 400; font-family: 'Anton', sans-serif;}
.content-width {padding: 30px; margin: 0 auto; width: 100%; max-width: 1326px; position: relative;} 

/* FOOTER */
.footer {width: 100%; padding: 91px 0px 83px; margin: 0 auto; background: #fff; display: flex; flex-wrap: wrap; align-items: center; font-size: 18px; font-weight: 300;}
.footer .content-width {max-width: 1350px; display: flex; flex-wrap: wrap; align-items: flex-start;}
.footer a {text-decoration: none;}
a#ftr-logo {width: 162px; display: block; margin: 0 auto;}
a#ftr-logo img {width: 100%; height: auto; max-width: none; border: none; outline: none;}
.ftr-left {width: 39%; display: flex; flex-wrap: wrap; align-items: center;}
.ftr-left .ftr-content:nth-child(2) {width: 50%; margin-left: auto;}
.ftr-left .ftr-content p a {display: flex; align-items: center;}
.ftr-left .ftr-content p i {font-size: 22px; padding-right: .5em; display: flex; justify-content: center;}
.ftr-left .ftr-content p i.fa-location-dot {margin-top: -30px;}
.ftr-socials {padding: 25px 0 0; text-align: center;}
.ftr-socials a {margin: 0 15px; font-size: 24px; line-height: 1; color: #000;}
.ftr-socials a:hover {color: #008895; transition: .3s ease-in-out all;}
.ftr-right {width: 57.8%; display: flex; flex-wrap: wrap; padding: 0px 0px 0px 82px; margin-left: auto; position: relative; justify-content: space-between;}
.ftr-right:before {content: ''; width: 7px; height: calc(100% - 5px); position: absolute; top: 0; left: 0; background: #008895;}
.ftr-right .ftr-content {flex: auto;}
.footer h3 {padding: 0 0 2px; margin: 0; font-size: 28px; font-family: 'Roboto Condensed', sans-serif; line-height: 1.2; letter-spacing: normal; color: #000; font-weight: 400;}
.footer p {padding: 0;}
.ftr-locations {width: 100%; display: flex;}
.ftr-bottom {width: 100%; padding: 41px 0 0; font-size: 14px; line-height: 18px; display: flex; align-items: center; justify-content: space-between;}
.ftr-bottom ul {width: 100%; display: flex; align-items: center; margin: 0; padding: 0; list-style-type: none;}
.ftr-bottom ul li {padding: 0 15px 0 0;}
.ftr-bottom ul li a {color: #000;}
.ftr-bottom p {width: 100%; text-align: right;}

/**********************  MEDIA QUERIES (RWD) ***************************************/
@media screen and (max-width: 1399px) {
	.footer {padding: 55px 0 50px;}
	a.main-logo {width: 155px;}
	
}
@media screen and (max-width: 1279px) {
	.hdr-contact {width: auto; position: relative; padding-top: 0;}
	.content-width {padding: 0 20px;}
	.page-banner-bar {padding: 200px 0 40px;}
	.page-banner-bar h1 {font-size: 45px; line-height: 1; min-height: inherit;}
	.footer {padding: 45px 0 40px; font-size: 16px; line-height: 26px;}
	a#ftr-logo {width: 130px; margin: 0;}
	.footer h3 {font-size: 20px;}
	.ftr-left .ftr-content p i {font-size: 18px;}
	.ftr-bottom ul li {padding: 0 12px 0 0;}
	.ftr-right {padding: 0 0 0 32px;}
	.ftr-right:before {width: 5px;}
	.ftr-socials {padding: 20px 0 0;}
	.ftr-socials a {margin: 0 7px; font-size: 20px;}
}

@media screen and (max-width: 1023px) {	
	a.main-logo {width: 115px;}
	.hdr-contact a:hover {width: 153px;}
	.page-banner-bar {padding: 150px 0 25px;}
	.page-banner-bar h1 {font-size: 40px;}
	.footer {padding: 35px 0 110px; line-height: 22px;}
	.ftr-left {width: 100%; justify-content: center; text-align: center; align-items: flex-start;}
	.ftr-left .ftr-content:nth-child(2) {display: flex; justify-content: center; flex-wrap: wrap; align-items: center; flex-direction: column;}
	.ftr-right {padding: 30px 0 0; margin: 30px 0 0; width: 100%; border-top: 1px solid #008895;}
	.ftr-bottom {padding: 25px 0 0;}
	.ftr-right:before {display: none;}
	.ftr-right .ftr-content {flex: none;}
	.ftr-locations {justify-content: space-between;}
	.footer h3 {width: 100%;}	
}

@media screen and (max-width: 767px) {
	.hdr-nav {padding: 10px 0 0 0;}
	.hdr-contact a:hover {width: 130px;}
	.hdr-contact a:hover span {opacity: 1; width: 90px;}
	.mobile-display {width: 100%; display: flex; align-items: center; justify-content: flex-end;}
	.hdr-contact {padding-top: 0;}
	.hdr-contact a {font-size: 16px; margin-right: 6px; width: 36px;}
	.hdr-contact i {font-size: 15px;}
	.footer {font-size: 15px; line-height: 24px;}
	.ftr-left .ftr-content:nth-child(2) {width: 70%; padding: 25px 0 0; margin: 0 auto;}
	.ftr-right {padding: 0; margin: 0; border: 0;}
	.ftr-locations {width: 100%; flex-wrap: wrap;}
	.ftr-locations .ftr-content {width: 100%; text-align: center; padding-top: 20px;}
	.ftr-bottom {padding: 20px 0 0; justify-content: center; flex-wrap: wrap;}
	.ftr-bottom p {width: 100%; padding-top: 7px; text-align: center;}
	.ftr-bottom ul {justify-content: center;}
	
}

@media screen and (max-width: 650px) {
	a.main-logo {width: 125px;}	
	
}

@media screen and (max-width: 473px) {
	a.main-logo {width: 145px;}	
}