﻿
/*--------------------------------------------------------------
   RESET
--------------------------------------------------------------*/

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,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;overflow-x:hidden}
body{font-family:'Banhschrift',sans-serif!important;margin:0;padding:0;letter-spacing:0px}
svg:not(:root){overflow:hidden}
.clear{clear:both}
.hideclear{display:none}
.row:after{content:"";display:table;clear:both}
::-webkit-scrollbar{width:0}
::-webkit-scrollbar-track{background:#fff}
::-webkit-scrollbar-thumb{background:#DBDBDB;border-radius:50px}






/*--------------------------------------------------------------
   TYPOGRAPHY
--------------------------------------------------------------*/

@font-face{font-family:'MaisonNeue-Medium';src:local('MaisonNeue-Medium'),url("../webfonts/MaisonNeue-Medium.ttf")format('opentype')}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1{font-size:55px;font-weight:700;text-transform:uppercase;margin-bottom:30px;font-family:'poppins',sans-serif;line-height:55px}
h2{font-size:40px;font-weight:600;text-transform:uppercase;line-height:1;margin-bottom:30px;font-family:'poppins',sans-serif;}
p{margin:0;font-size:20px;line-height:35px;font-family:'MaisonNeue-Medium',sans-serif!important}
a{text-decoration:none;transition:.3s ease-in-out}
i{transition:.3s ease-in-out}
.black-text{color:#16171E}
.white-text{color:#fff}
.blue-text{color:#0073a2}






/*--------------------------------------------------------------
   HEADER
--------------------------------------------------------------*/

header{display:block;overflow:auto}
.header-spacer{height:212px}
.top-header{display:block;overflow:auto;background:#16171E;padding:13px 30px}
.top-header-wrap{display:block;overflow:auto;width:auto;max-width:1400px;margin:0 auto}
.left-top-header p,.left-top-header a{font-size:20px;font-family:'rift',sans-serif!important;line-height:0!important;color:#fff!important}
.left-top-header{float:left;padding-top:20px}
.left-top-header p{opacity:.6;margin-bottom:5px}
.left-top-header span{color:#fff;margin:0 15px}
.right-top-header{float:right}
.top-header a:hover{color:#0073a2!important}
.bottom-header{padding:10px 70px;display:block;overflow:auto;box-shadow:0px 9px 26px -7px rgb(0 0 0 / 7%)}
.header-left{float:left}
.header-left img{width:250px;padding-top:20px}
.header-right{float:right;text-align:right}
.side{background:#fff;width:340px;height:500px;position:fixed;z-index:1}
#facebook{top:230px;height:auto;z-index:1;left:-340px}
#facebookTab{top:0;display:block;padding:15px;background:#0083B8;position:absolute;left:340px;box-shadow:0 0 10px rgba(0,0,0,.15);cursor:pointer}
#facebookTab i{color:#fff;font-size:30px}


/* search */
.quick-search{display:block}
.quick-search span{font-size:20px!important;font-family:'rift',sans-serif!important;line-height:0!important;color:#fff!important;background:rgba(255,255,255,.2);padding:15px 20px!important;margin-right:-5px}
.quick-search input[type="text"]{font-size:18px!important;width:250px!important;transition:.3s ease!important;background:#fff!important;border:0px!important;padding:15px!important;border-radius:0!important;display:inline-block!important;font-family:'rift',sans-serif!important;height:auto!important;color:#232323!important;line-height:inherit!important;margin:0!important}
.quick-search input[type="text"]:focus{font-size:18px!important;width:250px!important;transition:.3s ease!important;background:#fff!important;border:0px!important;padding:15px!important;border-radius:0!important;display:inline-block!important;font-family:'rift',sans-serif!important;height:auto!important;color:#232323!important;line-height:inherit!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{border:none!important;font-family:'rift',sans-serif!important;-webkit-text-fill-color:#232323!important;-webkit-box-shadow:0 0 0px 1000px #fff inset!important;outline:none!important}
input::placeholder{color:#232323!important;opacity:1}
input:-ms-input-placeholder{color:#232323!important}
input::-ms-input-placeholder{color:#232323!important}
textarea::placeholder{color:#232323!important;opacity:1}
textarea:-ms-textarea-placeholder{color:#232323!important}
input::-ms-input-placeholder{color:#232323!important}
.header-btn-success{background:transparent!important;border:none!important;display:inline-block}
.header-btn-success i{font-size:13px;background:#0073a2;border-radius:50px;padding:21px;color:#fff;cursor:pointer}
.header-btn-success i:hover{background:#0092CE!important}
input:focus{outline:none!important}
textarea:focus{outline:none!important}







/*--------------------------------------------------------------
   NAVIGATION
--------------------------------------------------------------*/

/* nav */
#menu-button{display:none}
.mobile-nav{display:none}
.primary{padding:30px 0;display:block;width:100%;background:transparent}
.primary ul{margin:0;padding:0}
.primary ul li{display:inline-block;list-style-type:none}
.primary ul li a{color:#16171E;display:block;font-size:22px;font-weight:900;padding:10px 1vw;font-family:'rift',sans-serif!important;text-transform:uppercase}	
.primary ul li a.stihl-btn{color:#ee7701;display:block;font-size:24px;font-weight:900;padding:10px 1vw;font-family:'rift',sans-serif!important;text-transform:uppercase; font-style: italic; letter-spacing: 2px; -webkit-text-stroke: .6px; }	
.primary ul li a:hover{color:#0073a2}
.primary ul li a .click{cursor:pointer;z-index:12;top:0;right:0;width:auto;height:auto}
.primary ul li li a{font-size:18px;line-height:18px;margin:0!important;padding:15px!important;color:#fff!important;display:list-item;text-align:left;border-left:none;border-top:#009DDD solid 1px;border-right:#009DDD solid 1px;font-family:'rift',sans-serif!important;font-weight:500}
.primary ul.list{background:#0085BB;border:0!important;border-bottom-left-radius:2px;border-bottom-right-radius:2px;box-shadow:1px 1px 10px -5px rgba(0,0,0,0.40);position:absolute;z-index:99999999}
.primary ul.list li{display:block;width:270px;list-style-type:none}
.primary ul li li{margin:0!important;transition:.3s ease}
.primary ul li li:hover{background:#009DDD!important}
.primary ul ul{display:none;position:absolute}
.primary ul ul ul{position:absolute;left:100%;top:0}
.primary ul li:hover > ul{display:block;line-height:18px}
.primary ul ul li{float:none;position:relative}
.call-btn{background:#0073a2;color:#fff!important;padding:20px 30px!important;margin-left:20px}
.call-btn:hover{background:#16171E}
.blue-inv-text{color:#0073a2!important;font-weight:bolder!important;border:2px solid #0085BB!important}
.blue-inv-text:hover{color:#fff!important;background:#0085BB!important}
.blue-inv-text:hover i{color:#fff!important}


/* burger */
.menu{background-color:transparent!important;border:none;cursor:pointer;display:flex;padding:0;margin-top:17px;margin-right:-10px}
.menu svg{width:40px;height:40px;background-color:transparent!important}
.menu:hover{background-color:transparent!important}
.line{fill:none;stroke:#232323;stroke-width:5;transition:stroke-dasharray 600ms cubic-bezier(0.4,0,0.2,1),stroke-dashoffset 600ms cubic-bezier(0.4,0,0.2,1)}
.line1{stroke-dasharray:60 207;stroke-width:5}
.line2{stroke-dasharray:60 60;stroke-width:5}
.line3{stroke-dasharray:60 207;stroke-width:5}
.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:5}
.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:5}
.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:5}






/*--------------------------------------------------------------
   DEFAULT
--------------------------------------------------------------*/

/* base */
.content-margin{width:auto;max-width:1500px;margin:0 auto;padding:150px 50px}
.left-content{float:left;width:calc(50% - 120px);padding:0 50px}
.right-content{float:right;width:calc(50% - 120px);padding:0 50px}
.blue-bg{background:#0073a2}
.grey-bg{background:#fafafa}
.black-bg{background:#16171E}


/* hero */
.hero{background-color: #000; background-image: url("../siteart/hero.jpg");background-size:cover;position:relative;height:35vw;min-height:670px}
.hero-margin{width:auto;max-width:1400px;margin:0 auto;padding:0 100px}
.hero-text{display:block;overflow:auto;width:auto;max-width:800px;padding-top:120px}
.hero-text h1{font-size:80px!important;line-height:75px!important}
.hero-search{position:absolute;left:70px;right:70px;bottom:-73px;box-shadow:0 5px 10px rgba(0,0,0,.15);padding:50px}
.search-spacer{height:100px}


/* buttons */
.sim-button{line-height:50px;height:50px;text-align:center;margin-top:40px;width:200px;cursor:pointer}
.blue-button{color:#fff;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;border:2px solid rgba(255,255,255,0.6);position:relative}
.blue-button a{display:block}
.blue-button span{z-index:2;display:block;position:absolute;width:100%;height:100%;font-family:'rift',sans-serif!important;text-transform:uppercase;font-size:20px}
.blue-button::before{content:'';position:absolute;top:0;left:0;width:0%;height:100%;z-index:1;opacity:0;background-color:rgba(0,115,162,0.5);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.blue-button:hover::before{opacity:1;width:100%}
.blue-button:hover{border:2px solid #0073a2}
.white-button{color:#fff;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;border:2px solid rgba(255,255,255,0.6);position:relative}
.white-button a{display:block}
.white-button span{z-index:2;display:block;position:absolute;width:100%;height:100%;font-family:'rift',sans-serif!important;text-transform:uppercase;font-size:20px}
.white-button::before{content:'';position:absolute;top:0;left:0;width:0%;height:100%;z-index:1;opacity:0;background-color:rgba(255,255,255,0.2);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.white-button:hover::before{opacity:1;width:100%}
.white-button:hover{border:2px solid #fff}
.black-button{color:#16171E;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;border:2px solid rgba(0,0,0,0.6);position:relative}
.black-button a{display:block}
.black-button span{z-index:2;display:block;position:absolute;width:100%;height:100%;font-family:'rift',sans-serif!important;text-transform:uppercase;font-size:20px}
.black-button::before{content:'';position:absolute;top:0;left:0;width:0%;height:100%;z-index:1;opacity:0;background-color:rgba(0,115,162,0.3);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.black-button:hover::before{opacity:1;width:100%}
.black-button:hover{border:2px solid #0073a2;color:#0073a2}


/* ribbon */
.ribbon-wrap{display:block;position:relative;width:350px;height:160px;padding-top:70px;text-align:center;margin-top:15px;overflow:hidden;z-index:-1}
.ribbon{background:#0084BB;display:inline-block;color:#fff;padding:15px 30px;font-size:25px;font-family:'rift',sans-serif!important;text-transform:uppercase;transform-style:preserve-3d;transform:rotate(-20deg) skew(-20deg,10deg)}
.ribbon:before,.ribbon:after{content:"";width:0;height:2em;display:block;background:#0073a2;position:absolute;z-index:-1;transform:translateZ(-1em)}
.ribbon:before{right:-15px;top:-10px;width:35px;height:50px}
.ribbon:after{left:-15px;top:25px;width:35px;height:50px}


/* gallery */
.gallery-cell{width:100%;background:transparent;counter-increment:gallery-cell;margin-bottom:-12px;}
.gallery-cell img{width:100%;object-fit:cover;transition:.6s ease;height:450px}
.flickity-button {background: #16171E!important; color: #fff!important;}
.flickity-button:hover {background: #262733!important; transition:.3s ease;}
.flickity-prev-next-button {top: auto!important; bottom: -100px!important;}
.flickity-prev-next-button .flickity-button-icon {position: absolute; left: 35%!important; top: 35%!important; width: 30%!important; height: 30%!important;}
.flickity-prev-next-button.previous {left: auto!important; right: 60px!important;}


/* stock */
.image-section{margin-top:100px;margin-bottom:60px}
.image-col{float:left;width:33.33%}
.image-padding{padding:10px}
.image-padding img{width:100%}


/* schedule */
.sched-img{position:relative}
.sched-img img{position:absolute;top:-60px;right:0;width:115%}


/* inventory */
.scroll-section{display:block;overflow:auto;background:rgba(255,255,255,0.2);padding:30px;margin-top:100px;box-shadow:0 5px 10px rgba(0,0,0,0.04)}
.scrolling-wrap{width:100%;height:90px;overflow:hidden}
.scrolling{width:100%;height:92px}


/* reviews */
.review-section{position:relative;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.04);margin-top:100px;padding:100px}
.mySlides{display:none;text-align:center;opacity:1;animation-name:fadeIn;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.5s;width:auto;max-width:1000px;margin:0 auto}
.prevslide,.nextslide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-30px;color:#fff;font-size:12px;border-radius:50px;user-select:none;background:#16171E}
.prevslide{left:30px;padding:16px 18px}
.nextslide{right:30px;padding:16px 20px}
.prevslide:hover,.nextslide:hover{background:#262733}
.author{color:#0073a2;margin-top:20px;font-weight:bold}
@keyframes fadeIn{0%{opacity:0} 100%{opacity:1}}


/* showroom */
.brands-section{overflow:hidden}
.slick-slide{margin:0 20px;text-align:center}
.slick-slide img{width:80%;margin:0 auto}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none;}.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}


/* calculator */
.calc-bg{background:#000 url("../siteart/calc-bg.jpg");background-size:cover;position:relative;height:700px}
.calc-section{position:absolute;top:290px;left:30px;right:30px;margin:0 auto;width:auto;max-width:800px;padding:80px 100px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.2)}
.built-with-calconic{padding-top:50px!important; }
.calconic-input input{padding:20px!important}
.footer-spacer{height:230px}






/*--------------------------------------------------------------
   SUBPAGES
--------------------------------------------------------------*/

/* banners */
.page-banner{display:block;overflow:auto;background-size:cover;background-position:center}
.inv-banner{background-color: #000; background-image:url("../siteart/banners/inv-banner.jpg")}
.about-banner{background-color: #000; background-image:url("../siteart/banners/about-banner.jpg")}
.service-banner{background-color: #000; background-image:url("../siteart/banners/service-banner.jpg")}
.faq-banner{background-color: #000; background-image:url("../siteart/banners/faq-banner.jpg")}
.sales-banner{background-color: #000; background-image:url("../siteart/banners/sales-banner.jpg")}
.contact-banner{background-color: #000;background-image:url("../siteart/banners/contact-banner.jpg")}
.page-banner h1{margin-bottom:15px!important}
.breadcrumb a,.breadcrumb span{font-size:18px!important;line-height:0;font-family:'MaisonNeue-Medium',sans-serif}
.breadcrumb a{color:rgba(255,255,255,0.8)}
.breadcrumb a:hover{color:#fff}
.breadcrumb span{margin-left:5px;color:#fff}


/* content */
.page-content{padding:0 50px}
.service-img img{margin:0 auto;display:block;width:80%;margin-bottom:10px}
.sales-img img{margin:0 auto;display:block;width:80%}
.faq {padding:50px;box-shadow:0 5px 10px rgba(0,0,0,.15);margin-bottom:40px;border-top:15px solid #0073a2}
.faq h3{font-size:30px;font-weight:700;text-transform:uppercase;margin-bottom:15px;font-family:'poppins',sans-serif;line-height:30px}
.financing-wrapper {padding:50px;box-shadow:0 5px 10px rgba(0,0,0,.15);margin-bottom:40px;border-top:15px solid #0073a2;display:flex;justify-content:space-between;align-items:center;}
.financing-wrapper p {width: 60%; padding: 0 5%;}
.financing-wrapper img {width: 100%; height: auto; max-width: 250px; display: block; margin: 0 auto;}
.form-wrapper{background:#f4f4f4;padding:50px;box-shadow:0 5px 10px rgba(0,0,0,.15)}
.map{display:block;overflow:auto;height:400px}
.map iframe{margin-bottom:-5px}
.category-col{float:left;width:33.33%}
.category{padding:20px;box-shadow:0 5px 10px rgba(0,0,0,.15);margin:15px;border-top:5px solid #0073a2;transition:.3s ease}
.category h3{font-size:20px;font-weight:700;text-transform:uppercase;font-family:'poppins',sans-serif;line-height:30px}
.category:hover{background:#0073a2;border-color:#0096D3}
.category:hover h3{color:#fff!important}







/*--------------------------------------------------------------
   FOOTER
--------------------------------------------------------------*/

.footer-col-large{float:left;width:50%}
.footer-col-small{float:left;width:25%}
.footer-col-padding{padding:20px}
.large-padding{padding-right:160px!important}
.footer-wrap h3{font-size:30px;font-weight:700;text-transform:uppercase;margin-bottom:30px;font-family:'poppins',sans-serif;line-height:35px}
.footer-wrap a{color:#fff!important}
.footer-wrap a:hover{color:rgba(255,255,255,0.5)!important}
.footer-links{width:auto;max-width:300px}
.footer-links a{display:block;font-size:20px;line-height:30px;font-family:'MaisonNeue-Medium',sans-serif!important}
.left-links{float:left}
.right-links{float:right}
.footer-img{margin-top:100px;padding:20px;position:relative;border-bottom:2px solid rgba(255,255,255,0.1)}
.footer-img img{position:absolute;left:0;right:0;margin:0 auto;width:300px;top:-10px;box-shadow:0 5px 10px rgba(0,0,0,.1)}

.hosted-by{
	text-align: center;
color: white;margin-top: 95px;font-size: 12px;}




/*--------------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------------*/

@media screen and (max-width:1750px){ 
.header-left img{width:200px;padding-top:8px}    
.primary{padding:20px 0;display:block;width:100%;background:transparent}     
.primary ul li a{padding: 10px .8vw; font-size:20px!important}	    
.primary ul li li a{font-size:14px!important;line-height:14px!important;padding:12px 15px!important}
.bottom-header{padding:5px 70px}    
.call-btn{padding:10px 30px!important;margin-left:20px}  
}






@media screen and (max-width:1500px){ 
  
/* typography */    
h1{font-size:28px!important;margin-bottom:20px;line-height:35px} 
h2 {font-size: 24px; margin-bottom: 20px;}
p{font-size:14px;line-height:25px}   
.blue-button span,.white-button span,.black-button span{font-size:15px}    
.hero-text h1{font-size:28px!important;line-height:35px!important} 
.page-banner h1{margin-bottom:10px!important}
.breadcrumb a,.breadcrumb span{font-size:14px!important}    
.footer-wrap h3{font-size:18px;margin-bottom:15px;line-height:25px}    
.faq h3{font-size:18px;margin-bottom:5px;line-height:25px}    
 
    
/* header */      
.top-header{padding:10px 30px}
.left-top-header{padding-top:13px}    
.left-top-header p,.left-top-header a{font-size:16px} 
.left-top-header span{margin:0 5px}    
.bottom-header{padding:0 30px}
.header-left img{width:140px;padding:12px 0 8px}
#facebookTab{padding:10px}    
#facebookTab i{font-size:20px}  
.quick-search span{font-size:16px!important;padding:10px 15px!important}
.quick-search input[type="text"]{font-size:15px!important;width:200px!important;padding:10px 15px!important}
.quick-search input[type="text"]:focus{font-size:15px!important;width:200px!important;padding:10px 15px!important}   
.header-btn-success i{font-size:10px;padding:15px}    
  
    
/* navigation */   
.nav-wrap{display:none}    
.primary ul{display:none} 
#menu-button{display:block}
.mobile-nav{display:block;position:fixed;top:0;left:-350px;width:300px;height:100%;background:#0085BB;z-index:500;box-shadow:0px 9px 26px -7px rgb(0 0 0 / 15%);overflow:scroll}
.mobile-nav ul{list-style:none;padding:0px!important;padding-inline-start:0px!important} 
.mobile-nav li{position:relative;padding:none!important;transition:.3s ease-in-out} 
.mobile-nav a{position:relative;display:block;font-size:15px;border-bottom:1px solid #009DDD;color:#fff!important;text-transform:uppercase;text-decoration:none;font-family:'rift',sans-serif!important;font-weight:500;padding:10px 20px}  
.mobile-nav a.stihl-btn{position:relative;display:block;font-size:16px;border-bottom:1px solid #009DDD;color:#fff!important;text-transform:uppercase;text-decoration:none;font-family:'rift',sans-serif!important;font-weight:700; font-style: italic; padding:10px 20px; background-color: #ee7701; letter-spacing: 2px;}  
.mobile-nav a:hover{background:#009DDD;color:#fff!important}    
.mobile-nav .fa-chevron-down{color:#fff!important;font-size:9px;margin-top:-3px}      
.mobile-nav .list{background:#009DDD}
.sublist{background:#0085BB!important}
.sublist a{border-bottom:none!important;border-top:1px solid #009DDD!important}     
.sublist a:hover{background:#009DDD!important}     
.mobile-nav .list a{border-bottom:none;border-top:1px solid #0085BB} 
.mobile-nav .list a:hover{background:#0085BB}     
.mobile-nav ul ul li a {padding: 10px 25px;}
.mobile-nav ul ul ul li a {padding: 10px 30px;}
    

/* content */ 
.page-content{padding:0}    
.content-margin{padding:100px 30px}    
.left-content{float:none;width:100%;padding:0}
.right-content{float:none;width:100%;padding:0}
.sim-button{line-height:40px;height:40px;margin-top:25px;width:170px} 
.center-text{text-align:center}
.center-button{margin-left:auto;margin-right:auto}   
.financing-wrapper img {max-width: 175px;}

    
/* default */     
.hero{height:auto;min-height:auto;background-position-x: center;}
.hero-margin{padding:0 30px 210px 30px}
.hero-text{max-width:auto;padding-top:80px}
.hero-search{left:30px;right:30px;bottom:-110px;padding:30px}
.ribbon-wrap{display:none}
.slider-responsive{margin:50px auto 0 auto;width:auto;max-width:500px}
.gallery-cell{height:350px} 
.slider-wrap {margin-bottom: 5em;} 
.image-section{margin-top:50px;margin-bottom:0}  
.sched-img{margin-top:70px;text-align:center}    
.sched-img img{position:relative;top:0;width:100%;max-width:600px}    
.scroll-section{margin-top:50px;padding:15px}
.scrolling-wrap{height:70px}
.scrolling{height:72px} 
.review-section{margin-top:50px;padding:70px}
.prevslide{left:10px;padding:10px 13px}
.nextslide{right:10px;padding:10px 14px} 
.calc-bg{height:500px}
.calc-section{top:200px;padding:50px 50px 30px 50px}
.built-with-calconic{padding-top:30px!important}
.calconic-input input{padding:10px!important} 
    
    
/* subpages */           
.service-img{margin-top:50px}    
.service-img img{width:100%;margin-top:10px} 
.sales-img{margin-top:50px} 
.sales-img img{width:100%;margin-top:10px}      
.faq, .financing-wrapper{padding:30px;margin-bottom:20px;border-top:10px solid #0073a2} 
.form-wrapper{padding:30px;margin-top:70px}   
.category{padding:15px;margin:10px;border-top:3px solid #0073a2}    
.category h3{font-size:14px}    
    
 
/* footer */     
.footer-col-large{float:none;width:100%}
.footer-col-small{float:none;width:100%}
.footer-col-padding{padding:20px 0}
.large-padding{padding-right:0!important}
.footer-links a{font-size:14px}
.footer-img img{width:200px;top:5px}    
}






@media screen and (max-width:800px){  
.right-top-header{float:none;width:100%;text-align:center}
.quick-search input[type="text"]{width:calc(100% - 160px)!important}    
.quick-search input[type="text"]:focus{width:calc(100% - 160px)!important}    
.left-top-header{display:none}      
.calc-bg{height:600px}
.calc-section{top:230px;padding:50px 30px 30px 30px}
.built-with-calconic{padding-top:30px!important}
.footer-spacer{height:250px}    
.hide{display:none}  
.category-col{width:50%}    
.financing-wrapper {flex-wrap: wrap; flex-direction: column; justify-content: center;}
.financing-wrapper p {width: 100%; padding: 0;}
.financing-wrapper img {margin: 0 auto 2em;}
}






@media screen and (max-width:650px){    
.image-col{float:none;width:100%}  
.image-padding{padding:10px 0}
.category-col{width:100%}     
}
