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

h1, h2, h3, h4, h5, h6, p { 
    margin: 0 auto;  
    padding: 0;  
    border: 0;  
    outline: 0;  
	font-family: 'Montserrat', sans-serif;
}

body {
		font-family: 'Montserrat', sans-serif;
	margin:0;
}


a {
	text-decoration:none;
	
}

p{
	padding:15px 0;
	font-size: 14px;
}

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.none{display:none;}

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

/* HEADER 
----------------------------------------------*/
header {
	width: 100%;
	margin: 0 auto;
}

.header-top-contact-info {
	width: 100%;
	margin: 0 auto;
	background: #0f9962;
	color: #fff;
}

.header-top-contact-info-wrapper {
	width: 80%;
	margin: 0 auto;
	padding: 1% 0;
	text-align: center;
}

.header-top-contact-info-wrapper a {
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
}

.header-top-contact-info-wrapper ul {
	list-style: none;
}

.header-top-contact-info-wrapper li {
	display: inline-block;
	letter-spacing: 1px;
}

.header-top-contact-info-wrapper a:hover {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.header-bottom {
	width: 100%;
	background:url(../siteart/backgrounds/dark-matter.png);
}

.header-bottom-wrapper {
	width: 100%;
	margin: 0 auto;
}

.logo {
	width:100%;
	display: inline-block;
 	margin: 0 auto;
	text-align: center;
}

.logo img {
	width: 25%;
	margin: 0 auto;
}
/*===================== 
	nav styles 
=======================*/

#menu-button{display: none;}
nav.mobile, .mobile-nav-cont-1 { display:none;} /* New class to help control screen width visability */

nav.primary {
	padding:0;
	display:block;
	position:relative;
    width: 100%;
	}
	nav.primary ul {
		margin:0 auto; 
		padding:0;
		}
	nav.primary > ul {
        width:100%;
        display: flex;
        justify-content: space-between;
		}
		nav.primary ul li {
			margin:0;
			list-style-type:none; 
			flex-grow: 1;
			width:100%;
			box-sizing: border-box;
			border-right: 1px solid #0a6b44;
			}
		nav.primary ul li:last-of-type {
			border-right: 0px;
		}
			nav.primary ul li a {
                font-family: 'Montserrat', sans-serif;
				color: #fff;
				font-size: 16px;
				text-decoration: none;
				padding: 15px;
				width: 100%;
				display: block;
				margin: 0;
				text-align: center;
				-webkit-transition: .1s ease-in;
				-moz-transition: .1s ease-in;
				-o-transition: .1s ease-in;
				transition: .1s ease-in;
				font-weight: 400;
				background:#0F9962;
				box-sizing: border-box;
				}	
			nav.primary ul li a:hover {
				background: #0a6b44;
				}
			nav.primary ul li:hover a {
				background: #0a6b44;
				}
			/* Appearance of the sub-level links */
			nav.primary ul li li a { 
				color:#fff;
				padding: 15px 40px;
				background:#0F9962!important;
			}
			/* Appearance of the sub-level links on hover */
			nav.primary ul li li a:hover { 
				background: #0a6b44!important;
			}
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
    display: none;
    position: absolute; 
	z-index: 500;
}
nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
nav.primary ul li:hover > ul {  
    display: block;
    
}
nav.primary ul ul li {
	display: block;
    float: none; 
	width: auto;
    position: relative;
    margin:0;
}



