/*
Theme Name: www.centraliowafarmstore.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/
@font-face {
    font-family: 'icon-worksregular';
    src: url(../fonts/icon-works-webfont.eot);
    src: url(../fonts/icon-works-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/icon-works-webfont.woff) format('woff'), url(../fonts/icon-works-webfont.ttf) format('truetype'), url(../fonts/icon-works-webfont.svg#icon-worksregular) format('svg');
    font-weight: normal;
 
	
	
}
html, body {
	width:100%;
}
body {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    overflow-x: hidden;
    width: 100%;
}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Class for Google Map widget */
.google_map {
	width:100%; 
	min-height:58vh;
}
.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#000;
	font-size:1.5em;
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:orange;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-size:18px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#e68a24;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
ul{padding:0; margin:0;}
ul li{list-style: none;}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#wp-admin-bar-new-content-default {
	display: none;
}

.shadow, .shaddow {
    box-shadow: 0px 6px 14px -7px rgba(0, 0, 0, .25) !important;
}
.pad {
    padding: 25px 3%!important;
}
.l-pad {
    padding: 50px 3%!important;
}
.xl-pad {
    padding: 80px 20px!important;
}
.black-bg {
    background: #000;
}
.lightgray-bg {
    background: #ededed!important;
}
.lightgray-bg a{color:#000; font-size:16px;}
.lightgray-bg a:hover{text-decoration:underline;}
.stripes {
    background: url("/wp-content/themes/www.centraliowafarmstore.com/siteart/stripes.png") repeat;
}
#pageimage {
    display: block;
    width: 100%;
}
.wrapper-inner {
    width: 85%;
    margin: 0 auto;
}
.wrapper-center {
    width: 85%;
    margin: 0 auto;
    text-align: center;
}

