/*--------------------------------------------------------------
Web Designer takeover: Karoline Dassie
----------------------------------------------------------------
## 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,
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: border-box!important;
}


    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%;
    }

    figure,
    footer.footer,
    .about-wilkens-wrap,
    .inner-banner-wrap{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .clear{clear: both}
    #espaco{height: 227px}

    #whitebg{background: #fff}


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

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

body, html{
	font-size: 15px;
	line-height: 1.8;
	font-family: 'Open Sans', sans-serif!important;
	font-weight: 400;
	color: #000;
    background: #e5c536;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 600;
}
h1,h2,h3{
	margin-bottom: 20px;
	line-height: 1.3;
}
h1{font-size:40px; }
h2{font-size:25px; }
h3{font-size:28px; }
h4{font-size:24px; }
h5{font-size:22px; }
h6{font-size:20px; }

b,strong {font-weight: 700;}

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

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

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: #D10000;}

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

.form-inline{ justify-content: space-between;}

.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;
    cursor: pointer;
    -webkit-appearance: button;
    background: #e5c536;
    border: 1px solid #e5c536;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 15px 25px;
    margin: 0 auto;
    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: #000000;
    border: 1px solid #000000;
}

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;
}

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: #e5c536;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(167,0,0,.075),0 0 8px rgba(167,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(167,0,0,.075),0 0 8px rgba(167,0,0,.075);
}

span.wpcf7-not-valid-tip {
    position: absolute;
    font-size: 12px;
}
.CaptchaImage {margin: 0 auto;}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

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

a{color: #000;}
a,a:hover,a:focus{text-decoration: none;}
a:hover,a:focus{color: #e5c536;}
a{transition: all 400ms ease-in-out;}


/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
header .navbar{
	background-color:rgba(0,0,0,0.7);
	padding: 15px 0px;
	-webkit-transition: all .400s ease-in-out;
	   -moz-transition: all .400s ease-in-out;
	    -ms-transition: all .400s ease-in-out;
	     -o-transition: all .400s ease-in-out;
	        transition: all .400s ease-in-out;
}
header.shrinked .navbar{
	padding:0px 0px;
	background-color:rgba(0,0,0,0.95);
}
header .sitelogo-wrap{background-color: #efefef;}
header .navbar-brand img{width: 100%;}

header .navbar-brand {
    width: 100%;
    max-width: 30%;
    padding: 15px 0px;
    display: block;
    margin: 0 auto;
}
header.shrinked .navbar-brand{max-width: 25%;}
header .navbar .navbar-collapse{justify-content: center;}
header .navbar .navbar-nav li{position: relative;}
header .navbar .navbar-nav li a{
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 15px 36px;
	line-height: 1;
	display: inline-block;
}
header .navbar .navbar-nav>li:hover>a {background-color: rgba(229, 197, 54, 0.6);}
header .navbar .navbar-nav li ul{
	position: absolute;
	top: 100%;
	left: 0px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	opacity: 0;
	visibility: hidden;
	transition: all 400ms ease-in-out;
	width: 600px;
	transform: translate(0px,20px);
	background-color: #000000;
}
header .navbar .navbar-nav li:hover>ul{
	transform: translate(0px,0px);
	opacity: 1;
	visibility: visible;
}
header .navbar .navbar-nav li ul a{
	display: inline-block;
	width: 50%;
	padding: 10px 30px;
    font-size: 13px;
    float: left;
	color: #fff;
}
header .navbar .navbar-nav li ul li:hover>a,
header .navbar .navbar-nav li ul li.active>a{
	background-color: #e5c536;
	color: #000;
}
header .navbar .navbar-nav li ul ul{
	top: 0%;
	left: 101%;
}
/*-------------------------------------- 
13.1 Basic Styles
----------------------------------------*/

figure{margin-bottom: 0;}

.link-cover{
	position: absolute;
	bottom: 0px;
	top: 0px;
	right: 0px;
	z-index: 3;
	left: 0px;
}

.overlay,
.line{position: relative;	}
.overlay:before,
.line:before{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.5);
	z-index: 1;
}
.overlay.animate:before{
	width: 0%;
	transition: all 400ms ease-in-out;
}
.overlay.animate:hover:before{
	width: 100%;
}
.line:before{
	top: initial;
	width: 100px;
	height: 6px;
	margin: 0px auto;
	background-color: #e5c536;
}
.line{padding-bottom: 15px;}
.des p:last-type{margin-bottom: 0;}