/* HOME PAGE STYLES
-----------------------------------------------*/
.hero {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.hero_slider {
	width: 100%;
	height: auto;
	max-height: 750px;
	overflow: hidden;
}

.slide_01 img, .slide_02 img, .slide_03 img, .slide_04 img, .slide_05 img {
	width: 100%;
}

.quick-buttons {
	width: 100%;
	position: absolute;
	top: -16%;
}

.quick-buttons-wrapper {
	width: 90%;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:5px 0;
}
.quick-buttons-wrapper a {
	width:32%;
}
.qk-btn {
	background: url(../siteart/backgrounds/button-backgrounds.png);
	padding: 10px 15px;
	display: block;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	width:100%;
	box-sizing: border-box;
}

.qk-btn h1, .qk-btn h2{
	color: #fff;
}

.qk-btn:hover {
	color: red;
}

.threed:hover
{
        box-shadow:
                1px 1px #356823,
                2px 2px #356823,
                3px 3px #356823;
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
}

.welcome {
	background: #fff;
	min-height: 300px;
	position: relative;
}

.welcome-wrapper {
	width: 70%;
	margin: 0 auto;
	padding: 2% 0;
}

.welcome-headline {
	text-transform: uppercase;
	font-size: 2rem;
	padding-top: 2.5%;
}

.welcome-content {
	line-height: 1.75rem;
}

.welcome-content p{
	font-size: 1.05rem;
	color: #000;
}

.qk-btn-text {
	width: 87%;
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.qk-btn-arrow {
	width: 12%;
	margin: 0 auto;
	display: inline-block;
	text-align: right;
	vertical-align: middle;
}

.qk-btn-arrow i {
	font-size: 5rem;
	text-align: right;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}



/* ABOUT PAGE STYLES
-----------------------------------------------*/
.about {
	width: 100%;
	background: #fff;
	margin: 0 auto;
}

.about-wrapper {
	width: 70%;
	margin: 0 auto;
}

.about-headline {
	width: 70%;
	margin: 0 auto;
	text-align: center;
	padding: 1.5% 0;
}

.about-wrapper h1 {
	text-transform: uppercase;
}

.about-content {
	padding-bottom: 3%;
	width: 65%;
	margin: 0 auto;
}

.about-content ul{
	list-style: none;	
}

.about-content li {
	padding: 1% 0;
}

.about-content h4 {
	color: #1c8a43;
}

.about-content h5 {
    font-weight: 500;
}

.about-headline h2 {
	font-weight: 400;
}

.about-headline ul li h3 {
	font-weight: 300;
}

/* CONTACT PAGE STYLES
-----------------------------------------------*/
.contact {
	width: 100%;
	margin: 0 auto;
}

.contact-wrapper {
	width: 70%;
	margin: 0 auto; 
}

.map {
	width: 100%;
	margin: 0 auto;
	/*border-top: solid 5px #1c8a43;*/
	border-bottom: solid 5px #1c8a43;
}

.map iframe {
	width: 100%;
}

.address-bar {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: .5% 0 1% 0;
	background: #edcd1f;
}

.address-bar a {
	color: #fff;
	font-weight: 600;
	font-size: 1.65rem;
	letter-spacing: 1px;
	text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 1);
}

.numbers {
	width: 100%;
	margin: 0 auto;
	border-top: 5px solid green;
	border-bottom: 5px solid green;
	padding: 1% 0;
	text-align: center;
}

.office, .mobile, .fax, .numbers-email {
	width: 24%;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
}

.office h2, .mobile h2, .fax h2, .numbers-email h2{
	font-weight: 500;
	font-size: 1.25rem;
}

.office a, .mobile a, .fax a, .numbers-email a{
	color: #1c8a43;
	text-shadow: 0.25px 0.25px 0.25px rgba(0, 0, 0, 1);
	letter-spacing: .75px;
	font-size: 1.15rem;
	font-weight: 400;
}

/* FOOTER
-----------------------------------------------*/
footer {
	width: 100%;
	margin: 0 auto;
	background: url(../siteart/backgrounds/dark-matter.png);
	background-color: #edcd1f;
}

.invt-scroller {
	width: 100%;
	padding: 1% 0;
	overflow: hidden;
}

.invt-scroller iframe {
	width: 100%;
	overflow: hidden;
}

.footer-wrapper {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	font-size: 10px;
	padding-bottom: 2%;
}

/* MEDIA QUERIES
-----------------------------------------------*/
@media screen and (max-width: 1785px) {
.quick-buttons-wrapper {
    width: 96%;
}

.qk-btn-text h1 {
	font-size: 1.65rem;
	}	
	
.qk-btn-text h2 {
	font-size: 1.15rem;
	}
	
.qk-btn-arrow i {
    font-size: 3.4rem;
}
}


}

@media screen and (max-width: 1575px) {
.quick-buttons-wrapper {
    width: 96%;
}

.welcome-wrapper {
    width: 90%;
}
	
.welcome-headline {
    font-size: 1.75rem;
}
}

@media screen and (max-width: 1550px) {
.office a, .mobile a, .fax a, .numbers-email a {
    font-size: 1rem;
}
}

@media screen and (max-width: 1475px) {
.topnav a {
	font-size: 22px;
	}
}

@media screen and (max-width: 1440px) {
.quick-buttons {
    top: -14%;
}
	
.qk-btn-text h1 {
    font-size: 1.25rem;
}
	
.qk-btn-text h2 {
    font-size: 1rem;
}

.qk-btn-arrow i {
    font-size: 2.75rem;
}
	
.qk-btn-text {
    width: 85%;
}

.about-wrapper {
    width: 90%;
}	
}

@media screen and (max-width: 1360px) {
.office a, .mobile a, .fax a, .numbers-email a {
    font-size: 0.85rem;
}
}

@media screen and (max-width: 1340px) {
.header-bottom-wrapper {
    width: 100%;
}

.topnav a {
	font-size: 20px;
	padding: 14px 10px;
}
}

