/*-------------------------------------------------------------- >>> 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 http://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 http://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 http://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. */
}
 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;
}
 a img {
     border: 0;
}
 img{
     height: auto;
     display: block;
     max-width: 100%;
}
/*-------------------------------------------------------------- 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;
     color: #fff;
     margin: 0;
     font-weight: 300;
     font-family: 'Roboto', sans-serif;
     margin-bottom: 10px;
}
 h1 {
     font-size: 48px;
}
 h2 {
     font-size: 30px;
}
 h3 {
     font-size: 28px;
}
 h4 {
     font-size: 24px;
}
 h5 {
     font-size: 20px;
}
 h6 {
     font-size: 15px;
}
 h6.small{
     font-size: 14px;
}
 b, strong {
     font-weight: 700;
}
 dfn, cite, em, i {
     font-style: italic;
}
 small {
     font-size: 14px;
}
 big {
     font-size: 48px;
}
/*-------------------------------------------------------------- 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{
     display: inline-block;
}
 li > ul, li > ol {
     margin-bottom: 0;
     margin-left: 25px;
}
 figure {
     margin: 0;
     overflow: hidden;
     position: relative;
}
 table {
     margin: 0 0 30px;
     width: 100%;
}
/*-------------------------------------------------------------- 4.0 Forms --------------------------------------------------------------*/
 .clr-red{
     color: red;
}
 label{
     display: block;
     font-size: 15px;
     font-weight: 400;
}
 form{
     margin: 50px 0 80px;
}
 .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"] {
     border: none;
     font-weight: 400;
     cursor: pointer;
     -webkit-appearance: button;
     background-color: #3f0500;
     border: 1px solid #3f0500;
     border-radius: 0;
     color: #ffffff;
     cursor: pointer;
     display: block;
     font-size: 14px;
     line-height: 1;
     padding: 15px 25px;
     font-family: 'Roboto', sans-serif;
     text-transform: uppercase;
     letter-spacing: 1px;
     transition-property: background, color;
     transition-duration: 0.5s;
}
 button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
     background-color: #3f0500;
     border: 1px solid #000;
}
 input[type="text"], input[type="password"], textarea, input[type="email"], input[type="tel"], input[type="url"], input[type="search"], select {
     width: 100%;
     border: 1px solid #ccc;
     background-color: none;
     border-radius: 0;
     color: #000;
     font-size: 14px;
     line-height: 1;
     padding: 10px;
     height: 40px;
     font-family: 'Roboto', 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, select:focus {
     border-color: #3f0500;
     outline: 0;
     -webkit-box-shadow: inset 0 1px 1px rgba(63,5,0,.075),0 0 8px rgba(63,5,0,.075);
     box-shadow: inset 0 1px 1px rgba(63,5,0,.075),0 0 8px rgba(63,5,0,.075);
}
 span.wpcf7-not-valid-tip {
     position: absolute;
     font-size: 12px;
}
/*-------------------------------------------------------------- 5.0 Navigation --------------------------------------------------------------*/
/*-------------------------------------------------------------- 5.1 Links --------------------------------------------------------------*/
 a {
     color: #fff;
     transition-property: color, opacity;
     transition-duration: 0.5s;
}
 a,a:hover{
     text-decoration: none;
}
 a:hover{
     color: #3f0500;
}
/*-------------------------------------------------------------- 5.2 Menus --------------------------------------------------------------*/
/*-------------------------------------------------------------- Menu Start --------------------------------------------------------------*/
 .main-navigation{
     margin-left: 100px;
     color: #ffffff;
     font-size: 18px;
     font-weight: 700;
     text-transform: uppercase;
     font-family: 'Open Sans Condensed', sans-serif;
}
 .main-navigation li{
     padding-right: 50px;
     position: relative;
     transition-property: background;
     transition-duration: 0.1s;
}
 .main-navigation li ul a{
     padding: 8px;
     color: #2f2f2f;
}
 .main-navigation li ul li, .main-navigation li ul a{
     display: block;
}
 .main-navigation li ul li:hover{
     background: #2f2f2f;
}
 .main-navigation li ul li:hover a{
     color: #fff;
}
 .main-navigation li li{
     padding-right: 0 
}
 .main-navigation li:last-child{
     padding-right: 0;
}
 .main-navigation ul ul {
     position: absolute;
     left: 0;
     width: 350px;
     margin-left: 0;
     background: #ffffff;
     top: 57px;
     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.3s 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.3s linear;
     transition-delay: 0.5s, 0s, 0s;
     transition-delay: 0.5s, 0s, 0s;
     transition-delay: 0.5s, 0s;
}
 .main-navigation ul li:hover ul {
     opacity: 1;
     visibility: visible;
     transition-delay: 0s;
     top: 51px;
}
 .main-navigation a{
     position: relative;
}
 .main-navigation a:after{
     content: '';
     margin: 0 auto;
     height: 2px;
     background: rgba(255,255,255,1);
     width: 0;
     display: block;
     transition-property: width;
     transition-duration: 0.5s;
}
 .main-navigation a:hover::after{
     width: 100%;
}
 .main-navigation li ul a::after{
     display: none;
}





/* secondary dropdown menu styles */


.main-navigation ul ul ul{

  left: 350px;

}
.main-navigation ul li:hover ul ul{

  opacity: 0;

  visibility: hidden;

}
.main-navigation ul ul li:hover ul{

  opacity: 1;

  visibility: visible;

  top: 0;

}
.main-navigation li ul li:hover ul a{  color: #2f2f2f;}
.main-navigation ul ul ul li:hover a{    color: #fff;}



/*-------------------------------------------------------------- Menu End --------------------------------------------------------------*/
/*-------------------------------------- 13.1 Basic Styles ----------------------------------------*/
 .fnt-opensanscon{
     font-family: 'Open Sans Condensed', sans-serif;
}
 .fnt-roboto{
     font-family: 'Roboto', sans-serif;
}
 .txt-uppercase{
     text-transform: uppercase;
}
 .clear{
     height: 0;
     width: 0;
     visibility: hidden;
     overflow: hidden;
     display: block;
     clear: both;
}
 .site{
     display: flex;
     flex-direction: column;
}
 body {
     color: #424242;
     font-size: 17px;
     font-style: normal;
     font-weight: 300;
     line-height: 1.52;
     font-family: 'Roboto', sans-serif;
}
/*-------------------------------------- 14.0 Extra Styles ----------------------------------------*/
 .top-sec, .menu-sec{
     position: relative;
     z-index: 2;
}
 .site-branding{
     /* float: left; */
     /* display: inline-block; */
     margin: 0 auto;
     text-align: center;
}
 .site-branding img{margin: 0 auto;}
 .top-sec{
     padding: 20px 0;
}
 .menu-sec{
     color: #fff;
}
 .menu-sec a:hover{
     color: #fff;
}
 .menu-sec .col-xs-12 div{
     background: url('../siteart/menu-bg.png') repeat;
     height: 72px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-radius: 50px;
}
 .call-now{
     font-size: 16px;
     font-family: 'Open Sans Condensed', sans-serif;
     text-transform: uppercase;
     margin-right: 60px;
}
 .call-now a{
     font-size: 20px;
}
/*banner*/
 .hero-banner, .featured-banner{
     z-index: 1;
     position: relative;
     top: -220px;
     margin-bottom: -220px;
     float: left;
}
 .banner-wrap li{
     height: 800px;
     background-size: cover !important;
}
 .content{
     margin: 270px 0 0 65px;
     padding: 30px 50px 45px;
     color: #fff;
     font-weight: 400;
     background: linear-gradient(to right, rgba(0,0,0,1) , rgba(255,255,255,0.01));
}
 .slick-active .content, .featured-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;
}
 @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;
    }
}
 .content p{
     width: 460px;
}
 .right-arrow, .left-arrow{
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 2;
     cursor: pointer;
}
 .right-arrow{
     left: 15px;
}
 .left-arrow{
     right: 15px;
}
 .image-sec{
     padding: 30px 0;
}
/*feature sec*/
 .image-sec img{
     margin: 0 auto;
}
 .feature-sec{
     padding: 35px 0;
     background: rgba(63,5,0,0.5)
}
 .feature-sec figure{
     position: relative;
     overflow: hidden;
}
 .feature-wrap{
     max-width: 1480px;
     margin:0 auto;
}
 figcaption, figcaption *{
     font-size: 30px;
     font-weight: 700;
     margin-bottom: 0;
}
 figcaption a:hover{
     color: #fff;
}
 figcaption{
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     text-transform: uppercase;
     padding: 10px 20px;
}
 figure a::after{
     content: '';
     height: 100%;
     width: 100%;
     display: block;
     background: rgba(0,0,0,0.2);
     opacity: 0;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     transition-property: opacity;
     transition-duration: 0.5s;
}
 figure:hover a::after{
     opacity: 1;
}
 figure figcaption a::after{
     display: none;
}
 .scale img{
     transition-duration: 0.5s;
     transition-property: transform;
}
 .scale figure:hover img{
     transform: scale(1.1);
}
 .about{
     padding: 30px 0;
}
 .title, .inner-about title{
     padding: 10px 20px;
     position: relative;
}
 .title *, .inner-about title{
     line-height: 1;
     margin: 0;
     text-transform: capitalize;
}
 .style-1, .inner-about title{
     /*background: linear-gradient(135deg, rgba(0,0,0,1) 60%, rgba(255,255,255,0.01));*/
     background: linear-gradient(135deg, rgba(0,0,0,1) 50%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.015) 85%,rgba(0,0,0,0) 100%);
}
 .style-2{
    /* background: linear-gradient(135deg, rgba(0,0,0,1) 40%, rgba(255,255,255,0.01));*/
    background: linear-gradient(135deg, rgba(0,0,0,1) 35%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.015) 85%,rgba(0,0,0,0) 100%);
     width: 60%;
}
 .title::after, .inner-about title::after{
     content: " ";
     position: absolute;
     display: block;
     width: 50px;
     height: 100%;
     top: 0;
     right: 0;
     z-index: 1;
     background: #fff;
     transform-origin: bottom left;
     -ms-transform: skew(-30deg, 0deg);
     -webkit-transform: skew(-30deg, 0deg);
     transform: skew(-30deg, 0deg);
}
 .about p, .inner-about p, .inner-about form{
     padding-left: 15px;
     padding-right: 15px;
}
 .about p, .inner-about p{
     margin-top: 25px;
     margin-bottom: 0;
}
 .about p:last-of-type, .inner-about p:last-of-type{
     margin: 25px 0 65px;
}
 .contact-block{
     padding: 30px 0;
     background: #3f0500;
}
 .contact-block figure{
     float: right;
}
 .site-info-block{
     display: inline-block;
     color: #fff;
     margin-right: 20px;
	 vertical-align: text-top;
}
 .site-info-block a:hover{
     color: #000;
}
 .site-info-block i{
     padding-right: 5px;
}
 .site-info-block h5{
     margin-bottom: 20px;
}
 .site-info-block li{
     padding-bottom: 20px;
}
 .site-info-block ul{
     margin-left: 25px;
}
 .site-info-block li:last-child{
     margin: 0;
}
 .site-info-block:last-child{
     margin-right: 0;
     text-transform: uppercase;
}
 .site-info-block li{
     display: block;
}
/*google maps*/
 .google-maps{
     position: relative;
     height: 300px;
}
 .google-maps iframe{
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
}
 .footer{
     background: #0b0100;
     padding: 60px 0;
     color: #fff;
     font-size: 15px;
}
 .left-block{
     width: 670px;
}
 footer .col-sm-10{
     display: flex;
     justify-content: space-between;
}
 .right-block{
     font-size: 11px;
     text-transform: uppercase;
}
 .right-block li{
     display: block;
}
 .left-block ul{
     margin-top: 5px;
}
 .left-block li{
     border-right: 2px solid #fff;
     padding: 0 10px;
     line-height: 80%;
     float: left;
}
 .left-block li:first-child{
     padding-left: 0;
}
 .left-block li:last-child{
     padding-right: 0;
     border: 0;
}
 .right-block h6{
     font-size: 13px;
     margin-bottom: 15px;
}
 .right-block address{
     margin-bottom: 15px;
}
 .featured-banner{
     background-size: cover !important;
     height: 520px;
}
 .inner-about{
     margin-top: 15px;
}
 .inner-about title{
     display: block;
     font-size: 28px;
     color: #fff;
     font-weight: 300;
     font-family: 'Roboto', sans-serif;
     width: 80%;
}
 .inner-about .col-xs-12{
     padding: 0 40px;
}
 .container .container{
     width: auto;
     padding: 0;
}
 
 
 