.has-white-bg{
	background-color: #fff;
	max-width: 1280px;
	margin: 0 auto;
}
header{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 10;
	transition: all 400ms ease-in-out;
}
header.shrinked{
	transform: translateY(-48px);
}
header.shrinked .top-bar-wrap .sitelogo-wrap{max-width: 140px;}
.top-bar-wrap .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.top-bar-wrap a.mail-wrap{color: #000;}
.top-bar-wrap{
	background-color: #e5c536;
	padding: 10px 0px;
}
.top-bar-wrap .top-bar-contact{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}
.top-bar-contact li{
	margin-right: 20px;
	display: inline-flex;
	align-items: center;
	display: block;
	color: #000;
}
.top-bar-contact li a{
	font-weight: 600;
	color: #000;
}
.top-bar-wrap a:hover{color: #000!important;}
.top-bar-contact li:last-child{margin-right: 0px;}
.top-bar-wrap .address{font-weight: 600;}

.main-banner-slider{position: relative;}
.main-slider{
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
.main-slider li{position: relative;}
.main-slider li .slider-content{
	position: absolute;
	top: 30%;
	bottom: 0px;
	color: #fff;
	left: 0px;
	right: 0px;
	z-index: 2
}
.main-slider li figure{height: 700px;}
.main-slider li figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position:left center;
}
.main-slider li .slider-content .text-wrapper,
.inner-banner-content{
	width: 65%;
}
.main-slider li .slider-content .text-wrapper h1,
.inner-banner-content h1{
	font-size: 42px;
	text-transform: uppercase;
}
.main-slider li .slider-content .text-wrapper a.call-us,
.inner-banner-content a.call-us{
	display: inline-block;
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}
.main-slider li .slider-content .text-wrapper a.call-us:hover,
.inner-banner-content a.call-us:hover{color: #e5c536;}
.inner-banner-content h1{line-height: 1;}
.main-slider li .slider-content .text-wrapper .des,
.inner-banner-content .des{
	font-size: 17px;
	margin-right: 35%;
}
.banner-extra-info h5{
	text-transform: uppercase;
	margin-bottom: 30px;
}
.banner-extra-info .des{margin-bottom: 30px;}
.btn-wrap a{
	display: inline-block;
	padding: 10px 25px;
	background-color: #e5c536;
	font-size: 15px;
	font-weight: 500;
}
.banner-extra-info .btn-wrap a:hover{
	background-color: #fff;
	color: #000;
}
.banner-extra-info .extra-info{
	height: 505px;
	flex-direction: column;
	justify-content: center;
	display: flex;
	width: 33.33%;
	padding: 0px 30px;
	position: relative;
	align-items: center;
	border-right: 1px solid #fff;
}
.banner-extra-info .extra-info h5,
.banner-extra-info .extra-info .des,
.banner-extra-info .extra-info .btn-wrap{
	position: relative;
	z-index: 1;
}
.banner-extra-info .extra-info:last-child{border-right: 0px;}
.banner-extra-info .extra-info .des{
	padding: 0px 70px;
	line-height: 2;
}
.main-title{text-transform: uppercase;}

.about-txt-wrap h5{margin-bottom: 20px;}
.about-txt-wrap h5:before{
	margin: 0;
}
.about-sec-wrap{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 30px 0px;
}
.about-sec-wrap .row{align-items: center;}
.about-sec-wrap figure{position: relative;}
.about-sec-wrap figure:after {
    height: 100%;
    top: 0px;
    left: initial;
    width: 246px;
    background-image: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1));
}
.about-sec-wrap .des strong{color: #e5c536;}
.featured-brands-wrap{
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

.featured-images-wrap{
	padding: 170px 0px 30px;
	position: relative;
}
.featured-images-wrap:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #fff;
    z-index: -1;
    max-width: 1280px;
    margin: 0 auto;
}
.contact-details-wrap .main-title{margin-bottom: 20px;}
.contact-details-wrap{
	padding: 30px 0px;
}
.contact-details-wrap ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.contact-des {margin-bottom: 20px;}
.fnt-semi{font-weight: 600;}
.fnt-bold{font-weight: 700;}
.fnt-exbold{ font-weight: 800;}

@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;
    }
}
.featured-product-wrap{
	background-color: #000;
	padding: 30px 0px;
}
.featured-product-wrap .featured-product-list-wrap{
	display: flex;
	align-items: center;
	margin: 0 auto -5px;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1366px;
}
.featured-product-wrap figure{
	width: calc(25% - 5px);
	margin: 0px 2.5px 5px;
}
.featured-product-wrap figure img{
	width: 100%;
	max-height: 250px;
	object-position: center;
	object-fit: cover;
}
.featured-product-wrap figure:before{
	transition: all 400ms ease-in-out;
	background-color: transparent;
}
.featured-product-wrap figure:hover:before{
	background-color: rgba(0,0,0,0.6);
}
.featured-product-wrap figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #e5c536;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 2;
    text-align: center;
    line-height: 1.4;
    padding: 0;
    height: 50px;
}
.main-banner-slider .slick-active .text-wrapper{
    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;
}
.image-effect{
    overflow: hidden;
}
.image-effect img{
    transition: all 400ms ease-in-out;
}
.image-effect:hover img{
    transform: scale(1.1);
}
.main-banner-slider{
	margin-top: 96px;
}