@media screen and (max-width: 1185px) {
.header-top-contact-info-wrapper a {
    font-size: 0.87rem;
}

.header-top-contact-info-wrapper {
    width: 90%;
}	
	
.office, .mobile, .fax, .numbers-email {
    width: 49%;
    padding: 1% 0;
}
	
.address-bar a {
    font-size: 1.25rem;
}
	
.qk-btn-text h1 {
    font-size: 1.15rem;
}

.qk-btn-text h2 {
    font-size: 0.85rem;
}

.qk-btn-arrow i {
    font-size: 2.25rem;
}

.qk-btn-arrow {
    width: 10%;
}

.qk-btn-text {
    width: 87%;
}	
}

@media screen and (max-width: 1170px) {
.qk-btn h1 {
    font-size: 1.5rem;
}

.qk-btn h2 {
    font-size: 0.95rem;
}

.welcome-wrapper {
    width: 96%;
}

.welcome-headline {
    font-size: 1.5rem;
}
	
.welcome-content p {
    font-size: 0.95rem;
}	
	
.quick-buttons {
    top: -12%;
}	
}

@media screen and (max-width: 1125px) {
.qk-btn h1 {
    font-size: 1.25rem;
}

.qk-btn h2 {
    font-size: 0.85rem;
}

.qk-btn-arrow i {
    font-size: 2.5rem;
}
}

@media screen and (max-width: 1075px) {
.topnav a {
	font-size: 18px;
	padding: 0px 7px;
}
	
.inventory-width {
	width: 90%;
}
	
.about-headline {
    width: 85%;
}
	
.about-headline {
	font-size: 85%;
}	
	
.about-content {
    width: 80%;
}	
}

@media screen and (max-width: 1020px) {
.quick-buttons-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}
	
 .quick-buttons-wrapper a {
    width: 90%;
	margin: 0 auto;
}
	
.quick-buttons {
	text-align: center;
	top: -15%;
	}	
	
.qk-btn h1 {
    font-size: 1.5rem;
}
	
.qk-btn h2 {
    font-size: 1.25rem;
}
	
.qk-btn-arrow i {
    font-size: 3.25rem;
}
	
.welcome-wrapper {
    padding-top: 20%;
}
}

@media screen and (max-width: 980px) {
.welcome-headline {
    font-size: 1.25rem;
}
	
.welcome-content p {
    font-size: 0.85rem;
}	
}

@media screen and (max-width: 950px) {
.header-top-contact-info-wrapper a {
    font-size: 0.7rem;
}

.header-top-contact-info-wrapper {
    width: 96%;
}
}

@media screen and (max-width: 950px) {
  .topnav a, .dropdown .dropbtn {
    display: none;
  }
	
  .topnav a#icon {
    float: right;
    display: block;
  }
	
.mb-nav-hide {
	display: none;
}
	
.mb-nav-show {
	display: inline-block;
	margin-right: 0px;
	width: 100%;
}
	
.logo {
    width: 100%;
	text-align: center;
}
	
.logo img {
	width:40%;
}
	
#nav-container {
	width: 100%;
}
}

@media screen and (max-width: 950px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive #icon {
    position: absolute;
    right: 0;
    top: 0;
  }
	
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
	padding: 7px 7px 7px 0;
  }
	
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: center;;
  }
}

@media screen and (max-width: 905px) {

.qk-btn {
    width: 100%;
	 text-align: center;
    margin: 2px 0;
}	
	
.welcome-wrapper {
    width: 96%;
    padding-top: 18%;
}	
	
.welcome-wrapper {
    padding-top: 23%;
}	
}

@media screen and (max-width: 845px) {
.mb-hide {
	display: none;
	}
	
.header-top-contact-info-wrapper li{
	display: flex;
	flex-direction: column;
	}
	
.header-top-contact-info-wrapper li:nth-last-of-type(2){
	padding: 5px 0;
	}
	
.header-top-contact-info-wrapper {
    padding: 5px 0;
}
}