/*  SCROLLING IMAGE INVENTORY SANDHILLS 
------------------------------------------------*/
.scrolling-wrap {
    width:100%!important;
    height:90px!important;
    overflow:hidden;
}
 
.scrolling{
    width:100%!important;
    height:90px!important;
}


/** inventory styles **/

button .faceted-section-title {color:#333333!important;}

.filter-clear-all{color:#333333!important;}

.filter-clear-all:hover{background-color:#fff!important;}

.fa.fa-times{color:#3f0500!important;}

.fa.fa-times:hover{background-color: #fff!important;}

.lease-title, .rent-title{color:#881309!important;}

.fa.fa-minus, .fa.fa-chevron-right{color:#333333;}

.faceted-section-head.section-head{background-color:#f2f2f2!important;}

span.price{color:#3f0500!important;}

.view-listing-details-link.des-view-listingDetails{background-color:#881309!important;}

.view-listing-details-link.des-view-listingDetails:hover{background-color:#3f0500!important;color:#fff!important;}

.selected-facet{background-color: #333333!important;}

.print-this.des-print-this, .email-this.des-email-this{background-color: #333333!important;}

.print-this.des-print-this:hover, .email-this.des-email-this:hover{background-color: #3f0500!important;}

.list-listings-count{color:#881309!important;}

.info button{background-color:#881309!important;}

.selected-facet{background-color:#fff!important; color:#333333!important;}

.selected-facet button{background-color:#fff!important; color:#333333!important;}

.selected-facet button:hover{background-color:#fff!important;}



/* Footer Styles */

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

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

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

.divfooter {max-width: auto; text-align: left; margin:0 auto;}


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



.bullet_list {
	display: list-item; 
	list-style: inside;
}



.over-state-links:hover {
	color: #fff!important;
	text-decoration: underline;
}


/*----- Gallery ---------*/
.gallery-img{
    margin-bottom: 30px;
    display: block;
}


/*------- Video Popup ---------*/
.modal{
    background-color: rgba(0,0,0,0.8);
}

.modal-dialog {
    max-width: 1050px;
    margin: 60px auto;
}

.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

.inner-contents-wrap {
    z-index: 5;
}

.modal-backdrop.fade.show{
    display: none;
}

.video-link{
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

.video-link img{
    width: 100%;
}

.modal button.close {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    opacity: 1!important;
    right: -15px;
    background-color: #fff;
    top: -15px;
    color: #000;
}

.modal button.close:hover {
    background-color: #0d524f;
    color: #fff!important;
    border: 0px;
    font-weight: 300;
}

.specsimg{
    margin-bottom: 20px;
}

.main-banner-slider .slick-prev{
    left: 30px;
    z-index: 2;
}
.main-banner-slider .slick-next{
    right: 30px;
}

.slick-prev:before, .slick-next:before{
    font-size: 50px;
    opacity: 1;
    font-family: 'Fontawesome';
}
.slick-prev:before{
    content: '\f104'
}
.slick-next:before{
    content: '\f105'
}
.main-banner-slider .slick-prev,
.main-banner-slider .slick-next{
    width: auto;
    height: auto;
    transition: all 400ms ease-in-out;
}

.main-banner-slider .slick-prev:hover, 
.main-banner-slider .slick-prev:focus, 
.main-banner-slider .slick-next:hover, 
.main-banner-slider .slick-next:focus{
    border: 0px;
}

.letter-list {
	list-style-type: upper-alpha!important;
}


@media all and (min-width:768px){
.modal-dialog {
    width: 1050px;
    margin: 30px auto;
}
}


.main-navigation {
    margin-left: 50px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans Condensed", sans-serif;
}


/*------- Video background  ---------*/

#myVideo {
  /*position: fixed;*/
  right: 0;
  bottom: 0;
  width: 100%; 
  height: auto;
  z-index: -1;
}



#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}