/*-------- Footer -------*/
footer{
	background-color: #e5c536;
	padding: 50px 0px;
}
footer h5, 
footer ul li, 
footer ul li a, 
footer .footer-content .right-content {
    color: #000;
}
footer ul {
    margin-bottom: 0px;
    padding: 0px;
    list-style: none;
}
footer .footer-content .left-content ul {
    font-size: 15px;
    margin-top: 20px;
}
footer ul li {
    display: flex;
    align-items: center;
}
footer .footer-content .left-content ul li i {
    margin-right: 5px;
}
footer .footer-content .right-content {
    padding-left: 50px;
    margin-left: 50px;
    border-left: 5px solid #fff;
    font-size: 14px;
    padding-top: 25px;
    padding-bottom: 25px;
    max-width: 70%;
}
footer .footer-content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
footer .footer-content .right-content a {
    color: #fff;
}
footer .footer-content .right-content a:hover {
    color: #000;
}
footer .footer-content .right-content p{
	margin-bottom: 5px;
}


/*--------- Inner Pages Css --------*/

.inner-banner-wrap {
	min-height: 550px;
}
.inner-banner-content{
	position:relative;
	z-index: 1;
	padding: 300px 0px 60px;
}
.inner-title{
	border-bottom: 2px solid #e5c536;
	display: inline-block;
}

.inner-contents-wrap .content-main-wrap{
	padding: 80px 85px;
	background-color: #fff;
}

.slick-arrow:before {
    content: '';
    background-size: 100%;
    height: 40px;
    display: inline-block;
    width: 20px;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
}
.featured-brands-wrap .slick-prev:before { background-image: url(../siteart/slider-arrow-left.png);}
.featured-brands-wrap .slick-next:before { background-image: url(../siteart/slider-arrow-right.png);}
.slick-arrow:hover{border:0px;}

.main-banner-slider .slick-arrow {
    z-index: 5;
    top: 50%;
}
.main-banner-slider .slick-prev{left: 50px;}
.main-banner-slider .slick-next{right: 50px;}
.main-banner-slider .slick-prev:before {
    background-image: url(../siteart/main-slider-arrow-left.png);
}
.main-banner-slider .slick-next:before {background-image: url(../siteart/main-slider-arrow-right.png);}

.back-wrap{color: #fff;}

.about-us-sec-wrap{
	padding: 50px 0px;
	background-image: url('../siteart/about-img.png');
	background-repeat: no-repeat;
	background-size: 46%;
	background-position: left top;
	margin: 0 auto;
	max-width: 1280px;
}
.about-us-sec-wrap .container{text-align:right;}
.about-us-sec-wrap figure{
	max-width: 12%;
	margin-bottom: 15px;	
}
.map-wrap iframe{
	width: 100%;
	height: 300px;
	margin-bottom: -10px;
}
.inner-contents-wrap{background-color: #fbfbfb;}
.menu-btn-wrap{display: none;}
.pri-color{color: #e5c536;}
.about-content-wrap h2{
	font-weight: 800;
	margin-bottom: 30px;
	line-height: 1;
	font-size: 32px;
	color: #000;
}
.about-content-wrap{
	width: 50%;
	text-align:left;
	display: inline-block;
}
.about-content-wrap .des{margin-bottom: 40px;}
.about-content-wrap{
	width: 50%;
	text-align:left;
	display: inline-block;
}
.about-content-wrap .our-details-wrap{
	background-color: #e5c536;
	padding: 30px 40px;
	margin-left: -40px;
}
.about-content-wrap .our-details-wrap ul{
	color: #000;
	padding: 0px;
	margin: 0px 0px 20px;
	list-style-type: none;
}
.about-content-wrap .our-details-wrap ul:last-child{margin-bottom: 0;}
.new-banner-title{
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    color: #fff;
    margin-top: 25%;
}
.menu-btn-wrap {
    display: inline-block;
    margin-right: 20px;
    line-height: 1;
    margin-top: 24px;
    font-size: 30px;
    transform: scaleX(1.4);
}

.featured-img{margin-top: 20px;}
.featured-img figure{
	width: 100%;
	max-width: 100%;
}
.featured-img img{width: 100%;}


#conlist{
    float: left; 
    border: 1px solid #ccc; 
    padding: 2%; 
    width:31% ; 
    margin:0  1%  3%  1%;
    min-height: 200px;
}


/*  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:15px; color: #0b9ccc;}
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:#000;}

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

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

.clear{clear:both}