/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
## Typography
## Elements
## Forms
## Navigation
## Extra Styles

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

/*--------------------------------------------------------------
1.0 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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units https://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    box-sizing: border-box; /* Apply a natural box layout model to the document; see https://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
	overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

a:focus,
a:hover,
a:active {
    outline: 0;
	transition: .3s ease-in-out all;
}

a img {
    border: 0;
}

img{
    height: auto;
    display: block;
    max-width: 100%;
    transition-property: transform;
    transition-duration: 0.5s;
}



* {
    box-sizing: border-box!important;
}



/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
p,
.content-hold,
.entry-content,
.content-wrap{
    margin: 0 0 25px;
}

p:last-of-type{
    margin-bottom: 0;
}

h1,h2,h3,h4,h5,h6{
   clear: both;
   line-height: 1.5;
   font-weight: 600;
   color: #000;
   margin: 0;
   font-family: 'Open Sans', sans-serif;
}

h1 {  
    font-size: 58px;  
    margin-bottom: 20px;
}  

h2 {
    font-size: 30px; 
    margin-bottom: 20px;
}

h3 {
    font-size: 25px; 
    margin-bottom: 15px;
    }

h4 {
    font-size: 23px;
    margin-bottom: 10px;
    }

h5 {
    font-size: 21px; 
    margin-bottom: 10px;
    }

h6 {
    font-size: 15px;
    margin-bottom: 10px;
}

h6.small{
    font-size: 14px;
}

b,
strong {
    font-weight: 600;
}

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

small {
    font-size: 14px;
}

big {
    font-size: 40px;
}


/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

ol,ul,li{
    list-style: none;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 25px;
}

figure {
    margin: 0;
}

table {
    margin: 0 0 30px;
    width: 100%;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

.clr-red{
    color: red;
}

label{
    display: block;
    font-size: 15px;
    font-weight: 600;
}

label p a, .CaptchaWhatsThisPanel a {color: #e60400; text-decoration: underline;} label p a:hover, .CaptchaWhatsThisPanel a:hover {color: #c3c268; text-decoration: none;}

form{
    margin-top: 50px;
}

.form-inline .form-group:last-child {
    float: right;
}

.form-inline .form-group {
    width: 48%;
    margin-bottom: 15px;
}

.form-inline .input {
    width: 100%;
}

button,
input,
select,
textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.cbtn-link{
    border: none;
    -webkit-appearance: button;
    background-color: #c3c268;
    border: 1px solid #c3c268;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    font-weight: 700;
    font-size: 15px;
    display: inline-block;
    line-height: 1;
    padding: 12px 30px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    transition-property: background, color, border;
    transition-duration: 0.5s;
}

input[type='text'], input[type='password'], textarea, input[type='email'], input[type='tel'], input[type='url'], input[type='search'], select {margin-bottom:3px;}


.cbtn-link{
    color: #000;
    font-size: 18px;
    padding: 15px 30px;
    font-weight: 400;
    text-transform: capitalize;  
}

/*button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{
    background-color: #a4a359;
    border: 1px solid #a4a359; 
}*/

.cbtn-link:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
}


input[type="text"], input[type="password"], textarea, input[type="email"], input[type="tel"], input[type="url"], input[type="search"], select {
    width: 100%;
    font-weight: 400;
    border: 1px solid #ccc;
    background-color: none;
    border-radius: 0;
    color: #000;
    font-size: 14px;
    line-height: 1;
    padding: 10px;
    height: 40px;
    font-family: 'Open Sans', sans-serif;
}

textarea{
    height: 150px;
}

::-webkit-input-placeholder {
    color: #000;
}

:-moz-placeholder { /* Firefox 18- */
    color: #000;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #000;
}

:-ms-input-placeholder {  
    color: #000; 
}

form.wpcf7-form.invalid input.wpcf7-validates-as-required::-webkit-input-placeholder {
   color: #000;
}
form.wpcf7-form.invalid input.wpcf7-validates-as-required:-moz-placeholder {
   color: #000;
}
form.wpcf7-form.invalid input.wpcf7-validates-as-required::-moz-placeholder {
   color: #000;
}
form.wpcf7-form.invalid input.wpcf7-validates-as-required :-ms-input-placeholder {  
   color: #000;
}

textarea.form-control {
    border-radius: 0;
    color: #000;
}

input[type="text"]:focus, 
input[type="password"]:focus, 
textarea:focus, input[type="email"]:focus, input[type="tel"]:focus, 
input[type="url"]:focus, input[type="search"]:focus{
    border-color: #c3c268;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(195,194,104,.075),0 0 8px rgba(195,194,104,.075);
    box-shadow: inset 0 1px 1px rgba(195,194,104,.075),0 0 8px rgba(195,194,104,.075);
}