.black-border {
    border-bottom: 15px solid #000;
}
p{font-size:16px; font-weight:400; }
/*--------Text----------*/
.large-gray{color:#404040; text-transform:uppercase; font-size:55px; line-height:55px; letter-spacing:3px; font-weight:800; font-family:'Montserrat', open-sans;}
.med-white{font-size:32px; color:#fff; letter-spacing:2px; font-weight:900; line-height:42px;}
.med-gray{color:#404040; font-size:32px; letter-spacing:2px; font-weight:900; line-height:42px;}
.bold-p{font-size:18px; font-weight:600; color:#000;}

/*-----Buttons-----*/
.gray-btn {
    background: #404040;
    color: #fff!important;
    letter-spacing: 1.5px;
	text-transform:uppercase;
    font-size: 15px;
    padding: 10px 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.gray-btn:hover {
    background: #000;
}
.orange-btn {
    background: #d73c09;
    color: #fff;
    letter-spacing: 1.5px;
    font-size: 15px;
    padding: 10px 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin: 5px;
	border:none;
}
.orange-btn:hover {
    background: #000;
}
.orange-btn-full {
    background: #d73c09;
    color: #fff;
    letter-spacing: 1.5px;
    font-size: 15px;
    padding: 10px 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin: 5px!important;
	width:calc(100% - 10px); 
	border:None;
}
.orange-btn-full:hover {
    background: #000;
}

.form{padding:50px 40px!important;}
.form h1, .form h2{font-size:32px; text-transform:Uppercase; color:#404040; letter-spacing:2px; font-weight:900; line-height:42px;}
.form h3{font-size:22px; text-transform:Uppercase; color:#404040; letter-spacing:2px; font-weight:600; line-height:30px;}

/*------Cateogry Pages-----*/
.cats h1{font-size:55px; text-transform:Uppercase; color:#404040; letter-spacing:2px; font-weight:900; line-height:42px;}
.cat-links{display:block; width:calc(100% - 12px); border:solid 2px #fff;  margin:6px!important;}
.cat-links img{width:100%; transition:.3s ease; object-fit:cover;}
.cat-links h2{padding:14px 5px; text-align:center; font-size:20px; font-weight:700; letter-spacing:1.5px;}
.cat-links:hover img{opacity:.6;}


/*---HEADER-----------------------------------*/
.header {
    width: 100%;
	flex-wrap:wrap;
    background: #fff;
    position: relative;
	display:flex; 
	flex-direction:row;
	justify-content: space-between;
    z-index: 999;
}
.header-left {
    display: inline-block;
    margin-left: 5%;
}
.header-right {
    display: inline-block;
}
#logo img {
    width: 250px!important;
	display:inline-block!important;
}
#top-search {
    float: right;
    background: #ededed;
    padding: 40px 10px;
		display:flex; flex-direction:row;
}
#top-search ul {
    display: inline-block;
}
#top-search ul li a .fa-search {
    color: #d73c09;
}
#top-search ul li a .fa-search:hover {
    color: #000;
}
#top-search ul li a:hover {
    color: #BFBFBF;
    transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
}
#top-search a {
    display: inline-block;
    font-size: 25px;
    padding: 0 12px;
    line-height: 45px;
    color: #000;
}
#searchbar {
    position: absolute;
    display: none;
    float: left;
    width: 100%;
    height: 62px;
    z-index: 9999;
    box-sizing: border-box;
    height: 100px;
    border-bottom: 1px #e5e5e5 solid;
    background: #000;
}
#searchbar #searchform #searchsubmit {
    background: url(../siteart/search.png) no-repeat right;
    float: left !important;
    width: 40% !important;
    height: 26px !important;
    padding: 50px 0 !important;
    color: #d73c09 !important;
    border: 0 !important;
    outline: none !important;
    cursor: pointer !important;
}
#searchbar #searchform .keywords {
    float: left !important;
    width: 60% !important;
    border: 0 !important;
    outline: none !important;
    padding: 34px 25px !important;
    box-sizing: border-box !important;
    font-size: 20px !important;
    line-height: 28px !important;
    color: #fff !important;
    background: #000 !important;
    font-family: 'Montserrat', sans-serif !important;
    height: auto !important
}
#searchbar ::-webkit-input-placeholder {
    color: #fff;
}
#searchbar :-moz-placeholder {
    color: #fff;
}
#searchbar ::-moz-placeholder {
    color: #fff;
}
#searchbar :-ms-input-placeholder {
    color: #fff;
}
#mobile-top-search {
    width: 100%;
    display: none;
    background: #ededed;
    padding: 10px 0;
    text-align: center
}
#mobile-top-search ul {
    display: inline-block;
}
#mobile-top-search a {
    font-size: 25px;
    padding: 0 15px;
    line-height: 45px;
    color: #000;
    display: inline-block
}
#mobile-top-search ul li a .fa-search {
    color: #d73c09 !important;
}
#mobile-top-search ul li a .fa-search:hover {
    color: #000;
}
#mobile-top-search a:hover {
    color: #BFBFBF;
    transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
}

