/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
/* src: url('../fonts/roboto-condensed-v18-latin-300.eot');  IE9 Compat Modes */
  src:
       url('../fonts/roboto-condensed-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src:
       url('../fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v18-latin-700.eot'); /* IE9 Compat Modes */
  src:
       url('../fonts/roboto-condensed-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

body {
    font-family: 'Roboto Condensed', sans-serif;
	overflow-x: hidden;
}
h1,h2,h3,h4,h5 {
    color: #231f20;
    letter-spacing: -1px;
}
h1 {
    font-size: 48px;

}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 18px;
}
h4 {
    font-size: 16px;
}
a.link{
    color:#212529;
}
a.link:hover{
    color:var(--yancey-variation-color);
}
a:hover {
    text-decoration: none;
}
p {
    margin-bottom: 1.5rem;
}
.top-bar {
    background-color: var(--yancey-variation-color);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}
.top-bar a {
    color: #000;
}
.topbar-downtoggle {
    font-size: 14px;
    color: #231f20;
    margin-bottom: 0;
    font-weight: 700 !important;
}

.contact-icon, .search-icon {
    padding: 10px 0px 10px 0px;
    display: inline-block;
    vertical-align: middle;
}
.topbar-downtoggle:hover {
    color: #231f20;
}
.topbar-downtoggle i {
    font-size: 12px;
    margin-left: 5px;
}
.top-nav-link:hover {
    text-decoration: none;
}
.contact-number {
    color: black;
}
.contact-number:hover {
    color: black;
}
.contact-icon {
    font-size: 18px;
    margin-right: 3px;
}
.search-icon {
    font-size: 18px;
    margin-left: 30px;
    margin-right: 30px;
}
.logo {
    width: 100%;
    max-width: 200px;
    height: auto;
}
.navbar {
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
}
.nav-link {
    color: black;
    font-size: 18px;
    padding: 30px 20px !important;
}
.nav-link:hover {
    color: var(--yancey-variation-color);
}

.product-line {
    height: 380px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

}
.bigmenu {
    width: 100%;
    position: absolute;
    top: 84px;
    left: 0;
    overflow: hidden;
    z-index: 99;
}
.column {
    width: 25%;
}



.column-1 {
    background-color: #f2f2f2;
    padding: 30px;
    padding-top: 20px;
    z-index: 9;
    -webkit-box-shadow: -1px 0px 30px 20px rgba(0,0,0,0.15);
    -moz-box-shadow: -1px 0px 30px 20px rgba(0,0,0,0.15);
    box-shadow: -1px 0px 30px 20px rgba(0,0,0,0.15);
}
.column-2 {
    background-color: #d8d8d8;
    padding: 30px 0px;
    padding-top: 10px;
    z-index: 8;
    -webkit-box-shadow: -1px 0px 30px 20px rgba(0,0,0,0.15);
    -moz-box-shadow: -1px 0px 30px 20px rgba(0,0,0,0.15);
    box-shadow: -1px 0px 30px 20px rgba(0,0,0,0.15);
}
.column-3 {
    background-color: var(--yancey-variation-color);
    padding: 30px;
    padding-top: 20px;
    z-index: 7;
}
.column-4 {
    background-color: var(--yancey-variation-color);
    padding: 30px;
    padding-top: 20px;
    z-index: 6;
}
.link-titles {
    border-bottom: 1px solid black;
    font-size: 17px;
    font-weight: bold;
}
.bigmenu-ul {
    list-style-type: none;
    padding-left: 0px;
}
.bigmenu-ul li {
    padding: 10px 0;
    padding-left: 30px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
}
.bigmenu-ul li:hover {
    background-color: var(--yancey-variation-color);
}
.bigmenu-ul li:hover a {
    color: #fff;
}
.bigmenu h2 {
    font-weight: bold !important;
    margin-bottom: 30px;
    color: #000;
}
.learn-more {
    background-color: var(--yancey-variation-color);
    font-size: 18px;
    color: #000;
    padding: 10px 40px;
    font-weight: bold;
    border: none;
    text-transform: uppercase;
    transition: 0.3s;
}
.learn-more:hover {
    background-color: #ffffff;
    color: #231f20;
}
/*
.financing-card {
    padding: 20px;
}
*/
.financing-card h2 {
    color: #fff;
    line-height: 0.9;
    margin-bottom: 20px;
}
.financing-card {
/*    background-image: url(../imgs/animator-1.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.financing-card a { padding: 0; }

.financing-card img {
	width: 100%;
	height: auto;
}

/*
.financing-card:after {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background-image: url(../imgs/interior-banner.jpg);
    opacity: 0.4;
    z-index: 2 !important;
}
*/
.financing-card-content {
    z-index: 9;
    position: relative;
}
/*
sup {
    top: -6px;
    left: -7px
}
*/
.link-ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 20px;
}
.link-ul li {
    padding: 3px 0;
}
.link-ul li a {
    color: #000;
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
}
.link-ul li a:hover {
    color: #fff;
}
.bigmenu {
    display: none;
}
.nav-item > .nav-link:hover + .bigmenu {
    display: flex;
}
.bigmenu:hover {
    display: flex;
}
.sub-menu {
    position: absolute;
    top: 84px;
    left: 0;
    background: #d8d8d8;
    width: 250px;
}
.sub-menu-ul {
    list-style-type: none;
    padding-left: 0;
    padding: 10px 0;
}
.dropdown {
    width: fit-content;
}
.dropdown-menu a:hover {
    background-color: transparent;
}
.dropdown-menu a:focus {
    background-color: transparent;
}
.dropdown-toggle:hover .dropdown-menu {
    display: block !important;
}
.dropdown-menu {
    margin-top: 0;
    border-radius: 0;
    border: 0;
    background-color: #d8d8d8;
    padding: 0;
}
.dropdown-menu li {
    color: #000;
    padding: 10px 20px;
}
.dropdown-menu li a {
    padding: 0;
    font-weight: bold;
}
.dropdown-menu li:hover {
    background-color: var(--yancey-variation-color);

}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu> a:after {
content: ">";
    right: 10px;
    content: "\e902";
    font-size: 12px;
    top: 13px;
    font-family: 'yancey' !important;
    font-style: normal;

    position: absolute;

}
.drodownHeader {
 display: inline-block;
     padding: 10px 0px 10px 0px;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 0px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
footer h1 {
    font-size: 48px;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--yancey-variation-color);
    letter-spacing: -1px;
}
.footer-links {
    list-style-type: none;
    padding-left: 0;
}
.footer-links li {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
footer {
    background-color: #231f20;
    padding: 50px 0;
    padding-bottom: 0;
}

.footer--slogan {
    font-size: 48px;
    text-transform: uppercase;
    color: var(--yancey-yellow);
    letter-spacing: -1px;
    margin-bottom: .5rem;
    line-height:1.2;
    margin-top: 0;
    font-weight: 700 !important;
    box-sizing: border-box;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    font-family: 'Roboto Condensed', sans-serif;
}
.copyright {
    margin-top: 50px;
    background-color: var( --yancey-yellow);
    padding: 15px 0;
}
.copyright-text {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 14px;
}
.dropdown-toggle:after {
    display: none;
}
.stay-connected {
    color: #f1b80f;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
}
.stay-connected-info {
    color: #fff;
    font-size: 18px;
}
.newsletter-input {
    border: 0;
    border-radius: 0;
    height: 50px;
}
.newsletter-input:focus {
    box-shadow: none;
}
.newsletter-submit {
    padding: 0px 30px 0px 30px;
    background-color: #f1b80f;
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
}
.footer-social i {
    color: #fff;
}
.carousel, .carousel-inner , .carousel-item {
    height: 80vh;
}
.carousel-caption {
    height: 100%;
        bottom: -30px;
}
.headline h1,h2 {
    color: #fff;
    text-transform: uppercase;
}
.headline h1 {
    font-size: 80px;
    letter-spacing: -1px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 40px;
        width: 100%;
}
.headline h2 {
    font-size: 30px;
    margin-bottom: 0;
    letter-spacing: -1px;
}
.carousel-item {
    position: relative;
}
.carousel-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../imgs/interior-banner-slider.jpg");
    opacity: 0.6;
	background-size: 105%;
}
.slider-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 54px;
    border: 1px solid white;
    background-color: transparent;
    margin: 0 5px;
        opacity: 1;
}
.carousel-indicators li.active {
    background-color: #fff;
}
.carousel-indicators {
    margin-bottom: 50px;
}
.social-item {
    border: 1px solid #fff;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    margin-right: 20px;
}
.financing-cat {
    background-color: var(--yancey-variation-color);
    height: 300px;
}
.photo-fc {
    background-image: url(../imgs/animator-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
    width: 100%;
}
.carousel-body {
    margin-top: -50px;
}
.financing-cat {
    margin-bottom: 100px;
}
.desc-fc {
    height: 400px;
    width: 100%;
    position: relative;
    background-color: #000;
    padding: 100px;
    padding-left: 0;
}
.desc-fc:after {
    content: "";
    position: absolute;
    top: 0;
    left: -40px;
    z-index: 3;
    width: calc(100% + 40px);
    height: 100%;
    background-image: url(../imgs/interior-banner.jpg);
    opacity: 0.6;
        background-size: cover;
}
.info-fc-text {
    position: relative;
    z-index: 9;
}
.info-fc-text h2 {
    color: var(--yancey-variation-color);
    font-weight: bold;
    font-size: 82px;
    margin-bottom: 0;
    padding-left: 80px;
}
.info-fc-text p {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
        line-height: 30px;
    margin-top: 15px;
}
.border-line {
/*    width: 70%;*/
    height: 10px;
    background: var(--yancey-variation-color);
    margin-top: -15px;
        width: 100%;
}
.fc-sup {
    top: -20px;
    left: 2px;
}
.fc-sub {
    font-size: 30px;
        margin-left: -10px;
    margin-right: -10px;
}
.pl-80 {
    padding-left: 80px;
}
.section-title {
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}
.section-heading {
    color: #fff;
    margin-bottom: 100px;
}
.careers {

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
    margin-bottom: 500px;
    padding: 100px 0;
}
.career-card {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 100%;
    position: relative;
        height: 100%;
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
}
.career-card-large {
    padding-top: 50%;
        margin-bottom: 10px;
}
.career-card:hover .expanding-card {
    width: 100%;
    height: 100%;
    justify-content: center;
    flex-direction: column;

}
.career-card:hover .expanding-card h2 {
      text-align: center;
    padding-left: 0;
    margin-bottom: 20px;


}
.career-card:hover .learn-more {
    display: block;
}
.expanding-card {
    width: calc(50% - 15px);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    transform: translate(0%, 0%);

    display: flex;
    align-items: center;
    justify-content: start;
    background-color: rgba(var(--yancey-variation-color-rgb), 0.8);
}

@media all and (max-width: 768px) {
	.expanding-card { width: 100% !important;}
}

.expanding-card h2 {
    text-align: left;
    color: #231f20;
    font-weight: bold;
    padding-left: 30px;
    margin-bottom: 0;
    line-height: 30px;
}
.learn-more-black {
    display: none;
    background-color: #231f20;
    color: white;
}
.learn-more-black:hover {
    background-color: #fff;
    color: #231f20;

}
.career-card-small .expanding-card {
    width: 100%;
}
.counter-time {

    background-repeat: no-repeat;
background-size: cover;
    background-position: center;
    padding: 100px 0;
}
.counter-nr {
    font-size: 60px;
    text-align: center;
    font-weight: bold;
    color: var(--yancey-variation-color);
}
.counter-time h3 {
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}
.shop-by {
    background-image: url(../imgs/shop-by-box.jpg);
    background-repeat: no-repeat;
/*    background-size: 100%;*/
/*    background-position: center;*/
    height: 80vh;
    position: relative;
}
.shop-by:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
        background-position: 0px 12px;
    opacity: 0.6;
	background-size: 100%;
}
.shop-by .container {
    z-index: 8;
    position: relative;
}
.shop-by-headline {
    font-size: 80px;
    line-height: 75px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.indrustry-dropdown-toggle {
    font-size: 80px;
    line-height: 75px;
    color: var(--yancey-variation-color);
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid var(--yancey-variation-color);
}
.indrustry-dropdown-toggle:hover {
    color: var(--yancey-variation-color);
}
.indrusty-dropdown .dropdown-menu {
    top: calc(100% + 10px);
}
.down-arrow-industries {
    font-size: 28px;
    vertical-align: middle;
}
.dropdown-menu-topbar {

}
.dropdown-menu-industries {
    background-color: #fff;
    width: 100%;
    transform: none !important;
    top: 85px !important;
}
.carousel  {
    z-index: 0;
}
.dropdown-menu-industries li {
    padding: 20px 30px;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px solid #e8e8e8;
}
.dropdown-image {
    height: 90px;
}
.dropdown-menu-industries li:hover {
    background-color: #fff;
}
.controls {
    right: 0;
    bottom: 0;
}
.prev , .next {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background-color: var(--yancey-variation-color);
    z-index: 9;
}
.prev:hover , .next:hover {
    background-color: #fff;
    cursor: pointer;
    color: #f1b80f;
}
/* reverse prev and next buttons */
.prev.reverse-hover:hover {
    background-color: black;
    cursor: pointer;
    color: #f1b80f;
}
.next.reverse-hover:hover {
    background-color: black;
    cursor: pointer;
    color: #f1b80f;
}
.nav-link {
    position: relative;
}
.nav-item:hover  .nav-link:after {
    display: block;
}
.nav-item:hover .find-rep:after {
    display: none;
}

.nav-link:after {
    content: "";
    display: none;
    position: absolute;
    width: 0;
    margin: 0;
    height: 0;
    bottom: -10px;
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
    border-top: none;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;

    border-bottom: 20px solid var(--yancey-variation-color);
  }


.dropdown-industries-section .dropdown-menu {
    top: 0;
    position: relative;
}
.banner-location {
    background-image: url(../imgs/interior-banner.jpg);
    padding-top: 30px;
}
.page-name {
    font-size: 80px;
    color: #fff;
    line-height: 55px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
}
.breadcrumb-item+.breadcrumb-item::before {

    content: "\e902";
    font-family: 'yancey' !important;
    font-style: normal;

    font-size: 12px;
}
.breadcrumb {
    background-color: transparent;
    padding: 0;
}
.breadcrumb-item a , .breadcrumb-item {
    color: #fff;
    text-transform: uppercase;
}
.division-name {
    text-transform: uppercase;
    color: #231f20;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}
.division-name a,
.division-number a {
    color: #231f20;
}
.division-name a:hover,
.division-number a:hover,
.email-division:hover,
.breadcrumb-item a:hover {
    color: var(--yancey-variation-color);
}
.division-title {
    margin-bottom: 0;
	    line-height: 1.5;
}
.email-division {
    color: #231f20;
}
.division-card img {
    width: 100%;
}
.division-card {
    margin-bottom: 50px;
}
.gmap_canvas {
    width: 100%;
    height: 100%;
    /* -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
         filter: grayscale(100%); */
             position: absolute;
}
.location-title-detail {
    color: #231f20;
}
.location-detail {
    padding-top: 30px;
}
.letter {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: inline-flex;
    align-content: center;
    justify-content: center;
}
.letter p {
    color: #fff;
    margin-bottom: 0px;
    line-height: 32px;
    font-weight: bold;
    display: inline;
	text-transform: uppercase;
}
.letter-m {
    background-color: #231f20;
}
.letter-h {
    border: 2px solid black;
}
.letter-s {
    background-color: #0f9948;
}
.letter-h p {
    color: black;
}
.letter-pa {
    background-color: #FF7518;
}
.letter-pr {
    background-color: #8F00FF;
}
.letter-b {
    background-color: var(--yancey-variation-color);
}
.letter-r {
    background-color: #bf2026;
}
.letter-ba {
    background-color: #0e7bff;
}
.letter-ps {
background-color: #0f9948;
}
.filterbybtns a {
	    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
}
.filterbybtns a:first-child {
	/*background-color: #dedede;*/
	background-color: #fff;
	color: #000000;

}
.filterbybtns a:first-child:hover {
	background-color: #fff;
}

.bggrey {
        background-color: #e6e6e6 !important;
}
.owl-rep .owl-item {
display: inline-block;
}
.owl-rep .owl-stage-outer {
    overflow: hidden;
}
.owl-rep  .owl-nav .owl-next{

    position: absolute;
    top: 30px;

    right: -40px;
}
.owl-rep  .owl-nav .owl-prev{

    position: absolute;
    top: 30px;

    left: -40px;
}
.owl-rep  .owl-nav .owl-next i,
.owl-rep  .owl-nav .owl-prev i{

    margin-top: 0px;
    display: block;
}

.owl-rep  .owl-nav [class*=owl-] {
    color: #000000;
    font-size: 18px;
    margin: 5px;
      padding: 10px 15px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    outline: none;
    border: 0px;
    font-weight: bold;
}
.owl-rep .owl-nav {
    margin-top: 0px;
}
.owl-rep .owl-nav [class*=owl-]:hover {
    background: #ffc10e;
    color: #FFF;
    text-decoration: none;

}



.filterbybtns a:last-child {
	    display: inline-block;
    text-align: center;
    margin-bottom: 0px;
}



.legend h4 {
    margin-left: 5px;
    margin-bottom: 0px;
    display: inline;
    font-weight: bold;
    text-transform: uppercase;
}
.card {
    border-radius: 0;
    border: none;
}
.card-header {
    background-color: #231f20;
    padding: 5px 20px;
    cursor: pointer;
}
.card-header a {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
.find-a-rep-title-row {
    text-transform: uppercase;
    color: #231f20;
    font-weight: bold;
}
.card-body {
    background-color: #e6e6e6;
}
.card-body .row {
    border-bottom: 1px solid #231f20;
    margin-top: 30px;
}
.card-body .row:last-of-type {
    border-bottom: 0;
}
.find-a-rep-info-text {
    margin: 70px 0;
    font-size: 18px;
}
.filter-by-card-locations {
    padding: 20px;
    background-color: #231f20;
}
.google-maps-location  {
    position: relative;
}
.google-maps-location .filter-by-section {

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}
.legend-listing {
    border-bottom: 1px solid #e6e6e6;
}
.find-rep {
    font-size: 18px;
}
.find-rep a{
padding:22px 0 24px;
}
.locations-listing-rows .row {
    padding: 20px 0;
}
.locations-listing-rows h2 {
    color: #231f20;
    font-weight: bold;
    text-transform: uppercase;
}
.locations-listing-rows .listing-row:nth-child(even) {
    background-color: #f2f2f2;
}
.locations-listing-rows {
    padding-bottom: 100px;
}
.fiter-by-card-title {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.zip-code-filter , .business-division-filter {
    border-bottom: 1px solid var(--yancey-variation-color);
    padding-top: 15px;
    padding-bottom: 5px;
}
.zip-code-filter p , .business-division-filter p {
    color: var(--yancey-variation-color);
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;
}
.zip-code-filter i , .business-division-filter i {
    color: var(--yancey-variation-color);
}
.find-parts-btn {
    width: 100%;
    background-color: var(--yancey-variation-color);
    font-size: 18px;
    color: #231f20;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
 padding: 10px 15px;

}
.listing-row .find-rep:hover {
     color: #231f20;
    background: #ffc20f;
}
.mb10 {
    margin-bottom: 10px;
}
.mb150{
        margin-bottom: 150px;
}

.owl-carousel, .owl-carousel .owl-item {

    box-shadow: 1px 3px 18px 0px rgba(0, 0, 0, 0.30);
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #ffffff;
}
.new-machine {
        text-transform: uppercase;
    color: #231f20;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
        letter-spacing: 0.1px;
}
.mt60{
    margin-top: 60px;
}
.mb50 {
    margin-bottom: 50px;
}
.nav-tabs .nav-link.active {
color: #ffffff;
    background-color: #231f20;
    text-transform: uppercase;
    font-weight: 600;
    border: 0px;
    border-radius: 0px;
}
.nav-tabs .nav-link {
padding: 15px 0px 15px 0px !important;
    background: #ffc20f;
    font-weight: 600;
    text-transform: uppercase;
    border: 0px;
    border-radius: 0px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
color:#fff;
    background: #231f20;
}
.tab-content {
        border: 1px solid #231f20;
            margin-bottom: 50px;
}
.shopby {
margin-bottom: 50px;
    display: block;
    position: relative;
    overflow: hidden;

}
.img-responsive {
    width: 100%;
}
h1.shopby{
        text-transform: uppercase;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 25px;
}
.shopbysection {
        margin-top: 50px;
    margin-bottom: 50px;
}
.btn {
        font-size: 18px;
    padding: 5px 40px;
    font-weight: bold;
    border: none;
    text-transform: uppercase;
    transition: 0.3s;
        border-radius: 0;
            margin: 0px 10px 0px 10px;
}
.btn-brand {
    background-color: var(--yancey-variation-color);
    color: #231f20 !important;
}
.btn-brand:hover {
background-color: #231f20;
    color: #fff !important;
    }
.btn-brand-invers {
background-color: #231f20;
    color: #fff !important;
}
.btn-brand-invers:hover {
    background-color: var(--yancey-variation-color);
    color: #231f20 !important;
}
.btn-rent {
    background-color: #bf2026;
    color: #fff !important;
    margin-top: 20px;
}
.btn-rent:hover {
    background-color: #231f20;
}

.newtabs .container {
    border-top: 1px solid #ffc20f;

}
.newmachinestabs {
       padding-top: 30px;
    border-right: 1px solid #ffc20f;
}
.newmtabcontent {
        padding-top: 30px;
            border: 0px;
}
.firstcoltab {
    padding-left: 0px;
}
.newmachinestabs li a{
    padding: 10px 0px 10px 20px !important;
    border-radius: 0px !important;
    text-transform: uppercase;
    background-color: #fff !important;
    color: #231f20 !important;
    font-weight: 600;
        margin-bottom: 10px;
}
.newmachinestabs li a.active{
  background-color: #ffc20f !important;
    }
    .newmachinestabs li a:hover{
  background-color: #ffc20f !important;
    }
    .newmachinestabs .nav-link:after,
    .newmachinestabs  .nav-item:hover {
    border: 0px;
}

#bro li a { color: #231f20; }
#bro li a:hover { color: #ffc20f; }

.financing-cat-card {
        box-shadow: 1px 3px 18px 0px rgba(0, 0, 0, 0.30);
}
.f22 p{
        font-size: 22px !important;
}

.specs-row:nth-child(even) {
    background-color: #f2f2f2;
}
.no-border {
        border: none !important;
}

.card-header [data-toggle="collapse"] i:before{
    content: "\e900";
        font-size: 14px;
}

.card-header [data-toggle="collapse"].collapsed i:before{
    content: "\e902";
        font-size: 14px;
}
.ya {
        font-family: 'yancey' !important;
            font-style: normal;
}
.specs-accordion .specstitle{
padding-left: 0px;
    padding-right: 10px;
    color: #fff;
    letter-spacing: 0;
    width: 100%;
    text-align: left;
}
.specs-accordion .specstitle i{
float: right;
    margin-top: -3px;
    }
.specs-accordion .card-body {
    background-color: #ffffff;
    padding-left: 0px;
    padding-right: 0px;
}
.specs-accordion .card-header:first-child {
    border-radius: 0;
}
.specs-accordion .card{
    margin-bottom: 10px;
}
.specs-row {
    padding: 15px 100px 15px 30px;
}
.specs-row span {
    font-weight: 600;
}
.pl0{
        padding-left: 0px;
}
.ml0{
        margin-left: 0px !important;
}
.priceShop {
    font-weight: 600;
    font-size: 30px;

}
.priceShopSub {
margin-bottom: 20px;
}
.priceShopSub span{
    font-weight: 600;
}
.priceShopSub a{
    color: #231f20;
}
.priceShopSub a:hover{
color: #ffc20f;
}
.shopActions {
display: block;
    color: #808080;
    margin-top: 20px;
}
.shopActions a{
    color: #808080;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
	cursor: pointer;
    }
.shopActions svg{
    fill: #808080;
    width: 30px;
	height: 30px;
	margin-right: 5px;
    }

.shopActions a:hover {
    color: #000;
    }

.shopActions a:hover svg{
    fill: #000;
    }
.shopActions i {
    font-size: 30px;
    padding-right: 5px;
}
.ml50{
margin-left: 50px;
}
.otherShopActions {
        margin-top: 20px;
}
.btn-outline {
    border:2px solid;
}
.otherShopActions .grey-color {
border-color: #808080;
    color: #808080;
}
.otherShopActions .grey-color:hover {
    border-color: #ffc20f;
    color: #231f20;
}
.padd80{
        padding: 80px;
}
.dropdown-menu-industries .dropdown-item {
font-size: 30px;
    padding-top: 20px;
}
.BackToTop {
    display: inline-block;
    background-color: var(--yancey-variation-color);
    width: 50px;
    height: 50px;
    text-align: center;
    position: fixed;
    bottom: 30px;
    left: 1%;
    transition: background-color .3s,
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    color: #231f20;
    /* Shadow toTop Button */
    -webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
  }
  .BackToTop:hover {
    cursor: pointer;
    background-color: #231f20;
    color: #fff;
  }
  .BackToTop:active {
    background-color: #231f20;
    color: #fff;
  }
  .BackToTop.show {
    opacity: 1;
    visibility: visible;
  }
.navbar.fixed-top {
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.082);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.082);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.082);
}
.filter {
    margin-bottom: 50px;
}
.filter .card-header {
    border-radius: 0;
    padding: 0;
    padding-left: 30px;
    background-color: var(--yancey-variation-color);
    border-bottom: 0;
}
.filter-btn {
    background-color: transparent;
    border: 0;
    padding: 20px 30px;
}
.filter-by-title , .filter-btn {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #231f20;
}
.filter-btn {
    text-decoration: none !important;
    box-shadow: none;

    outline: none !important;
    outline-color: none !important;
}
.filter .card-header [data-toggle="collapse"] {
    background-color: #231f20;
    color: white;
}
.filter .card-header [data-toggle="collapse"].collapsed {
    background-color: var(--yancey-variation-color);
    color: #231f20;
}
.filter i {
    margin-left: 5px;
}
.filter .card-body {
    background-color: #231f20;
}
.filter .card-header {
    cursor: auto;
}
.filter .form-check-label {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.filter .form-check {
    padding-left: 0;
}
.dropdown-menu-topbar {
    transform: none !important;
}
/* INPUT */


.styled-checkbox {
    position: absolute;
    opacity: 0;
  }
  .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
  }
  .styled-checkbox + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
  }
  .styled-checkbox:hover + label:before {
    background: var(--yancey-variation-color);
  }
  .styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  }
  .styled-checkbox:checked + label:before {
    background: var(--yancey-variation-color);
  }
  .styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
  }
  .styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
  }
  .styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 12px;
    background: #231f20;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #231f20, 4px 0 0 #231f20, 4px -2px 0 #231f20, 4px -4px 0 #231f20, 4px -6px 0 #231f20, 4px -8px 0 #231f20;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }


.nav-filter .filter-btn:first-of-type {
    margin-left: 20px;
}
.filter .card-body {
    padding: 30px 20px;
}
.footer-links a{
    color:#fff;
}
.footer-links a:hover{
    color:#ffc20f;
}
.footer-social a:hover .social-item {
    background: #fff;
}
.footer-social a:hover i{
 color:#231f20;
}
.find-rep:hover{
        color: #231f20 !important;
    background: #ffc20f;
}
.newsletter-submit:hover{
    color:#fff;
}
.ml30{
        margin-left: 30px;
}
.dropdown-menu-industries .dropdown-item:hover {
    color: #f1b80f;
}
.find-parts-btn:hover{
    background-color: #ffffff;
    color: #231f20;
}
.filter-accordion .filtertitle {
padding-left: 0px;
    padding-right: 0px;
    color: #ffc20f;
    letter-spacing: 0;
    width: 100%;
    text-align: left;
    margin: 0px;
    border-bottom: 1px solid var(--yancey-variation-color);
}
.filter-accordion .filtertitle i {
    float: right;
margin-top: -3px;
}
.filter-accordion .card-header {
        padding: 10px 0px 0px 0px;
}
.filter-accordion .card {
    background-color: transparent;
}
.filter-accordion .filtertitle:hover{
    text-decoration: none;
    color: #fff;
    border-bottom: 1px solid #ffffff;
}
.filter-accordion .card-body {
    background-color: transparent;
    color: #fff;
    padding-left: 0px;
    padding-right: 0px;
        padding-bottom: 0px;
}
.filter-accordion .form-check-label {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.filter-accordion .form-check {
    padding-left: 0px;
}
.form-control {
        width: 100%;
    border-radius: 0px;
    outline: 0px;
    border: 0px;
        color: #231f20;
}
.form-control:focus {

    border: 1px solid #ffc20f;

    box-shadow: none;
}
.division-card a:hover .new-machine{
    color: #ffc20f;
}
.locationTitlte:hover h2{
     color: #ffc20f;
}

.top-center {
       list-style: none;
    display: inherit;
    position: relative;
        margin-bottom: 0px;
}

.top-center li a{
text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
        padding-left: .5rem!important;
    padding-right: .5rem!important;
        padding: 10px 0px 10px 0px;
}
.top-center .dropdown-item i {
font-size: 12px;
    margin-left: 5px;
    margin-top: -2px;
    position: relative;
    display: inline-block;
}
.top-center .dropdown-item:focus,
.top-center .dropdown-item:hover{
      color: #231f20;
    text-decoration: none;
    background-color: #ffc20f;
}
.top-center .dropdown-menu-topbar li a {
    padding: 0;
    font-weight: bold;
    font-size: 1rem;
}


.dropdown-item:focus, .dropdown-item:hover {

    background-color: transparent;
}


.hotlines .ya-phone { display: none; }

@media all and (max-width: 768px) {
	.hotlines .ya-phone { display: block; font-size: 18px }
	.ya-search { margin-right: 0; margin-top: 10px; }
	.hotlines .ya-arrow-down, .hotlines span { display: none; }
}

.dropdown-menu.top-numbers {
	right:0;
	left: unset !important;
	top:100% !important;
}

.top-numbers li { padding: 10px 20px 10px 10px; }



.top-brands img {
        width: 100% !important;
    height: auto;
}


.find-a-rep {
    background-color: #231f20;
    color: #fff;
    padding: 8px 35px !important;
    margin-left: 20px;
        font-weight: bold;
    transition: 0.3s;
    text-transform: uppercase;
}
.find-a-rep:hover {
    color: #231f20 !important;
    background: #ffc20f;
}

.pb20{
    padding-bottom: 20px;
}

/***** technology nav item "I want to..." dropdown *****/

.tech-dropdown {
	position: relative;
	display: inline-block;
	width: 60%
}

.tech-dropbtn {
	background-color: #000;
	color: #fff;
	padding: 12px;
	font-size: 16px;
	border: none;
	text-transform: uppercase;
	font-weight: bold;
	width: 100%;
	text-align: left;
}

.tech-dropbtn:after {
	position: absolute;
    right: 20px;
    top: 14px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    height: 15px;
    transform: rotate(45deg);
	transform-origin: center center;
    width: 15px;
}

.tech-dropdown-content {
	display: none;
	position: absolute;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	height: 125px;
	overflow-y: scroll;
	background-color: #d8d8d8;
	width: 100%;
}

.tech-dropdown-content a {
	color: #000;
	padding: 10px 16px;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-size: 14px;
}

.tech-dropdown-content a:hover { background-color: var(--yancey-variation-color); color: #000; }

.tech-dropdown:hover .tech-dropdown-content { display: block; }

.tech-dropdown:hover .tech-dropbtn { background-color: #fff; color: #000; }

.tech-dropdown:hover .tech-dropbtn:after { transform: rotate(135deg); top: 13px; }






/* NEW CSS 03.25.2020 */
.specials-listing {
  padding: 60px 0;
}
.specials-listing h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 30px;
    color: #000;
}
.bootstrap-select.specials-select-btn {
  text-align: left;
  font-weight: 500;
  text-transform: uppercase;
  width: 100% !important;
}
.bootstrap-select.specials-select-btn button {
    padding: 10px 20px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #000;
    color: #fff;
}
.bootstrap-select.specials-select-btn button:focus {
    outline: none !important;
    box-shadow: none;
}
.bootstrap-select.specials-select-btn button:hover,
.bootstrap-select.specials-select-btn.show button {
    background-color: #ffc20f;
    color: #000;
}
.bootstrap-select.specials-select-btn.show button:after {

}
.bootstrap-select.specials-select-btn .dropdown-toggle::after
.bootstrap-select.specials-select-btn .dropdown-menu li {
    padding: 0;
}
.bootstrap-select.specials-select-btn .dropdown-menu li a {
    padding: 10px 20px;
    background-color: #231f20;
    color: #fff;
}
.bootstrap-select.specials-select-btn .dropdown-menu li a:focus {
    outline: none;
}
.bootstrap-select.specials-select-btn .dropdown-menu li a:hover {
    padding: 10px 20px;
    background-color: #ffc20f;
    color: #000;
}
.bootstrap-select .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    background-color: #000;
    color: #fff;
}
.bootstrap-select.specials-select-btn .dropdown-toggle::after {
    display: inline-block;
    content: "\e902";
    border: 0;
    font-family: 'yancey' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.bootstrap-select.specials-select-btn.show .dropdown-toggle::after {
    content: "\e900";
}

.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
    color: #000;
}
.specials-listing-col {
  padding: 50px 0;
  border-top: 1px solid var(--yancey-variation-color);
  margin-top: 30px;
}
.specials-listing-text-col h3 a {
  font-size: 38px;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #000;
  display: block;
}
.specials-listing-text-col p {
  margin-bottom: 20px;
}
.specials-listing-text-col {
  padding: 10px 30px;
}
.specials-listing-text-col .learn-more:hover {
  color: #000;
}
.specials-listing-text-col .learn-more {
  padding: 5px 40px;
}
.listing-col {
  margin-bottom: 50px;
}
.listing-col:last-of-type {
  margin-bottom: 0px;
}
.specials-listing .desc-p {
  margin-bottom: 30px;
}
.search-modal .modal-content {
  border: 0;
  background-color: transparent;
}
.search-modal .modal-header,
.search-modal .modal-body,
.search-modal .modal-footer {
  border: 0;
  padding: 0px;
}
.modal-input-search {
  width: 100%;
  background-color: #fff;
  color: #000;
  height: auto;
}
.modal-input-search:focus {
  outline: 0;
  box-shadow: none;
  border: 0;
}
.close-modal-search {
  background-color: transparent;
  color: #fff;
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
}
.close-modal-search:hover {
  color: #fff;
}
.close-modal-search:hover i {
    background-color: #ffc20f;
  color: #fff;
}
.close-modal-search i {
    background-color: #fff;
    padding: 10px;
    color: #000;
    font-size: 12px;
    border-radius: 50px;
    margin-right: 10px;
}
.search-modal-btn {
  padding: 10px 40px;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: var(--yancey-variation-color);
  margin: 0;
}
.search-modal-btn:hover {
  background-color: #000;
  color: #fff;
}
.modal-input-search-icon {
  font-size: 14px;
  background-color: #fff;
  border: 0;
  border-radius: 0;
}
.modal-input-search-icon i {
  margin: 0;
  padding: 0;
  font-size: 14px;
    font-weight: bold;
}
.specials-select-append {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
.specials-select-append label {
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
.specials-select-append label i {
    color: #fff;
    font-size: 14px;
}
.modal-dialog {
    max-width: 40%;
}
.modal-open .modal {
    background: rgba(0, 0, 0, 0.7);
}
.specials-listing-text-col h3 a:hover {
    color: #ffc20f;
}



/* NEW CSS 03.27.2020 */

.search-input {
    padding: 60px 0;
}
.search-input-search-page {
    border: 1px solid #000;
    font-size: 16px;
    padding: 10px 30px;
    color: #000;
}
.search-input-search-page::placeholder {
    color: #838383;
    text-transform: uppercase;
}
.search-input-search-page:focus {
    border: 1px solid #FCBF0F;
    outline: 0;
    box-shadow: none;
}
.submit-btn-search {
    margin: 0;
    background-color: #FCBF0F;
    padding: 7px 90px;
    margin-left: 1px;
}
.view-link-search {
    margin: 0;
    background-color: #FCBF0F;
    padding: 7px 70px;
    width: fit-content;
    margin-left: auto;
}
.submit-btn-search:hover,
.view-link-search:hover {
    background-color: #231f20;
    color: #fff;
}
.search-checks {
    padding: 10px 30px;
    background-color: #241E20;
}
.form-check-search label {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}
.form-check-search {
    padding-left: 0;
}
.search-our-title {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 500;}
.btn:focus {
    outline: 0;
    box-shadow: none;
}
.result-col:first-of-type {
    margin-top: 60px;
}
.result-item {
    border-top: 1px solid #000;
    padding: 50px 0;
}
.result-item h2 {
    text-transform: uppercase;
    font-weight: 600;
    line-height: 48px;
    font-size: 48px;
    margin-bottom: 0px;
    color: #000;
}
.financing-cat-card-half .photo-fc,
.financing-cat-card-half .desc-fc {
    height: 250px;
}
.financing-cat-card-half .desc-fc {
    padding: 0;
    padding-right: 40px;
}
.financing-cat-card-half h2 {
    font-size: 35px;
    padding-left: 30px;
}
.financing-cat-card-half .border-line {
    margin-top: -5px;
}
.financing-cat-card-half p {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0px;
}
.financing-cat-card-half .f22 p {
    font-size: 16px !important;
}
.financing-cat-card-half .learn-more {
    font-size: 16px;
    padding: 10px 10px;
}
.financing-cat-card-half .pl-80 {
    padding-left: 30px;
}
.financing-cat-card-half .fc-sup {
    top: -10px;
}
.financing-cat-card-half .fc-sub {
    margin-left: 0;
    margin-right: 0;
    font-size: 22px;
}
.result-item a:hover h2 {
    color: #FCBF0F;
}

#wpdl-stores-listing-muz { height: 450px; overflow-y: scroll;}

.gen-page-links { text-align: center; padding-top: 45px; }

.gen-page-links a { color: #000; text-transform: uppercase; padding-right: 5px; }

.gen-page-links a:hover { color: var(--yancey-variation-color); }

.gen-page-links a::after { content: "|"; padding-left: 10px; color: #000; }

.gen-page-links a:last-of-type::after { content: none; }

.gen-page-link-target { position: absolute; left: 0px; top: -175px; }

@media(max-width:480px){
    .search-modal{
        max-width:100% !important;
    }
}

.location-detail img { width: 100%; height: auto; }

.navigation {
	height: 85px;
}

.offcanvas-header{ display:none; }

.screen-overlay {
  height: 100%;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  opacity:0;
  visibility:hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition:opacity .2s linear, visibility .1s, width 1s ease-in;
}
.screen-overlay.show {
  transition:opacity .5s ease, width 0s;
  opacity:1;
  width:100%;
  visibility:visible;
}

@media all and (max-width:1200px) {
.ubermenu .find-rep a span {
    color: #0e0e10 !important;
}

.ubermenu .ubermenu-submenu .ubermenu-column {

    overflow: hidden;
}

.menubtn {
    padding: 0px 15px 0px 0px;
}
 .offcanvas-header{ display:block;     margin-right: 15px;}

 .mobile-offcanvas{
    visibility: hidden;
    transform:translateX(-100%);
    border-radius:0;
    display:block;
    position: fixed;
    top: 0; left:0;
    height: 100%;
    z-index: 1200;
    width:100%;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: visibility .2s ease-in-out, transform .2s ease-in-out;
  }

  .mobile-offcanvas.show{
    visibility: visible;
    transform: translateX(0);
    background: #0e0e10;
  }
}

/* ad continer images */

@media all and (max-width: 768px) {
	.ad-desktop {
	   display: none !important;
	}
}

@media all and (min-width: 768px) {
	.ad-mobile {
	   display: none !important;
	}
}

/* begin yancey block styling
/***** Color Settings *****/
.black{
	background-color: #000;
	color: #fff;
}

.yellow{
	background-color: #ffc20f;
	color: #000;
}

/***** New Equipment Block ******/

.new_equipment_block {
/*	border: 1px solid #000;*/
/*	box-shadow:inset 0px 0px 10px 0px rgba(0, 0, 0, 0.30);*/
}

.new_equipment_block_button {
	text-align: center;
	padding: 10px 0;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}

.new_equipment_block_links {
	justify-content: space-evenly;
	border: 1px solid;
    border-top: none;
    padding: 50px 0;
}

.new_equipment_block_button a { color: #000; }

.black a { color: #fff; }
.black a:hover { color: #fff; }

.new_equipment_block_button_wta:hover, .new_equipment_block_button_m:hover {
	background-color: #000;
	color: #fff;
}

.new_equipment_block_families {
	border: 1px solid #000;
	padding: 50px 15px 0 15px;
	border-top: none;
    border-bottom: none;
}

.new_equipment_block .hide{
	display: none;
}

.new_equipment_block .division-card {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
	padding: 20px;
	height: 80%;
}


/***** Accordion Block ******/
.accordion-block {
	margin: 14px 0;
	display: flex;
	flex-direction: column;
}

.accordion-block .accordion-header {
    padding: 15px;
    cursor: pointer;
    position: relative;
}


.accordion-block .accordion-header h5 {
	margin-bottom: 0;
	font-family: 'Arial Narrow', 'Arial', sans-serif;
}

@media screen and (max-width: 767px) {
	.accordion-block .accordion-header h5 {
		padding-right: 15px;
	}
}

.black h5 { color: #fff; }

.accordion-block .accordion-header h5:after {
	position: absolute;
    right: 20px;
    top: 38%;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    height: 15px;
    transform: rotate(45deg);
	transform-origin: center center;
    width: 15px;
}

.accordion-block:last-child .accordion-header {
	margin-bottom: 0;
}

.accordion-block .accordion-text {
	height: 0;
	overflow-y: hidden;
	transition: all ease .25s;
	padding-left: 25px;
	padding-right: 25px;
}

.accordion-block .accordion-text > *:first-child {
	margin-top: 25px;
}

.accordion-block .accordion-text > *:last-child {
	margin-bottom: 25px;
}

.accordion-block.active .accordion-header {
	margin-bottom: 0;
}

.accordion-block.active .accordion-header h5:after {
	transform: rotate(135deg);
	top: 33%;
}

.accordion-block.active .accordion-text {
	display: block;
}

/*
.container .load .accordion-text {
	height: auto;
}
*/

.accordion-block.reps .accordion-header {
	background-color: white;
	font-size: 1.8rem;
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	padding: 5px;
	font-weight: bold;
}

.accordion-block.reps .accordion-header.accordion-header:after {
	content: '';
	content: "\f078";
	font-family: FontAwesome;
	position: absolute;
	right: 11px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.accordion-block.reps .accordion-text {
	border: none;
	height: auto;
	padding-left: 0;
}

.accordion-block.reps .accordion-text .tags-manager {
	margin-top: 0;
	padding-left: 0;
}

/***** I want to drop down Block *****/

.tech-dropdown-block {
	position: relative;
	display: inline-block;
	width: 100%
}

.tech-dropbtn-block {
	padding: 12px;
	font-size: 16px;
	border: none;
	text-transform: uppercase;
	font-weight: bold;
	width: 100%;
	text-align: left;
}

.tech-dropbtn-block:after {
	position: absolute;
    right: 20px;
    top: 14px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    height: 15px;
    transform: rotate(45deg);
	transform-origin: center center;
    width: 15px;
}

.tech-dropdown-content-block {
	display: none;
	position: absolute;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
/*
	height: 125px;
	overflow-y: scroll;
*/
	background-color: #d8d8d8;
	width: 100%;
	text-transform: uppercase;
}

.tech-dropdown-content-block a {
	color: #000;
	padding: 10px 16px;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-size: 14px;
}

.tech-dropdown-content-block.yellow a:hover { background-color: var(--yancey-variation-color); color: #000; }

.tech-dropdown-content-block.black a:hover { background-color: #000; color: #fff; }

.tech-dropdown-block:hover .tech-dropdown-content-block { display: block; }

.tech-dropdown-block:hover .tech-dropbtn-block.black { background-color: #ffc20f; color: #000; }

.tech-dropdown-block:hover .tech-dropbtn-block.yellow { background-color: #000; color: #fff; }

.tech-dropdown-block:hover .tech-dropbtn-block:after { transform: rotate(135deg); top: 13px; }

/***** Button Block *****/

.button-block {
	font-size: 18px;
    padding: 10px 40px;
    font-weight: bold;
}

.button-block.black { color: #fff }

.button-block.yellow { color: #000 }

.button-block.black:hover { color: #000; background-color: #ffc20f; }

.button-block.yellow:hover { color: #fff; background-color: #000; }

/***** Video Content *****/

.video-content-block { max-width: 600px; position: relative; }

.video-content-block .modal-dialog { max-width: 60% }

.video-content-block svg {
	width: 15%;
    height: auto;
    position: absolute;
    left: 55%;
    margin-left: -12.5%;
    margin-top: 28%;
    filter: drop-shadow(2px 4px 6px black);
}

.video-content-block svg path {
	fill: var(--yancey-variation-color); }

.video-content-block svg polygon { fill: #fff; }

.video-content-block:hover svg path { fill: grey; }

/*.video-content-block:hover svg polygon { fill: var(--yancey-variation-color); }*/

.video-content-block img { width: 100%; height: auto; }

.video-content-block .video-responsive {
	overflow:hidden;
    padding-bottom: 56.25%;
    position:relative;
    height:0;
}

.video-content-block .video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media screen and (max-width: 767px) {
	.video-content-block .modal-dialog {
    	max-width: 95%;
	}
}

/***** Product Card *****/

.product-card {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
	margin-bottom: 25px;
    padding: 20px;
    width: 100%;
    height: auto;
}

.product-card a:hover h4 { color: var(--yancey-variation-color); }

/***** hacks and things *****/

@media all and (max-width: 768px) {
	.small-block-spacer { height: 20px }

	.wp-block-columns .wp-block-column:first-child .col-md-12 .career-card { margin-top: 20px !important; }

	.wp-block-columns .wp-block-column .col-md-12 .career-card { margin-top: 50px !important;}

	.new_equipment_block .division-card { height: unset; }

}

/* end yancey block styling */

/* begin yancey custom ninja form over writes */
/* Styles for ninja forms */

.yancey-forms-appended .nf-form-wrap,
.yancey-forms-in-content .nf-form-wrap
{
	position: relative;
	background-color: #000;
	max-width: 100%;
	margin: 0 auto 25px auto;
	padding-bottom: 25px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
}

.yancey-forms-appended .nf-form-title h3,
.yancey-forms-in-content .nf-form-title h3
{ display: none; }

.yancey-forms-appended .nf-field-container.hidden-container,
.yancey-forms-in-content .nf-field-container.hidden-container
{ display: none; }

.yancey-forms-appended .nf-field-container.html-container,
.yancey-forms-in-content .nf-field-container.html-container
{
	background-color: var(--yancey-variation-color);
	padding: 15px 25px;
	width: 100%;
}

.yancey-forms-appended .nf-field-container.html-container:first-of-type,
.yancey-forms-in-content .nf-field-container.html-container:first-of-type
{ margin-bottom: 25px }

.yancey-forms-appended .nf-field-container.html-container:not(:first-of-type),
.yancey-forms-in-content .nf-field-container.html-container:not(:first-of-type)
{ margin: 25px 0; }

.yancey-forms-appended .nf-field-container.submit-container,
.yancey-forms-in-content .nf-field-container.submit-container
/*.yancey-forms-modal .nf-field-container.submit-container*/
{ margin-top: 50px; }

.yancey-forms-appended .nf-field-container.submit-container input[type=button],
.yancey-forms-in-content .nf-field-container.submit-container input[type=button],
.yancey-forms-in-modal .nf-field-container.submit-container input[type=button]
{
	padding: 0 25px;
    color: #000;
    background-color: #f1b80f;
}

.yancey-forms-appended .nf-field-container.submit-container input[type=button]:hover,
.yancey-forms-in-content .nf-field-container.submit-container input[type=button]:hover
{ background-color: #e6e6e6; }


/* Specific styles for ninja forms that are appeneded to the bottom of the page content */
.container > .yancey-forms-appended:last-of-type {
	width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-image: url(../imgs/texture_overlay.png);
    background-position: center;
    background-size: 100% 50%;
    background-repeat: no-repeat;
}

.container > .yancey-forms-appended:last-of-type .yancey-forms-field-row .nf-field-container
{ padding: 0 15%; }

.container > .yancey-forms-appended:last-of-type .yancey-forms-field-row .nf-field-container.first
{ padding: 0 0 0 15%; }

.container > .yancey-forms-appended:last-of-type .yancey-forms-field-row .nf-field-container.second
{ padding: 0 15% 0 0; }

@media (min-width: 576px) {
	.yancey-forms-appended .nf-form-wrap {
		max-width: 510px;
	}
}

@media (min-width: 768px) {
	.yancey-forms-appended .nf-form-wrap {
		max-width: 690px;
	}
}

@media (min-width: 992px) {
	.yancey-forms-appended .nf-form-wrap {
		max-width: 930px;
	}
}

@media (min-width: 1200px) {
	.yancey-forms-appended .nf-form-wrap {
		max-width: 1110px;
	}
}

@media (max-width: 768px) {
	.container > .yancey-forms-appended:last-of-type .yancey-forms-field-row .nf-field-container
	{ width: 100%; }

	.container > .yancey-forms-appended:last-of-type .yancey-forms-field-row .nf-field-container.first
	{ padding: 0 15% 0 15%; }

	.container > .yancey-forms-appended:last-of-type .yancey-forms-field-row .nf-field-container.second
	{ padding: 0 15% 0 15% !important; margin-left: unset; }

	.container > .yancey-forms-appended:last-of-type .yancey-forms-field-row .nf-field-container.third
	{ padding: 0 15% 0 15% !important; margin-left: unset; }
}

/* Specific styles for ninja forms that are placed in the page content */

.yancey-forms-in-content .nf-field-container {
	margin: 0 auto;
	width: 65%;
}

.yancey-forms-in-content.grey .nf-form-wrap { background-color: grey; }

/* Specific styles for ninja forms that are placed in the modal */

.yancey-forms-in-modal .nf-field-container.submit-container input[type=button]:hover
{ background-color: #000; color: #fff; }

/* Footer Subscription form */

.footer-form .nf-field-container input { height: 50px; }

.footer-form .email-container, .footer-form .submit-container { margin-bottom: unset;}

.footer-form .email-wrap input { font-weight: 400; padding-left: 15px; }

.footer-form .submit-container.one-third { margin-left: unset; }

/* end yancey custom ninja form over writes */

.blog-paginate {
	display: flex;
	align-items: center;
    justify-content: center;
}

.blog-paginate a, .blog-paginate span { flex: 0 0 32px }

.blog-paginate .next { flex: 0 0 54px; background-color: unset; }

.blog-paginate .prev { flex: 0 0 108px; background-color: unset; }

/*IE version check*/
.ie-check {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #fff;
    z-index: 200;
    text-align: center;
    padding-top: 100px;
}

.ie-check img { width: 500px; }

.ie-check h2 {
	color: #000;
	margin-top: 75px;
    margin-bottom: 25px;
}

.ie-check p { font-size: 18px; margin-bottom: 100px; }

.ie-check .learn-more { font-size: 24px; border: 2px solid var(--yancey-variation-color); }

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
  	.ie-check { display: block !important; }

 	 body {  overflow-y: hidden; }
}

@media \0screen\,screen\9 {
    .ie-check { display: block !important; }

 	 body {  overflow-y: hidden; }
}

.field-wrap .nf-field-label {
	color: white;
}


.padded-full-width {
	width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #f2f2f2;
    padding: 50px 22px;
}

@media (min-width:1200px)
{
    .padded-full-width .wp-block-group__inner-container {
        max-width: 1140px;
    }
}


@media (min-width:992px)
{
    .padded-full-width .wp-block-group__inner-container {
        max-width: 1140px;
    }
}


@media (min-width:576px)
{
    .padded-full-width .wp-block-group__inner-container {
        max-width: 1140px;
    }
}


@media (min-width:1200px)
{
    .padded-full-width .wp-block-group__inner-container {
        max-width: 1140px;
    }
}


.padded-full-width .wp-block-group__inner-container {
    padding: 0 15px;
}

.padded-full-width .wp-block-column {
	max-width: 1140px;
	width: 100%;
    margin: 0 auto;
}