span.wpcf7-not-valid-tip {
    position: absolute;
    font-size: 12px;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a {
    color: #fff;
    transition-property: color, opacity, background;
    transition-duration: 0.5s;

}

a,a:hover{
    text-decoration: none;
}

a:hover{
   color: #eb2826;
}


/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

/*--------------------------------------------------------------
    Menu Start
--------------------------------------------------------------*/

.main-navigation{
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

.main-navigation li{
    display: inline-block;
    position: relative;
}

.main-navigation li ul li{
    display: block;
}

.main-navigation a{
    padding: 10px .5vw;
}

.main-navigation li ul a{
    padding: 15px;
    display: block;
    color: #000;
}

.main-navigation ul ul {
    position: absolute;
    left: 0;
    width: 250px;
    margin-left: 0;
    background: #ffffff!important;
    top: 80px;
    opacity: 0;
    visibility: hidden;
    -moz-transition: visibility 0s linear 0.8s,opacity 0.5s linear, top 0.2s linear;
    -o-transition: visibility 0s linear 0.8s,opacity 0.5s linear,top 0.2s linear;
    transition: visibility 0s linear 0.8s,opacity 0.5s linear,top 0.2s linear;
    -webkit-transition: visibility 0s linear 0.8s,opacity 0.5s linear,top 0.2s linear;
    transition-delay: 0.8s, 0s, 0s;
    transition-delay: 0.8s, 0s;
}

.main-navigation ul li:hover ul {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    top: 70px;
}

.main-navigation li.current-menu-item a,
.main-navigation a:hover{
    background: #434300;
    color: #fff;
}

/*--------------------------------------------------------------
        Menu End
--------------------------------------------------------------*/

/*-------------------------------------- 
13.1 Basic Styles
----------------------------------------*/

.fnt-opensans{
  font-family: 'Open Sans', sans-serif;
}

.fnt-opensanscon{
  font-family: 'Open Sans Condensed', sans-serif;
}

.fnt-source-sans{
  font-family: 'Source Sans Pro', sans-serif;
}

.txt-uppercase{
    text-transform: uppercase;
}

address{
    line-height: 1.85;
}

body {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.8;
    font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;
}

/*-------------------------------------- 
14.0 Extra Styles
----------------------------------------*/

.top-head,
.logo-sec{
    z-index: 2;
    position: relative;
}

.top-head{
    color: #fff;
}

.top-head{
    padding: 5px 0;
    background: #000;
    margin-bottom: 30px;
	text-align: center;
}

.top-head li{
    display: inline-block;
    padding-right: 2vw;
}

.top-head li:last-child{
    padding-right: 0;
}

.top-head img{
    padding-right: 5px;
    float: left;
    padding-top: 5px;
}
.top-head a {font-weight: 100; font-size: 14px; color: #fff!important;}
.top-head a:hover {color: #e60400!important;}


/*logosection*/
.logo-sec{
    background: rgba(0,0,0,0.7)
}

.logo-sec .col-xs-12{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*Hero banner*/

.hero-banner{
    z-index: 1;
    position: relative;
    top: -180px;
    margin-bottom: -180px;
}

.content{
    font-size: 21px;
    font-weight: 400;  
    z-index: 1;
    position: relative;
}

.content h1{
    text-transform: capitalize;
    line-height: 1;
    margin-bottom: 10px;
}

.content.col-xs-12{
    padding: 220px 30px;
}

.content h1,
.content p{
    color: #fff;
}

.banner-wrap li{
    background-size: cover !important;
    height: 740px;
    position: relative;
}

.banner-wrap li::after{
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
}

.right-arrow, .left-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.left-arrow {
    right: 25px;
}

.right-arrow{
    left: 25px;
}

.img-block{
    padding: 10px 0;
}



main{
    background: #f6f6f6;
}

.main-wrap{
    max-width: 1620px;
    margin: 0 auto;
    background: #fff;
}

.main-wrap tbody p em {color: #333; font-size: 14px; vertical-align: middle;}

.main-content-top{
    background: #fff;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    padding-bottom: 30px;
}

.style-1::after,
.style-2::after,
.inner-abt title::after{
    content: '';
    width: 115px;
    height: 6px;
    background: #c3c268;
    display: block;
    margin: 10px auto 0;
}

.style-2::after,
.inner-abt title::after{
    margin-left: 0;
}

.features{
    background-size: cover !important;
    position: relative;
    float: left;
}

.features-item *{
    position: relative;
    z-index: 1;
}

.features::after,
.features-item::after{
    content: '';
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    transition-property: opacity, width;
    transition-duration: 0.5s;
}

.features-item::after{
    opacity: 0;
    width: 0;
}

.features-item:hover::after{
    opacity: 1;
    width: 100%;
}

.features-item{
    padding: 160px 100px;
    z-index: 1;
    position: relative;
    display: inline-block;
    width: 33.33%;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    border-right: 1px solid #fff;
    float: left;
}

.features-item:last-child{
    border-right: 0;
}

.features-item p{
    margin-bottom: 30px;
}

.features-item h3,.features-item{
    color: #fff;
}

.features-item h3{
    margin-bottom: 25px;
}

/*welcome*/

.welcome img{
    float: right;
    width: 50%;
}

.welcome .col-sm-6{
    padding: 40px 0 20px 25px;
}

.welcome h5{
    margin-bottom: 20px;
}

.brands{
    padding: 15px;
    border: 1px solid #c5c5c5;
    border-left: 0;
    border-right: 0;
}

.brands li{
    padding: 0 10px;
}

.brands li:hover img{
    /*transform: scale(1.0);*/
}

.contact-info{
    padding: 15px 0;
}

.contact-info a:hover{
   color: #eb2826;
}

.contact-info .col-sm-6{
    font-weight: 400;
}

.contact-info a{
    color: #000;
}

.contact-info h5{
    margin-bottom: 20px;
}

.contact-info .col-sm-6:last-child li{
    padding-bottom: 8px;
}

.contact-info .col-sm-6:last-child li:last-child{
    padding-bottom: 0;
}

.contact-info .col-sm-6:last-child h5{
    margin-bottom: 30px;
}

.google-maps{
    height: 300px;
    position: relative;
    border: 1px solid rgba(0,0,0,0.5);
}

.google-maps iframe{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

/* Inventory Buttons */

.inv-imgs {
	margin-bottom:3%;	
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.inv-imgs a {
	width: calc(20% - 1em);
	margin: .5em;
}

.inv-imgs figure {
	width:100%;
	display:inline-block;
	text-align: center;
	color:#000;
	position: relative;
}

.inv-imgs figcaption {
	font-weight:bold;
	text-transform:uppercase;
	font-size: 15px;
	color:#000;
	width: 100%;
	position:absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	top: 0;
	left: 0;
	text-shadow:5px 5px 5px #fff;
	padding:0 1%;
}
.inv-imgs figure:hover figcaption {
	color:#fff;	
	text-shadow:5px 5px 5px #000;
}
img.brighten {
	opacity:0.3;
	position:relative;
}
.inv-imgs figure:hover img.brighten {
	opacity:1;	
}

footer .flex-wrapper {display: flex; justify-content: center; flex-wrap: wrap;}
footer .flex-wrapper a {margin: 5px; font-size: 18px;}

footer .col-xs-12{
    position: relative;
    z-index: 1;
}

footer{
    background-size: cover !important;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    padding: 90px 0;
    margin-top: 20px;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
}

footer::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.57);
}

.footer-inner{
    display: flex;
    align-items: center;
}

.footer-inner,.google-maps{
    max-width: 1450px;
    margin: 0 auto;
}

.footer-inner .col-sm-3:first-child a{
    display: inline-block;
}

.footer-inner .col-sm-3:nth-child(2){
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
}

.footer-inner .col-sm-3:nth-child(2) li{
    line-height: 1.75;
}

.footer-inner .col-sm-6{
    padding-left: 120px;
}

.footer-inner .col-sm-6 li{
    padding: 0 10px; 
    display: inline-block;
    border-right: 1px solid #fff;
    line-height: 80%;
}

.footer-inner .col-sm-6 li:first-child{
    padding-left: 0;
}

.footer-inner .col-sm-6 li:last-child{
    padding-right: 0;
    border: 0;
}

.inner-banner{
    position: relative;
    top: -180px;
    margin-bottom: -180px;
    height: 550px;
    background-size: cover !important;
    float: left;
}

.site{
    display: flex;
    flex-direction: column;
}

.clear{
    height: 0;
    width: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

.container .container{
    width: auto;
    padding: 0;
}

.inner-abt h4 span {margin-top: 15px; display: block;}

.inner-abt title{
    display: block;
    font-size: 21px;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 600;
    color: #000;
}


.style-1,
.style-2,
.inner-abt title{
    display: inline-block;
}


.inner-abt .col-xs-12{
    padding: 15px 25px 60px 25px;
}


@keyframes slideUp {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes slideUp {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.slick-active .content,
.inner-banner .content{
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
}

.brands-wrap .right-arrow,
.brands-wrap .left-arrow{
    width: 15px;
}

.brands-wrap .right-arrow{
    left: -25px;
}

.brands-wrap .left-arrow{
    right: -25px;
}

.brands-wrap .slick-track{
    display: flex !important;
    align-items: center;
}

.brands h5{
    margin-bottom: 30px;
}



/*  SCROLLING IMAGE INVENTORY SANDHILLS 
------------------------------------------------*/
.scrolling-wrap {
    width:100%!important;
    height:90px!important;
    overflow:hidden;
	z-index: 1!important; 
	margin-top: 10px; 
	margin-bottom: 10px;
}
 
.scrolling{
    width:100%!important;
    height:90px!important;
}



/* Footer Styles */

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:14px; color: #e60400;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:14px;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:14px; color:#fff;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:14px; color:#fff; font-weight: 400;}

.divfooter {max-width: auto; text-align: left; margin:0 auto; font-family: 'Source Sans Pro', sans-serif;}


/* captcha align left */
.CaptchaPanel {
    margin: 10px 0px 10px 0px;
    text-align: left!important;
    padding: 10px;
}

.white-links {
	color: #fff;
}

.white-links a:hover {
    color: #e60400;
}