/*--------------------------------------------------------------
   RESET
--------------------------------------------------------------*/

article,aside,details,figcaption,figure,footer,header,hgroup,main,section,summary{display:block}
pre{white-space:pre-wrap}
small{font-size:80%}






/*--------------------------------------------------------------
   BASE
--------------------------------------------------------------*/

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:'Aeonik-Light',sans-serif!important;margin:0;padding:0}
svg:not(:root){overflow:hidden}
.clear{clear:both}
.hideclear{display:none}
.row:after{content:"";display:table;clear:both}






/*--------------------------------------------------------------
   TYPOGRAPHY
--------------------------------------------------------------*/

@font-face{font-family:'Aeonik-Regular';src:local('Aeonik-Regular'), url("../webfonts/Aeonik-Regular.otf")format('opentype')}
@font-face{font-family:'Aeonik-Bold';src:local('Aeonik-Bold'), url("../webfonts/Aeonik-Bold.otf")format('opentype')}
@font-face{font-family:'Aeonik-Light';src:local('Aeonik-Light'), url("../webfonts/Aeonik-Light.otf")format('opentype')}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1{font-size:50px;color:#fff;font-weight:600;font-family:'Aeonik-Bold',sans-serif!important;text-transform:uppercase}
h2{font-size:35px;color:#232323;font-family:'Aeonik-Bold',sans-serif!important;margin-bottom:20px;text-transform:uppercase}
p{margin:0;font-weight:500!important;font-size:18px;color:#232323;line-height:40px;letter-spacing:.5px}
a{text-decoration:none;font-family:'Aeonik-Light',sans-serif!important;transition:.3s ease}
i{transition:.3s ease}






/*--------------------------------------------------------------
   TRANSITION
--------------------------------------------------------------*/

@keyframes fadein {
from{opacity:0;transform:scale(.99, .99)}
to {opacity:1;transform:scale(1, 1)}}
@-moz-keyframes fadein {
from{opacity:0;transform:scale(.99, .99)}
to {opacity:1;transform:scale(1, 1)}}
@-webkit-keyframes fadein {
from{opacity:0;transform:scale(.99, .99)}
to {opacity:1;transform:scale(1, 1)}}
@-o-keyframes fadein {
from{opacity:0;transform:scale(.99, .99)}
to {opacity:1;transform:scale(1, 1)}}
@keyframes grow {
from{transform:scale(0)}
to {transform:scale(1)}}
@-moz-keyframes grow {
from{transform:scale(0)}
to {transform:scale(1)}}
@-webkit-keyframes grow {
from{transform:scale(0)}
to {transform:scale(1)}}
@-o-keyframes grow {
from{transform:scale(0)}
to {transform:scale(1)}}






/*--------------------------------------------------------------
   PAGE LOAD
--------------------------------------------------------------*/

#loader{z-index:1001;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}
#loader img{top:50%;left:50%;width:100%;animation-name:grow;animation-duration:1s}
#loader-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;}
#loader-wrapper .loader-section{position:fixed;top:0;width:51%;bottom:0;background:#fff;z-index:1000}
#loader-wrapper .loader-section.section-left{left:0}
#loader-wrapper .loader-section.section-right{right:0}
.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.loaded #loader{opacity:0}
.loaded #loader{opacity:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left{-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000)}
.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all 0.3s 1s ease-out;transition:all 0.3s 1s ease-out}






/*--------------------------------------------------------------
   HEADER
--------------------------------------------------------------*/

.header-wrap{display:block;background:transparent;position:absolute;left:0;right:0;top:0;border-bottom:1px solid rgba(255,255,255,0.5);z-index:99}
.header-bg{height:120px;background:#BEBEBE}
.logo-wrap{display: inline-block;width: 20%; margin:15px 0 15px 50px}
.logo-wrap img{width:auto;max-width:200px}

.nav-wrap {width: 72%;display: inline-block; vertical-align: baseline; position: realtive; text-align: right;}




/*--------------------------------------------------------------
   CONTENT
--------------------------------------------------------------*/

.page-wrapper{display:block;overflow:auto;padding:200px 30px}
.max-width{display:block;overflow:auto;width:auto;max-width:1600px;margin:0 auto}
.page-banner{text-align:center;padding:230px 30px 120px 30px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}
.inv-banner{background-image:url("../siteart/inventory.jpg")}
.auction-banner{background-image:url("../siteart/auction.jpg");background-color:#000;}
.contact-banner{background-image:url("../siteart/contact.jpg"); background-color:#000;}
.green-btn{display:block;background:#119745;padding:15px 10px;color:#fff;font-weight:500;width:auto;max-width:150px;text-align:center;margin-top:45px;border-radius:50px}
.green-btn:hover{background:#16C75B}






/*--------------------------------------------------------------
   DEFAULT
--------------------------------------------------------------*/

.hero{height:50vw;overflow:hidden;width:100%;background-image:url("../siteart/hero.jpg");background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;background-color:#000;}
.hero-text{margin-top:20vw;text-align:center}
.hero-text h1{color:#fff!important;line-height:100px;font-weight:800;font-size:6vw;margin-bottom:50px;animation-name:fadein;animation-duration:2s;animation-delay:1s;text-transform:uppercase}
.hero-text h2{color:rgba(255,255,255,0.8)!important;font-weight:800;font-size:2vw;margin-bottom:10px;animation-name:fadein;animation-duration:2s;animation-delay:1s;text-transform:uppercase}
.hero-btn{background:#119745;font-size:18px;font-weight:500;margin:0 10px;border-radius:50px;display:inline-block;transition:.3s ease;cursor:pointer;box-shadow:0 0 15px rgba(0,0,0,0.1)}
.hero-btn a{color:#fff;padding:0 60px;line-height:60px}
.hero-btn:hover{background:#16C75B;-ms-transform:scale(1.03);-webkit-transform: scale(1.03);transform:scale(1.03)}
.scroll-text{position:absolute;bottom:20px;left:50%;transform:translate(-50%, -50%);color:#fff}
.scroll-text i{font-size:17px;padding:11px 12px;border:1px solid #fff;border-radius:50px}
.home-map{height:35vw;border-top:2px solid #119745}
.float-left{float:left;width:48%}
.float-right{float:right;width:35%;background:rgba(235,235,235,1.00);border-radius:20px;padding:50px;display:block;overflow:auto;overflow-x:hidden}
.weather{float:left}
.crops{float:right}






/*--------------------------------------------------------------
   CONTACT
--------------------------------------------------------------*/

.contact-max-width{display:block;overflow:auto;width:auto;max-width:1300px;margin:0 auto}
.form-section p{line-height:10px!important;margin-bottom:30px!important}
.contact-left{width:30%;float:left}
.contact-right{width:70%;float:right;text-align:right}
.google-map{width:100%;height:450px}






/*--------------------------------------------------------------
   FOOTER
--------------------------------------------------------------*/

.scrolling-wrap{width:100%;height:90px;overflow:hidden}
.scrolling{width:100%;height:92px}
.footer-wrap{padding:50px 30px;color:#fff;background:#119745;font-weight:500}
.footer-wrap a{color:#fff!important;font-weight:500}
.footer-left{float:left;width:50%}
.footer-right{float:right;width:50%;text-align:right}






/*--------------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------------*/

@media screen and (max-width:1400px){ 
.float-left{width:48%}
.float-right{width:37%}
}




@media screen and (max-width:1350px){    
.hero-text{margin-top:20vw}
.hero-text h1{margin-bottom:20px;line-height:70px}
.hero-btn{font-size:13px;margin:0 5px}     
.hero-text a{font-size:13px;padding:0 30px;line-height:40px} 
.scroll-text i{font-size:15px;padding:11px 12px}    
.float-left{float:none;width:100%;text-align:center;margin-bottom:100px}
.float-right{float:none;width:auto;max-width:550px;margin:0 auto}  
.green-btn{margin:25px auto 40px auto}     
}




@media screen and (max-width:1100px){ 
h1{font-size:25px;margin-bottom:5px} 
h2{font-size:15px;margin-bottom:10px}       
p{font-size:13px;line-height:30px}
.page-banner{padding:180px 15px 70px 15px}   
.logo-wrap{margin:15px 0 15px 15px}
.logo-wrap img{max-width:150px}
.header-bg{height:100px}    
.page-wrapper{padding:100px 20px}    
.form-section{padding:100px 20px!important}  
.form-wrapper{margin:20px auto 0 auto!important}
.green-btn{font-size:13px;max-width:150px}       
.footer-wrap{padding:30px 15px;font-size:13px}  
.hero-text{margin-top:18vw}
.hero-text h1{font-size:7vw;margin-bottom:20px;line-height:60px}
.scroll-text i{font-size:13px;padding:11px 12px}     
}




@media screen and (max-width:800px){    
.hero{height:57vw}
.hero-text{margin-top:33vw}
.hero-text h1{font-size:7vw}
.hero-text h2{display:none}
.hero-btn{display:none}
.scroll-text i{display:none}    
.home-map{height:35vw}
} 




@media screen and (max-width: 680px){
.page-wrapper{padding:70px 20px}    
.form-section{padding:70px 20px!important}  
.hero-text a{max-width:100px}    
.float-left{margin-bottom:50px}    
.weather{float:none}
.crops{float:none;text-align:center;margin-top:30px}       
}