/*--------Hero-----*/
.hero{width:100%; position:relative;}
.hero-links{width:100%; z-index:500; position:absolute; left:0; right:0; bottom:0;}
.link{display:block; border:solid 1px #fff; transition:.3s ease; background:rgba(0,0,0,.6); padding:40px; text-align:left!important;}
.bold{font-size:28px; color:#fff; letter-spacing:1.5px; font-weight:800;padding:0; margin:0; line-height:38px;}
.sm-txt{font-size:16px; color:#fff; text-transform:uppercase; padding:0; margin:0; letter-spacing:1.5px; font-weight:300; line-height:30px;}
.link:hover{background:rgba(0,0,0,.9);}

.wrapper{width:85%!important; margin:0 auto!important;}


/*--search--*/
.search {
    display: flex;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    padding: 0 0 20px 0;
}
.search .left {
    justify-content: flex-start;
    width: 60%;
}
.search h2, .search .h2 {
    color: #404040 !important;
    font-size: 55px !important;
    width: 75%;
    line-height: 55px !important;
    letter-spacing: 3px !important;
}
.search .right {
    justify-content: flex-start;
    width: 40%;
}
.search .right img {
    width: 100%;
}

/*---------Links-------*/
.half-link{width:100%; width:fit-content!important; height:fit-content!important; margin:5px!important; position:relative;}
.half-link img{width:100%; height:500px; object-fit:cover;}
.half-link h2{font-size:32px; color:#fff; letter-spacing:2px; font-weight:900; line-height:42px; position:absolute; top:5%; left:5%; padding:20px 0;}
.hov-cont{position:absolute; bottom:0; left:0; right:0; background:rgba(255,255,255,.8); color:#000; overflow:hidden; width:100%; height:0; transition:.5s ease;}
.half-link:hover .hov-cont{height:100%; }
.hov-text{color:#000; text-align:left; font-size:20px; padding:20% 10px; width:80%; margin:0 auto;}
.hov-text p{color:#000; text-align:left; font-size:20px; padding-bottom:20px;}

/*--- SUB PAGES --------------------------------*/
.fin-link{padding:20px; display:block; box-sizing:border-box;}
.fin-link img{width:90%; margin:0 auto; transition:.3s ease;}
.fin-link:hover img{transform:scale(1.1);}


.sub {
    display: flex;
    align-items: center;
    width: 92%;
    margin: 0 auto;
}
.sub .left {
    justify-content: flex-start;
    width: 55%;
}
.sub .left img {
    width: 90%;
}
.sub .left iframe {
    width: 90%;
    height: 450px;
    display: block;
}
.sub iframe {
    padding-left: 20px;
}
.sub h1 {
    color: #404040;
    font-size: 45px;
    line-height: 55px;
    letter-spacing: 3px;
    margin-bottom: 8px;
}
.sub h2 {
    margin-bottom: 10px;
}
.sub p {
    margin-bottom: 6px;
}
.sub .right {
    justify-content: flex-start;
    width: 45%;
}
.sub .right img {
    width: 100%;
}
.sub .right .gray-btn {
    float: right
}

.emp-video iframe {
    width: 98%;
}
/*--parts--*/
.manu {
    text-align: center;
    margin: 0 auto
}
.manu img {
    width: 100%;
    max-width: 200px;
    margin: 5px 10px;
    vertical-align: middle;
}
.manu img:hover {
    transform: scale(1.05);
    transition: .8s;
}
/*--showrooms --*/

.logo-box {
    border: 3px solid #fff;
    text-align: center;
    margin: 5px;
	display:block;
}
.logo-box img {
    text-align: center;
    margin: 0 auto;
    max-width: 200px;
    padding: 20px 0;
	width: 100%;
}
.logo-box:hover {
    background: #fff;
}
.showroom-row {
    display: flex;
}
.showroom-box {
    flex: 1;
    border: 2px solid #fff;
    text-align: center;
    margin: 5px
}
.showroom-box.third {
    flex: unset;
    width: calc(33.333333% - 15px);
}
.showroom-box img {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    display: block;
}
.showroom-box img:hover {
    opacity: .7;
}
.showroom-box h4 {
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}
#breadcrumbs {
    text-align: left !important;
    padding-top: 20px
}
#breadcrumbs a {
    display: inline-block;
    color: #303030;
    text-decoration: underline;
}
#breadcrumbs b {
    color: #404040;
}
#breadcrumbs a:hover {
    opacity: .7
}
/*--KUBOTA PAGES -------------------------*/
.kubota-icon {
    width: calc(100% - 7px);
    padding: 10px 0;
    border: 1px solid #000;
    margin: 5px;
    text-align: center;
	display:block;
}
.kubota-icon img {
    width: 100%;
    max-width: 100px;
    display: block;
    text-align: center;
    margin: 0 auto
}
.kubota-icon h3{font-size:22px; color:#000; letter-spacing:1px; font-weight:700; line-height:30px;}
.kubota-icon:hover {
    background: #fff
}
/*--STAFF -------------------------*/
.staff {
    justify-content: flex-start;
    width: 25%;
    margin: 0 10px;
    text-align: center
}
.staff img {
    width: 100%;
}
/*--- INVENTORY PAGE --------------------------*/
.inv-left {
    display: inline-block;
    vertical-align: top;
    width: 78%;
    background: #fff;
    padding: 20px 0;
}
.inv-right {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    float: right;
}
.inv-request {
    border: 1px solid #ccc;
    width: 80%;
    background: #fff;
    float: right
}
.inv-request h4 {
    background: #404040;
    color: #fff;
    text-align: left;
    padding: 14px 0 14px 10px;
    font-weight: 700;
    font-size: 16px;
	margin:0!important;
}
.inv-request .fa {
    margin-right: 20px;
    font-size: 18px
}
.request-button {
    padding: 15px 0 15px 10px;
    border-top: 1px solid #ccc;
    font-size: 15px;
    text-decoration: none;
    display: block;
}
.request-button:hover {
    background: #ededed
}
.mobile-inv-request {
    display: none;
    border: 1px solid #ccc;
    float: none;
    width: 90%;
    margin: 0 auto;
    background: #fff;
}
.mobile-inv-request h4 {
    background: #404040;
    color: #fff;
    text-align: left;
    padding: 10px 0 10px 10px;
    font-weight: 700;
    font-size: 16px
}
.mobile-inv-request .fa {
    margin-right: 20px;
}
.mobile-inv-request .request-button {
    padding: 10px 0 10px 10px;
    border-top: 1px solid #ccc;
    font-size: 15px;
	color:#000!important;
    text-decoration: none;
    display: block;
}
.mobile-inv-request .request-button:hover {
    background: #f5f5f5
}
/*-- FOOTER ------------------------------------*/
.footer {
    color: #fff;
}
.footer p {
    font-weight: 700;
	text-transform:uppercase;
	font-size:16px;
}
.footer ul{margin:0; padding:0;}
.footer ul li {list-style: none; }
.footer ul li a{
    font-weight: 300;
    line-height: 30px;
    font-size: 14px;
	color:#fff;
}
.footer li a:hover {
    text-decoration: underline
}
/* NOUI SLIDER */
.hp-slider .example-val {
    padding: 5px 0;
}
.noUi-target {
    position: relative;
    direction: ltr
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px
}
.noUi-handle {
    position: relative;
    z-index: 1
}
.noUi-marker, .noUi-pips, .noUi-tooltip, .noUi-value {
    position: absolute
}
.noUi-horizontal {
    height: 12px;
    z-index: 0
}
.noUi-horizontal .noUi-handle {
    width: 25px;
    height: 21px;
    left: -13px;
    top: -6px
}
.noUi-background {
    background: #ccc;
}
.noUi-connect {
    background: #354447 !important;
    border: 1px #ccc solid;
}
.noUi-target {
    width: calc(95% - 15px);
    margin: 15px auto 0 auto;
}
.noUi-handle {
    background: #fff !important;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 12px;
    width: 1px;
    background: #E8E7E6;
    left: 10px;
    top: 3px
}
.noUi-handle:after {
    left: 12px
}
.noUi-pips-horizontal {
    padding: 5px 0;
    height: 10px;
    top: 100%;
    left: 0;
    width: 100%
}
.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 1px;
    height: 5px;
    background: #777;
}
.example-val {
    font-size: 12px;
    font-weight: 600;
    color: #000;
}
.example-val span {
    font-weight: 400;
}
#slider-price-value-lower:before, #slider-price-value-upper:before {
    content: '$';
    padding-right: 2px
}
/*---FORMS -----------------------------------*/
.form-row {
    display: flex;
}
.formfield {
    flex: 1;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    padding: 5px 0;
    margin: 5px;
    font-size: 13px;
}
.form-label-row {
    display: flex;
    margin: 0 0 -20px 0;
}
.form-label-row label {
    margin: 0 0 0 5px;
}
.formfield input, .formfield select {
    width: 100%;
    padding: 10px 0;
    border: 1px solid #134773;
    background: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    -webkit-appearance: none;
    border-radius: 0 !important;
    -webkit-border-radius: 0px !important;
}
input.radio {
    padding: 0;
    border: 0;
    margin: 0 5px 0 0;
    width: 15px;
    height: 15px;
    display: inline;
}
.formfield textarea {
    width: 100%;
    padding: 10px 0;
    border: 1px solid #134773;
    font-weight: 700;
    color: #000;
    background: #fff;
    font-family: 'Montserrat', sans-serif;
    height: 85px;
    -webkit-appearance: none;
    border-radius: 0 !important;
    -webkit-border-radius: 0px !important;
}
form input.button, form input.button:focus {
    float: none;
    width: 160px;
    font-family: 'Montserrat', sans-serif;
    margin: 0 auto;
    background: #404040; /* For browsers that do not support gradients */
    line-height: 18px;
    color: #fff;
    font-size: 15px;
    padding: 10px 20px;
    font-weight: 700;
    letter-spacing: 2px;
    text-align: center;
    display: block;
    border: none;
    -webkit-appearance: none;
    border-radius: 0 !important;
    -webkit-border-radius: 0px !important;
}
form input.button:hover {
    padding: 10px 0px;
    background: #000; /* For browsers that do not support gradients */
    margin: 0 auto;
    text-align: center;
    display: block;
    transition: all .8s ease;
}

/*------Promo-----*/
			.promo{width: 100%; padding: 10px; box-sizing: border-box;}
			.promo img{width: 100%; transition: all .2s ease-in-out;} .promo img:hover{opacity: .75;}
			.promo .button{display: block; background: #E24407; padding: 15px; font-weight: 700; text-align: center; color: #fff; transition: all .2s ease-in-out;}
			.promo .button:hover{background: #C53700;}


/*---RESPONSIVE STYLES ------------------------------*/
@media screen and (max-width: 1850px) {
	.header-right{display:flex; justify-content: flex-end; flex-direction:row-reverse; flex-grow: 1;}
}
@media screen and (max-width: 1600px) {
    .header-left {
        margin-left: 2%;
    }
    #logo img {
        width: 200px!important;
    }
    #top-search {
        padding: 27px 10px
    }
    #top-search a {
        font-size: 20px;
        padding: 0 8px
    }
    /*--slider--*/
    .slide .slide-link, .slide .slide-link-left {
        top: 4vw;
    }
    .slide-box {
        padding: 25px 0;
    }
}
@media screen and (max-width: 1380px) {
	.header-left{width:450px; margin:0!important; padding-left:2%!important;}
	.header-right{flex-grow: 1; display:flex; justify-content: flex-end;}
	#mobile-top-search{display:flex!important; flex-direction:row; justify-content: center;}
	.cats h1{font-size:40px; line-height:45px;}
}
@media screen and (max-width: 1300px) {
    /*--inv pages --*/
    .inv-left {
        width: 100%;
    }
    .inv-right {
        width: 100%;
    }
    .inv-request {
        display: none;
    }
    /*.mobile-inv-request{display: block;}*/
    .wrapper-inv.l-pad {
        padding: 0px 0;
    }
	
}
@media screen and (max-width: 1279px) {
    .footer-col, .footer-col-new {
        display: block;
        width: 51%;
        color: #fff;
    }
    .footer-col-new {
        margin-top: 30px;
    }
    .footer-col3 {
        margin-left: 85%;
    }
    .wrapper-inner, .wrapper-center {
        width: 90%;
    }
    .wrapper-inner {
        display: flex;
        flex-wrap: wrap;
    }
    /*--slider--*/
    .slide .slide-link, .slide .slide-link-left {
        top: 2vw;
        left: 4%;
    }
    .slide .slide-link .link-text h1, .slide .slide-link-left .link-text h1, .slide .slide-link .link-text .h1, .slide .slide-link-left .link-text .h1 {
        font-size: 30px !important;
        line-height: 40px !important;
    }
    .slide-box {
        padding: 20px 0;
    }
    .slide-box h2, .slide-box h4 {
        margin-left: 20px
    }
    .slide-box h2 {
        font-size: 22px
    }
    .slide-box h4 {
        font-size: 15px;
    }
    .cat .text p {
        margin-top: 20px;
        font-size: 14px;
    }
    .kubota-icons h3 {
        font-size: 18px;
    }
	.hero-links{position:relative;}
	.link{background:#000; padding:20px;}
	.large-gray{font-size:45px; line-height:50px;}
	.search{width:100%;}
}
@media screen and (max-width: 1024px) {
    .slide .slide-link {
        top: 5vw;
        left: 0%;
        padding: 0;
        max-width: 70%;
        margin: 0 auto
    }
    .slide .slide-link-left {
        padding: 0 !important;
        top: 5vw;
        left: 0%;
        max-width: 70%;
        margin: 0 auto
    }
    .slide .slide-link .link-text h1, .slide .slide-link-left .link-text h1 {
        font-size: 25px;
        line-height: 30px;
    }
    .slide-overlay {
        background: rgba(0, 0, 0, .99);
        position: relative;
        display: block
    }
    .slide-box {
        justify-content: flex-end;
        width: 100%;
        display: block;
        border-bottom: 1px solid #fff
    }
    .cat-wrapper, .wrapper {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .cat {
        width: 100%;
        justify-content: flex-end;
        margin: 10px auto;
    }
    .cat .text {
        top: 53%;
    }
    .cat .text p {
        margin-top: 0;
        font-size: 14px;
    }
    .cat-title {
        top: 3%;
    }
    .footer-col2 .col-2 {
        display: block;
        vertical-align: top;
        width: 100%;
        margin-right: 0;
    }
    .footer-col {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px auto
    }
    .footer-col-new {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px auto
    }
    .footer-col2 {
        display: block;
        width: 100%;
        text-align: center;
        margin: 20px auto
    }
    .footer-col3 {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px auto
    }
    /*--showrooms --*/
    .logo-row {
        display: block;
    }
    .logo-box {
        flex: 0;
        margin: 5px;
        width: 45%;
        display: inline-block;
    }
    .showroom-row {
        display: block;
    }
    .showroom-box {
        flex: 0;
        margin: 5px;
        width: 45%;
        display: inline-block;
    }
    .showroom-box.third {
        width: calc(45% - 10px);
    }
    .showroom-box.third h4 {
        font-size: 14px;
        letter-spacing: 0.075em;
    }
	.cats h1{font-size:35px; line-height:40px;}
    /*--- SUB PAGES --------------------------------*/
    .sub {
        display: block;
        width: 80%;
    }
    .sub .left {
        justify-content: flex-end;
        width: 100%;
        margin-bottom: 20px;
    }
    .sub .left img {
        width: 100%;
    }
    .sub .left iframe {
        width: 100%;
        height: 350px;
        display: block;
    }
    .sub {
        display: flex;
        flex-direction: column; /* stack iframes vertically */
        justify-content: center; /* center vertically */
        align-items: center; /* center horizontally */
        height: 100vh; /* or the height you need */
    }
    .sub iframe {
        width: 100%;
        margin: 10px 0;
        padding: 0; /* adds vertical spacing */
    }
    .sub .right {
        justify-content: flex-end;
        width: 100%;
    }
    .sub .right .gray-btn {
        float: none
    }
    .sub h1, h1#large {
        font-size: 38px;
        line-height: 48px;
        letter-spacing: 2.5px;
    }

    .emp-video iframe {
        width: 100%;
    }
    .manu br {
        display: none
    }
    /*--staff--*/
    .staff {
        justify-content: flex-end;
        width: 100%;
        margin: 10px auto 20px auto;
    }
    .staff img {
        width: 100%;
    }
    /*--KUBOTA PAGES -------------------------*/
    .kubota-icons {
        justify-content: flex-end;
        width: 100%;
        display: block;
        padding: 10px 0;
        margin: 15px auto;
        text-align: center
    }
}
@media screen and (max-width: 930px) {
	.detailed-search-wrap .column3{width:100%!important;}
	.half-link img{height:400px;}
	.large-gray{font-size:40px; line-height:45px;}
}

@media screen and (max-width: 800px) {
    /*--search--*/
    .search .left {
        justify-content: flex-end;
        width: 100%;
        text-align: center
    }
    .search h2, .search .h2 {
        font-size: 45px !important;
        width: 100%;
        line-height: 45px !important;
        letter-spacing: 2.5px !important;
    }
	.large-gray{font-size:35px; line-height:40px;}
    .search .right {
        justify-content: flex-end;
        width: 100%;
        max-width: 500px;
        text-align: center;
        margin: 10px auto 0 auto
    }
    .detailed-search-wrap {
        width: 90%;
        text-align: center
    }
    .detailed-search-wrap .column3 {
        width: 100%;
        display: inline-block;
        margin: 5px auto;
    }
    .welcome {
        display: block
    }
    .welcome .left {
        justify-content: flex-end;
        width: 100%;
        text-align: center;
    }
    .welcome .right {
        justify-content: flex-end;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }
    .footer-col {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px auto
    }
    .footer-col2 {
        display: block;
        width: 100%;
        text-align: center;
        margin: 20px auto
    }
    .footer-col3 {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px auto
    }
    .logo-box {
        margin: 10px auto;
        width: 100%;
        display: block;
    }
	.half-link img{height:350px;}
	.cats h1{font-size:30px; line-height:35px;}
}
/*---detailed search-------------------------------*/
.detailed-search-wrap {
    width: 80%;
    margin: 20px auto 0 auto;
    padding: 20px 0;
	display:flex; flex-direction:row;
}
.detailed-search{width:100%!important;}
.detailed-search-wrap .column3 {
    width: 32%;
    display: inline-block;
    
    box-sizing: border-box;
    margin: 5px 5px 5px 0;
    color: #000 !important;
}
.detailed-row .column3.second {
    vertical-align: middle;
    margin-bottom: -30px;
	margin-top:20px;
}
.detailed-search input[type='submit'] {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    background: #000;
    width: 100%;
    padding: 11px 0;
    margin: 2px 0;
    letter-spacing: 2px;
    font-family: 'Montserrat', sans-serif;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    outline: none;
    border: none;
    -webkit-appearance: none;
}
.detailed-search input[type='submit']:hover {
    background: #404040;
    color: #fff;
}
.detailed-search input[type='text'], .detailed-search select {
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #878787;
    width: 100%;
    margin: 2px 0;
    padding: 0 8px;
    font-size: 14px;
    height: 40px;
    background-color: #f9f9f9;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    border-radius: 0;
}
/* NOUI SLIDER */
.hp-slider .example-val {
    padding: 5px 0;
}
.noUi-target {
    position: relative;
    direction: ltr
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px
}
.noUi-handle {
    position: relative;
    z-index: 1
}
.noUi-marker, .noUi-pips, .noUi-tooltip, .noUi-value {
    position: absolute
}
.noUi-horizontal {
    height: 12px;
    z-index: 0
}
.noUi-horizontal .noUi-handle {
    width: 25px;
    height: 21px;
    left: -13px;
    top: -6px
}
.noUi-background {
    background: #ccc;
}
.noUi-connect {
    background: #354447 !important;
    border: 1px #ccc solid;
}
.noUi-target {
    width: calc(95% - 15px);
    margin: 15px auto 0 auto;
}
.noUi-handle {
    background: #fff !important;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 12px;
    width: 1px;
    background: #E8E7E6;
    left: 10px;
    top: 3px
}
.noUi-handle:after {
    left: 12px
}
.noUi-pips-horizontal {
    padding: 5px 0;
    height: 10px;
    top: 100%;
    left: 0;
    width: 100%
}
.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 1px;
    height: 5px;
    background: #777;
}
.example-val {
    font-size: 12px;
    font-weight: 600;
    color: #000;
}
.example-val span {
    font-weight: 400;
}
#slider-price-value-lower:before, #slider-price-value-upper:before {
    content: '$';
    padding-right: 2px
}
@media screen and (max-width: 649px) {
    #searchbar {
        border-top: 1px #fff solid;
    }
    #searchsubmit {
        width: 25%;
    }
    .keywords {
        width: 75%;
    }
    .slide .slide-link, .slide .slide-link-left {
        display: none
    }
    .cat .text p {
        margin-top: 40px;
        font-size: 13px;
        line-height: 23px;
    }
    .form-row {
        display: block;
    }
	.form h1, .form h2{font-size:24px; line-height:28px;}
    .formfield {
        flex: 0;
        width: 100%;
        margin: 5px auto;
    }
    .form-label-row {
        display: none;
    }
    /*--parts--*/
    .manu img {
        max-width: 150px;
        margin: 5px 10px;
    }
    .logo-box {
        flex: 0;
        margin: 10px auto;
        width: 100%;
        display: block;
    }
    .showroom-box {
        flex: 0;
        margin: 10px auto;
        width: 100%;
        display: block;
    }
    .showroom-box.third {
        width: calc(100% - 10px);
    }
	.header-left{width:250px;}
	.header-right{width:calc(100% - 260px);}
	.med-gray{font-size:26px; line-height:30px;}
}
@media screen and (max-width: 480px) {
    .sub h1, .sub .h1, h1#large {
        font-size: 30px !important;
        line-height: 42px !important;
    }
	.form h1, .form h2{font-size:20px; line-height:24px;}
    #searchbar {
        border-top: 1px #fff solid;
    }
    #searchsubmit {
        width: 15%;
    }
    .keywords {
        width: 85%;
    }
    .cat .text p {
        display: none
    }
    .manu img {
        max-width: 130px;
        margin: 5px auto;
    }
	.cats h1{font-size:26px; line-height:32px;}
	.half-link img{height:400px;}
	.hov-text{padding:20px; width:100%;}
	.large-gray{font-size:30px; line-height:35px;}
	.fin-link img{width:100%;}
}