@media screen and (max-width: 785px) {
.quick-buttons {
    top: -10%;
}

.welcome-wrapper {
    padding-top: 27%;
}
	
.about-headline {
	font-size: 75%;
	}
/*==============================
		Mobile Nav Styles			
	================================*/	
	nav.primary{display:none;}
    .mobile-nav-cont-1 { display:block;} /* New class to help control screen width visability */
    
	#menu-button { 
		width: 100%;
		display: block;
		position: relative;
		z-index: 400; 
		background: #7E7E7E;
        text-align: center;
	}
	
    .menu-toggle {
        display: flex;
        gap:13px;
		justify-content: space-between;
		align-items: center;
		width:100%;
		padding:10px;
		box-sizing: border-box;
		font-size: 18px;
		color:#fff!important;
		font-family: 'Montserrat', sans-serif;
    }
     .menu-hamburger {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width:35px;
        height: 27px;
        position: relative;
    }
    .menu-hamburger-bar-1 {
       display: block;
       background:#fff;
        height: 5px;
        width:100%;
        transition: .2s ease-in;
    }
    .menu-hamburger-bar-2 {
       display: block;
       background:#fff;
        height: 5px;
        width:100%;
        transition: .2s ease-in;
    }
    .menu-hamburger-bar-3 {
       display: block;
       background:#fff;
        height: 5px;
        width:100%;
        transition: .2s ease-in;
    }

    .clickopen .menu-hamburger-bar-2 {
        display: none;
    }
    .clickopen .menu-hamburger-bar-1 {
        position: absolute;
        top:10px;
        transform: rotate(45deg);
        width:25px;
    }
    .clickopen .menu-hamburger-bar-3 {
        position: absolute;
        top:10px;
        transform: rotate(-45deg);
        width:25px;
    }
    
	nav.mobile { 
		display:none;
		position: absolute;
		left: 0px;
		width: 100%;
		height: auto;
		background: #0F9962;
		z-index: 500; 
		overflow:auto;
	}

	
	/* MENU LIST STYLE */
	nav.mobile ul {
		list-style: none;
		margin:0;
		padding:0;
	}
	nav.mobile ul li {
		position:relative;
	}

	/* FIRST LEVEL */
	nav.mobile ul li a {
		font-family: 'Montserrat', sans-serif;
		position: relative;
		display: block;
		font-size:15px;
		padding: 10px;
		color: #fff;
	}
	nav.mobile ul li a:hover {
		background: #0d8253;
	}

	/* SECOND LEVEL */
	nav.mobile ul li li a {
		padding: 10px 10px 10px 15px;
	}
	nav.mobile ul li li a:hover {
		background: #0d8253;
	}
	
	
	
}

@media screen and (max-width: 675px) {
.quick-buttons {
    top: -10%;
}
	
.welcome-wrapper {
    padding-top: 30%;
}

.welcome-headline {
    font-size: 1rem;
}
	
.mb-nav-show {
   margin-right: 0px;
}
	
.logo img {
    width: 60%;
}
	
.address-bar a {
    font-size: 1.05rem;
}

.address-bar {
    padding: .5% 0 2% 0;
}

.map iframe {
    height: 375px;
}	
	
.inventory-width {
	width: 90%;
}	
}

@media screen and (max-width: 625px) {
.about-headline {
    width: 96%;
}

.about-content {
    width: 96%;
}
	
.about-headline {
	font-size: 70%;
}	
}

@media screen and (max-width: 600px) {
.office, .mobile, .fax, .numbers-email {
    width: 100%;
    padding: 1% 0;
}
}

@media screen and (max-width: 575px) {
.qk-btn h1 {
    font-size: 1.25rem;
}

.qk-btn h2 {
    font-size: 1.05rem;
}

.qk-btn-arrow i {
    font-size: 2.8rem;
}
	
.welcome-wrapper {
    padding-top: 35%;
}	
}

@media screen and (max-width: 515px) {
.address-bar a {
    font-size: .95rem;
}

.address-bar {
    padding: .5% 0 3% 0;
}

.map iframe {
    height: 325px;
}	
}


@media screen and (max-width: 480px) {
.welcome-wrapper {
    padding-top: 45%;
}
	
.welcome-headline {
    font-size: 0.82rem;
	text-align: center;
}
	
.mb-nav-show {
    margin-right: 0px;
}	
	
.qk-btn-text {
    width: 100%;
}
	
.quick-buttons {
    top: 2%;
}	
}

@media screen and (max-width: 445px) {
.welcome-wrapper {
    padding-top: 52%;
}
	
.qk-btn {
    margin: 3px 0;
}
	
.address-bar a {
    font-size: 1.35rem;
}

.address-bar {
    padding: .5% 0 3% 0;
}

.map iframe {
    height: 300px;
}	
	
.qk-btn{
		width: 100% !important;
}
	
.threed{
		width: 100% !important;
}	
	
.qk-btn-text{
		width: 100% !important;
}	

	
.quick-buttons{
		width: 100% !important;
		/*position: static;*/
}	
	
.welcome{
		width: 100% !important;
}
}


@media screen and (max-width: 430px) {
.quick-buttons {
    top: 2%;
}
	
.qk-btn h2 {
    font-size: 0.94rem;
}
}