body {
    background: #cccccc url(https://psmfirestorm.blob.core.windows.net/7fc25bde-bc42-48a7-bf66-2bef7f5a0bcf/Lake-Texoma.jpg) no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    font-family: 'Montserrat', sans-serif;
}

#inner-bg {
    background-color: rgba(0, 0, 0, 0.35);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'freedommachine', sans-serif;
    font-weight: unset;
    text-transform: uppercase;
}

.home-button-section {
    /*background-image: url(https://psmfirestorm.blob.core.windows.net/6f933e35-aee2-4cb3-a3fb-d55b1ec026d3/grunge-background.jpg);*/
    margin-top: 0px!important;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    padding: 4% 0;
}


#outer-wrapper {
    position: relative;
    overflow-x: hidden;
}

#home-page {
    margin-bottom: -30px;
    margin-top: -25px;
}

#home-page #section-2,
#home-page #section-3,
#home-page #section-4,
#home-page #section-5 {
    margin-top: 0!important;
}

#home-page #section-5 {
    margin-bottom: -30px;
    padding: 25px 0;
}

#home-page #section-6 {
    background-color: black;
    padding: 15px;
}

#content-container {
    padding-bottom: 30px;
}



/* GLOBAL THEME FONT COLORS */
body {
    color: #fff;
}

a {
    color: #ff6600;
    transition: .2s;
}

a:hover, a:focus { 
    color: #cc5e00; 
    text-decoration: none;
}

legend { color: #fff; }

.vdp-inquire {
    color: #fff;
}

.page-background > div,
#calendar-page,
#employees-team-page,
#promotions-page,
#inventory-page,
#vdp-container,
#thankyou-page,
#showroom,
#blog-page,
#blog-detail,
#credit-thankyou-page,
#events-page,
#privacy-policy,
.custom-page,
#vdp-container,
#creditAppContainer {
    background-color: black;
    padding: 15px;
}

/* HEADER */

    header.body .brand { color: #fff; }
#brand-box .info a { color: #fff; }

.headerbackground {
    background-color: black;
    margin-top: 50px;
    border-bottom: 3px solid gray;
    padding-top: 10px;
}

@media (max-width: 767px) {
.headerbackground {
    margin-top: 60px; 
}
.headerbackground img {
    display: none;
}
}

.headercontainer {
    display: flex;
    width: 80%;
    margin: auto;
    justify-content: space-between;
    align-items: center;
    padding: 0px 15px 10px;
}

.headerleft {
    flex: 0 0 21%;
    text-transform: uppercase;
    text-align: center;
}

.headerright {
    text-align: right;
}

/*
.headerlogo {
    flex: 0 0 46%;
    margin-bottom: -28px;
    position: relative;
    z-index: 2;
}
*/

.headerLinks {
    display: flex;
    justify-content: space-between;
    flex: 0 0 50%;
}

.headerLinks a {
    color: #ff6600!important;
}

.headerLinks a:hover {
    color: white!important;
}

.headerleft a.dealer-phone.phone-text {
    font-family: 'freedommachine', sans-serif;
    font-size: 32px;
}

.headercontainer a {
    color: #c3c3c3;
    transition: .2s;
}

.headercontainer a:hover {
    color: #ff6600;
}

.headersocial a {
    font-size: 33px;
    padding-left: 13px;
}

.header-text a {
    background-color: gray;
    padding: 5px 14px;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 7px;
    display: inline-block;
}

.header-text a:hover {
    background-color: #ff6600;
    color: white;
}

.headerBanner {
    position: absolute;
    top: 73px;
    background-color: yellow;
    color: black;
    width: 250px;
    right: -72px;
    transform: rotate(45deg);
    text-align: center;
    z-index: 3;
}

.headerBanner a {
    color: black;
}

.headerBanner h4 {
    margin: 0;
    padding: 6px 30px;
    font-size: 25px;
    line-height: 26px;
}

.headerBanner h4 span {
    display: block;
    font-size: 35px;
}






    

/* NAVIGATION */
#main-nav {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 300;
    height: 50px;
    box-shadow: 0px 0px 10px black;
}

    #main-nav .navbar { border: none; }

.navbar-nav>li>a {
    color: #ff6600;
    font-family: 'freedommachine', sans-serif;
    font-size: 23px;
    text-transform: uppercase;
}

    #main-nav .nav > li > a:hover,
    #main-nav .nav > li > a:focus,
    #main-nav .nav > li.active > a,
    #main-nav .nav .open > a,
    #main-nav .nav .open > a:hover,
    #main-nav .nav .open > a:focus,
    #main-nav .nav > li.active > a:hover {
        background-color: rgba(0,0,0,0.15);
    }

.breadcrumb { background-color: #383838; }

@media (min-width: 768px) {
.navbar-nav {
    float: none;
    margin: 0;
    display: flex;
    justify-content: space-between; }
}

.social-media-icons {
    display: none;
}












/* CONTENT */

.modelcontainer {
    display: flex;
    background-color: black;
    position: relative;
    box-shadow: 0px 0px 20px black;
}

.modelblock {
    position: relative;
    overflow: hidden;
}

.modelblock-back {
    filter: opacity(.5) grayscale(1);
    transition: .5s;
    width: 100%;
}

.modelblock .studio-pic {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    transition: .5s;
}

.modelblock:hover .studio-pic {
    bottom: 16%;
    transition: .5s;
}

.modeltext {
    position: absolute;
    bottom: 0;
    color: white;
    text-align: center;
    width: 100%;
    transition: .5s ease;
}

.modeltext h3 {
    text-transform: uppercase;
    font-size: 2.5vw;
    margin-top: 0;
    background-color: rgba(0, 0, 0, 0.73);
    padding: 1%;
    transition: .3s ease;
    text-shadow: 1px 1px 1px black;
}

.modelblock:hover h3 {
    color: #ff6600;
    background-color: black;
}

.modelblock:hover .modelblock-back {
    transform: scale(1.5);
    transition: .5s;
    filter: opacity(1) grayscale(0);
}

.mapwrapper {
    position: relative;
    padding-bottom: 12%;
    flex: 0 0 35%;
}

.mapwrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mapwrapper2 {
    position: relative;
    padding-bottom: 30%;
    margin-top: 30px;
}



.home-button-container {
    display: flex;
    justify-content: space-between;
}

.home-button-container a {
    position: relative;
}

.home-button-container a:hover {
    transform: scale(1.1);
    color: white;
}

.home-button-container h3 {
    position: absolute;
    top: 50%;
    font-size: 1.8vw;
    text-align: center;
    width: 100%;
    line-height: 1.8vw;
    transform: translateY(-50%);
    margin: 0;
}

.home-button-container h3 span {
    display: block;
}

.home-button-text {
    padding: 25px 15px;
    position: relative;
}

.home-button-text:before {
    content: '';
    width: 50px;
    height: 50px;
    background-color: black;
    position: absolute;
    left: -25px;
    top: -25px;
    transform: rotate(45deg);
}

.home-button-text span {
    text-transform: uppercase;
    color: black;
    margin-left: 25px;
}

.home-button-text h3, 
.home-button-text h4 {
    margin: 0;
}

.home-button-text h3 {
    font-size: 40px;
    line-height: 43px;
}

.home-button-text h3:after {
    content: '\21E8';
    position: absolute;
    font-size: 28px;
    margin-left: 17px;
    color: #999999;
}

.home-button-text h4 {
    font-size: 23px;
}

.home-about {
    margin: auto;
    padding: 20px 15px;
    text-align: center;
    background-color: black;
}

.about-slogan {
    font-style: italic;
    font-size: 24px;
}

.home-about h3,
.home-about h1,
.about-top h3,
.about-top h1 {
    margin: 0;
}

.home-about > div span,
.about-top > div span {
    text-transform: uppercase;
    letter-spacing: 3px;
}

.home-about h1,
.about-top h1 {
    letter-spacing: 4px;
    color: #ff6600;
    text-shadow: 1px 1px 1px black;
}

.about-top img {
    float: right;
    width: 50%;
    padding: 10px;
}

.about-top h3, .about-top h1, .about-top div {
    text-align: center;
}

.about-top > div {
    margin-bottom: 20px;
}

.siteSearch {
    display: flex;
    margin-bottom: 50px;
}

.siteSearch .form-control {
    background-color: white;
    color: black;
    margin: 0;
    border: 3px solid #999999;
    box-shadow: inset 0px 0px 3px black;
    padding: 18px;
}

.siteSearch .btn-primary {
    background: #000000;
    border: 3px solid #999999;
    margin: 0;
    border-left: none;
    color: #ff6600;
    flex: 0 0 8%;
    font-size: 17px;
}

.siteSearch .btn-primary:hover {
    transform: unset;
    border-color: #999999;
}

.p-header {
    position: relative;
}

.p-header h1 {
    position: absolute;
    top: 50%;
    text-align: center;
    width: max-content;
    margin: 0;
    font-size: 65px;
    background-color: rgba(0, 0, 0, 0.64);
    display: block;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding: 5px 30px;
    box-shadow: 5px 6px 0 rgba(255, 255, 255, 0.3215686274509804);
}

.flex-list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.fin-list {
    justify-content: unset;
}

.fin-list div {
    flex: 0 0 50%;
    padding: 10px;
}

.fin-list ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.fin-list ul li {
    flex: 0 0 100%;
    margin-left: 15px;
    padding-right: 10px;
}

.flex-list li {
    flex: 0 0 33%;
}

.fin-list div {
    flex: 0 0 50%;
}

.mcButtons {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.mcButtons a {
    margin: 15px;
}

#employees-team-page > div.row > div > h1 {
    text-align: center;
    font-size: 50px;
}

.department .employee .name p {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.department .employee .job p {
    font-size: 14px;
    margin-bottom: 0;
}

.department .employee {
    background: #fff;
    border-radius: 0px;
}

.photo {
    height: 220px;
}

.department .photo img {
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.mapandhourstbl td:last-child {
    padding-left: 15px;
}

.fin-cent {
    text-align: center;
    color: #ff6600;
}

#vehicleInquiryForm > fieldset > br {
    display: none;
}

.vdpsearch {
    width: 100%;
    text-align: center;
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
    margin-bottom: 10px;
    border: 10px solid #ff6600;
    border-radius: 4px;
}

.vdpsearch input[type="text"] {
    width: 100%;
    color: black;
    font-size: 14px;
    padding: 0 .5em;
    border: 2px solid white;
}

.vdpsearch .btn-primary {
	margin: 0;
	border-radius: 0;
}

.rr-wrapper {
    padding-bottom: 18.75%;
    position: relative;
    height: 0;
    overflow: hidden;
}

@media (max-width: 1199px) {
.rr-wrapper {
    padding-bottom: 21.75%;
}
}

@media (max-width: 991px) {
.rr-wrapper {
    padding-bottom: 27.75%;
}

#main-nav .nav>li>a {
    padding-left: 6px;
    padding-right: 6px;
}

.headerlogo {
    flex: 0 0 36%;
    margin-bottom: 0px;
}

.headerBanner {
    top: 65px;
    right: -86px;
}

.headerBanner h4 {
    font-size: 20px;
    line-height: 20px;
}

.headerBanner h4 span {
    font-size: 26px;
}
}

@media (max-width: 767px) {
.rr-wrapper {
    display: none;
}
}

.rr-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rr-page h4 {
    color: #ff6600;
}

.rr-page table {
    background-color: white;
    color: black;
    float: right;
    margin: 5px;
}

@media (max-width: 767px) {
.rr-page table {
    background-color: white;
    color: black;
    float: none;
    margin: 5px; }
}

.rr-page table td {
    border-top: 1px solid black;
    padding: 5px;
}

.rr-page table th {
    padding: 5px;
}

@media (min-width: 768px) {
.rr-btn {
    display: none; }
}

.videoWrapper {
    position: relative;
    padding-bottom: 56%;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pulsate {
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.5;
}
@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.5;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.5;
    }
}











/* BILLBOARD */
.carousel-control { border-color: #000; opacity: .55; filter: alpha(opacity=55); }
@media (min-width: 768px) {
    .widget-Billboard .carousel { box-shadow: -30px 0px 40px -30px rgba(0, 0, 0, 0.8), 30px 0px 40px -30px rgba(0, 0, 0, 0.8); }
}


/* FEATURED VEHICLES */
.single-item-slider .item-detail .price {
    padding: 0 3%;
    font-family: 'freedommachine', sans-serif;
    bottom: 0;
    text-transform: uppercase;
    font-size: 2vw;
}

.single-item-slider .item-detail .name {
    font-size: 12px;
    line-height: 15px;
}

.featuredinventory h2 {
    text-align: center;
    padding-top: 15px;
    color: #ff6600;
}

.single-item-slider .item .item-inner {
    border-radius: 0px;
}

.single-item-slider .img-container {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.single-item-slider .item {
    background-color: #000000;
    border: 3px solid #999999;
    border-radius: 0px;
    color: white;
}

.single-item-slider .slider-inner .item {
    width: 221px; 
}













/* INVENTORY */
.modal {
    z-index: 99999;
}

.inventory-container .toolbar { border-color: #777; background-color: #666; color: #fff; }

.inventory-container .vehicle { 
    border-color: transparent;
    transition: .3s; 
}

.inventory-container .vehicle:hover {
    background-color: #ffffff;
}

    .inventory-container .vehicle .title a { color: black; }

.inventory-container .btn {
    color: #fff;
    text-shadow: 0 1px 1px #585858;
    background-image: linear-gradient(to bottom, #919191, #575757);
    background-repeat: repeat-x;
    border: 2px solid white;
}

.filters-container .panel-body li { color: #ccc; }
    #filters-box li label { color: #fff; }
#filters-box .panel-heading { border-bottom: none; }

#vehicleList > div {
    margin: 0;
    padding: 10px;
}

.inventory-container .vehicle .title {
    background-color: #868686;
    padding: 5px;
}

.inventory-container .vehicle .title a {
    color: white;
}

.inventory-container .vehicle .price {
    font-size: 26px;
    text-align: center;
    padding-right: 0;
    font-family: 'freedommachine', sans-serif;
    color: white;
    text-transform: uppercase;
}

.inventory-container .vehicle .price-box {
    background-color: #868686;
}

.vehiclemodel {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 21px;
    min-height: 43px;
}

.info {
    font-size: 12px;
    text-align: right;
    color: black;
}

#ModalVehicleInquiry {
    position: fixed;
    top: 3%;
    border: 2px #ff6600 solid;
    z-index: 400;
    background-color: black;
}

.searchReturn {
    color: white;
}

#inventory-page > div.mobile-filters-btn-box.visible-xs.visible-sm > div > input {
    margin: 0;
}

#showroom .section-box {
    background-color: #515151;
}









/* FORMS */

.customForm [placeholder="First Name"], 
.customForm [placeholder="Last Name"] {
    width: 95px;
}

.customForm [placeholder="Zip Code"] {
    width: 80px;
}

.customForm [placeholder="Phone"] {
    width: 117px;
}

.customForm input, .customForm textarea, .customForm select {
    font-size: 14px!important;
    margin: 5px 0;
    padding: 2px 7px;
    color: white;
    border: 1px solid #404040;
    background-color: black;
    border-top: transparent;
    border-right: transparent;
}

.customForm textarea {
    width: 100%;
}

.field-validation-valid {
    color: gray;
}

.field-validation-valid,
.field-validation-error {
    position: absolute;
    right: 12px;
    top: 5px;
}

.vdp-inquire .form-control, .vdp-inquire span {
    position: relative;
    right: 0;
    top: 0;
}

label {
    margin-bottom: 0px;
    font-weight: 100;
    margin-top: 6px;
    padding-left: 5px;
}

.form-header-text {
    font-family: 'freedommachine', sans-serif;
    font-size: 30px;
    color: #ff6600;
    text-align: center;
    display: block;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 8px;
}

.form-control {
    font-size: 12px;
    margin: 5px 0px;
    border-radius: 0;
    background-color: #000000;
    border-left: 1px solid #404040;
    border-bottom: 1px solid #404040;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    color: white;
    transition: .2s;
}

.form-control:hover {
    border-color: #ff6600;
}

.form-control:focus {
    border-color: #ff6600;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(233 163 102 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(233 157 102 / 60%);
}



@media (min-width: 768px) {
#Form618 > div:nth-child(2) > fieldset > div:nth-child(n+1):nth-child(-n+4),
#Form619 > div:nth-child(2) > fieldset > div:nth-child(n+1):nth-child(-n+4) {
    width: 25%;
    display: inline-block;
    padding: 0px 5px;
}

#Form618 > div:nth-child(2) > fieldset > div:nth-child(n+6):nth-child(-n+8),
#Form619 > div:nth-child(2) > fieldset > div:nth-child(n+6):nth-child(-n+8),
#Form620 > div:nth-child(2) > fieldset > div:nth-child(n+1):nth-child(-n+6) {
    width: 33.33%;
    display: inline-block;
    padding: 0px 5px;
}

#Form2145 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5),
#Form2145 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+12) {
    width: 50%;
    display: inline-block;
    padding: 0 5px;
}

#Form618 > div:nth-child(2) > fieldset > div:nth-child(n+10),
#Form619 > div:nth-child(2) > fieldset > div:nth-child(n+10),
#Form620 > div:nth-child(2) > fieldset > div:nth-child(7) {
    padding: 0px 5px; 
}
}

.mainform {
    height: max-content;
}

.mainform > div {
    background-color: black;
    padding: 10px;
    border: 3px solid #808080;
}


.forms-title-section {
    font-size: 16pt;
    font-family: 'freedommachine', sans-serif;
    color: #8e8e8e;
    padding-left: 5px;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.btn-primary,
.btn-readMore {
    color: #fff;
    background-color: #808080;
    border: 3px solid white;
    letter-spacing: 1px;
    border-radius: 0;
    margin: 11px 0px 0px 5px;
    transition: .2s;
    text-transform: uppercase;
    font-weight: 700;
}

.hogBtns {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.btn-hog {
    padding: 10px 30px;
    font-size: 20px;
    background-color: #ff6600;
    margin: 10px;
}

.btn-primary:hover,
.btn-readMore:hover {
    color: #000;
    transform: scale(1.1);
    border-color: black;
    background-color: #ff6600;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus,
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary,
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    border-color: black;
    background-color: #ff6600;
}

.btn-fin {
    background-color: #ff6600;
    width: max-content;
    display: block;
    margin: 30px auto;
}

.btn-fin-prim {
    background-color: #ff6600;
    font-size: 30px;
    padding: 15px 30px;
    margin: 30px auto;
    display: block;
    width: max-content;
}

.counterWrapper {
    font-size: 10px;
    color: gray;
}











    
/* GLOBAL TOOLBARS/ACCORDIONS */
.panel-default { border: none; }
.inventory-container .toolbar, .vehicle-container .well, #content-container .panel-heading { background-image: linear-gradient(to bottom, #858585, #494949); background-repeat: repeat-x; text-shadow: 0 0 2px #333; }
.inventory-container .toolbar, .vehicle-container .well, #content-container .panel-heading, #content-container .panel-body { border-color: #777; }
#content-container .panel-heading { color: #eee; }


/* VDP VEHICLE */
.vehicles .k-widget { color: #eee; }

.vdpinquiryheader {
    font-size: 30px;
    font-family: 'freedommachine', sans-serif;
    color: #ff6600;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

#ModalVehicleInquiry .vdpinquiryheader {
    text-align: left;
}

.inquiryformcontainer {
    border: 3px solid #333333;
    font-size: 15px;
}

.locationBox h3 {
    color: #ff6600;
    font-family: 'freedommachine', sans-serif;
    letter-spacing: 1px;
    display: block;
    text-align: center;
    font-size: 24px!important;
    margin-top: -5px;
}

.locationBox {
    border: 3px solid #333333;
    margin-top: 25px;
}

.nav-tabs>li>a {
    border: transparent;
    background-color: black;
}









/* ACCORDION */
#content-container .panel-body {
    background-color: #000;
}

.panel-heading .panel-toggle {
    font-family: 'freedommachine', sans-serif;
    font-size: 17px;
    text-transform: uppercase;
}








/* KENDO OVERRIDES */
.k-block, .k-widget { background-color: inherit; }
.k-window-content.k-content { color: #333; }

table.k-scheduler-table {
    background-color: black;
    color: white;
}

.k-scheduler-table .k-today, .k-today>.k-scheduler-datecolumn, .k-today>.k-scheduler-groupcolumn {
    background-color: #969696;
}

.k-block, .k-button, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #848484;
    background-image: linear-gradient(to bottom, #858585, #494949);
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #ff6600;
}

.k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-table td, .k-scheduler-times, .k-scheduler-times th, .k-scheduler-times tr {
    border-color: #7d7d7d;
}

.k-autocomplete, .k-block, .k-button-group .k-tool, .k-calendar th, .k-colorpicker .k-i-arrow-s, .k-content, .k-dropdown-wrap, .k-dropzone-active, .k-editable-area, .k-filter-row>th, .k-footer-template td, .k-grid td, .k-grid td.k-state-selected, .k-grid-content-locked, .k-grid-footer, .k-grid-footer-locked, .k-grid-footer-wrap, .k-grid-header, .k-grid-header-locked, .k-grid-header-wrap, .k-group, .k-group-footer td, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-header, .k-input, .k-pager-refresh, .k-pager-wrap, .k-pager-wrap .k-link, .k-panel>.k-item>.k-link, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar>.k-item>.k-link, .k-popup.k-align .k-list .k-item:last-child, .k-separator, .k-slider-track, .k-splitbar, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-textbox, .k-textbox>input, .k-tiles, .k-toolbar, .k-tooltip, .k-treemap-tile, .k-upload-files, .k-widget {
    border-color: #7d7d7d;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: #000;
    background-color: #d6d6d6;
    border-color: #cccccc;
}

.k-scheduler-toolbar>ul>li {
    background-color: #fff0;
    border-color: #ccc;
}


.cover {
    display: flex;
    flex-flow: column;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 75%;
    position: absolute;
}

.tv {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
}





/* FOOTER */

.footerPriv p {
    margin-bottom: 0;
    text-align: center;
    padding: 10px 5px;
    font-style: italic;
    font-size: 12px;
}

footer.body .outer-wrapper {
    background-color: #000;
    color: #fff;
    text-align: center;
}

footer.body .our-name { background-image: url(''); }

.footerbackground {
    background-color: black;
    border-top: 3px solid darkgrey;
}

.footercontainer {
    display: flex;
    justify-content: space-around;
    padding: 1% 1% 2%;
    flex-direction: column;
    text-align: center;
}

.footerblock {
    flex: 0 0 23%;
}

.footerblock h3 {
    padding-bottom: 3px;
    border-bottom: 2px solid darkgrey;
}

.footertable {
    width: 100%;
}

.footersocial {
    display: flex;
    justify-content: center;
}

.footersocial a {
    font-size: 37px;
    padding: 0px 15px 0px 0px;
    padding: 0 30px;
}

#FilterQuickSearch {
    margin: 0;
}

.footer-map {
    position: relative;
    padding-bottom: 150px;
}

.footer-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.footerlinkblock a {
    display: block;
    position: relative;
    padding: 15px 0;
}

.footerlinkblock a:before {
    content: '\21E8';
    margin-right: 13px;
}

.footerinnerblock .dealer-phone {
    font-family: 'freedommachine', sans-serif;
    font-size: 30px;
}

.footer-text a, 
.footer-hog a {
    background-color: gray;
    padding: 5px 14px;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 7px;
    display: inline-block;
}

.footer-text a:hover, .footer-hog a:hover {
    background-color: #ff6600;
}

.footerblock a:hover {
    color: white;
}

.siteSearch-M {
    display: none;
}

.textclubdiv {
    width: 300px;
    margin: 0 auto;
}

.video-container {
    height: 100%;
}

/* TOOLTIPS ON DARK BG */
.tooltip.in { opacity: .97; filter: alpha(opacity=97); }
.tooltip-inner { background-color: #ebebeb; color: #000; }
.tooltip.top .tooltip-arrow { border-top-color: #ebebeb; }


@media (max-width: 767px) {
    .headerbackground {
        display: none;
    }
    .p-header.bbq-header h1 {
    font-size: 7vw;
    padding: 5px 10px;
}
    header.body {
        margin-bottom: 53px;
    }
    #main-nav .navbar-brand {
        margin: 2px 0;
        padding: 1px 15px;
        height: 58px;
    }
    #main-nav {
    height: auto;
    position: absolute;
    width: 100%;
    z-index: 2040;
    background-color: #2e2e2e;
    margin-top: 31px;
    box-shadow: none;
}
.headerBanner {
    top: 0;
    width: 100%;
    transform: rotate(0deg);
    text-align: center;
    left: 0;
}
.headerBanner h4 span {
    display: inline-block;
    font-size: 20px;
}
#content-container {
    margin-top: 27px;
}
    #main-nav .navbar-toggle {
        color: #f60;
    }
    #main-nav-collapse {
        max-height: calc(100vh - 75px);
        overflow-y: auto;
        background-color: #2e2e2e;
    }
#home-page #section-6 {
    margin-top: 30px;
}
#home-page #section-1 {
    padding: 6% 0px;
}
.single-item-slider .slider-inner .item {
    width: 215px;
}
    .navbar-nav>li>a {
        color: white;
        padding: 20px 15px; 
    }
    .dropdown-menu li {
        padding: 10px 0;
    }
    .dropdown-menu li a {
        color: white;
    }
.home-button-container {
    flex-wrap: wrap;
}
.home-button-container a {
    margin: 10px auto;
    flex: 0 0 48%;
}
.home-button-container h3 {
    font-size: 5vw;
    line-height: 5vw;
}
    #home-page #section-1 {
        margin-top: 0;
    }
    .homePagewidget > .widget-inner {
        margin-top: 0 !important;
    }
    #home-page #section-1 .siteSearch {
        margin-bottom: 0;
    }
    .modelcontainer {
        flex-wrap: wrap;
    }
    .modelcontainer a {
        flex: 0 0 50%;
    }
    .modeltext h3 {
        font-size: 5vw;
    }
    .featuredinventory h2 {
        padding-top: 0;
        font-size: 9vw;
    }
    .featuredinventory .single-item-slider .slider-outer {
        height: 226px;
    }
    .featuredinventory .single-item-slider .item-detail .price {
        font-size: 22px;
    }
    .home-about {
        padding: 15px 0;
    }
    .home-about h1 {
        letter-spacing: 1px;
        font-size: 6vw;
    }
    .about-slogan {
        font-size: 6vw;
    }
    #filters-modal {
        top: 70px;
    }
    #ModalVehicleInquiry {
        top: 70px;
        max-height: calc(100vh - 85px);
        overflow-y; auto;
    }
    .pageheader {
        margin-top: 0;
    }
    .p-header h1 {
        font-size: 10vw;
    }
    .serviceform, .partsform {
        order: 2;
    }
    .servicetext, .partstext {
        order: 1;
    }
    .flex-list { 
        flex-direction: column;
    }
    .mcform .form-header-text {
        font-size: 28px;
    }
    .mcButtons a {
        min-width: 160px;
    }
    .about-top img {
        display: block;
        margin: 0 auto;
        max-width: 700px;
        float: none;
        width: 100%;
    }
    .about-top .dealer-name {
        font-size: 7vw;
        letter-spacing: 2px;
    }
    .department .employee {
        max-width: 250px;
    }
    .maptext {
        text-align: center;
    }
    .maptext .dealer-name {
        font-size: 8vw;
    }
    .maptext h3 {
        font-size: 6vw;
    }
    .mapandhourstbl {
        width: 290px;
        margin: 0 auto;
    }
}

@media (min-width: 768px) {
    .instagramslider {
        padding: 0 30px;
    }
#cvoButton {
    display: none;
}
    .servicetext .flex-list li {
        flex: 0 0 100%;
    }
    .k-webkit .k-scheduler-toolbar>ul.k-scheduler-views {
        z-index: 100;
    }
    .single-item-slider .slider-inner .item {
        width: 212px; 
    }
}

@media (min-width: 992px) {
    .footercontainer {
        flex-direction: row;
        text-align: left;
    }
    .footersocial {
        display: block;
    }
    .footersocial a {
        padding: 0px 15px 0px 0px; 
    }
    .footerlinkblock a {
        padding: 0;
    }
    .featuredinventory .single-item-slider .item-detail .price {
        font-size: 1.8vw;
    }
    #home-page #section-1 .siteSearch {
        margin-bottom: 75px;
    }
    .instagramslider {
        padding: 0 15px;
    }
    .home-about {
        padding: 36px 15px 0;
    }
    .home-about .dealer-name {
        font-size: 32px;
    }
    #main-nav .nav>li>a {
        font-size: 13px;
        padding-left: 6px;
        padding-right: 6px;
    }
    .fin-list ul li {
        flex: 0 0 45%;
    }
    .servicetext .flex-list li {
        flex: 0 0 31%;
    }
    .mcButtons a {
        min-width: 160px;
    }
    .single-item-slider .slider-inner .item {
        width: 192px; 
    }
    .single-item-slider .slider-outer {
        height: 240px;
    }
}

@media (min-width: 1200px) {
    .footerblock {
        flex: 0 0 19%;
    }
    .featuredinventory .single-item-slider .item-detail .price {
        font-size: 1.5vw;
    }
    #home-page #section-1 .siteSearch {
        margin-bottom: 65px;
    }
    .home-about {
        padding: 64px 15px;
    }
    .home-about .dealer-name {
        font-size: 36px;
    }
    #main-nav .nav>li>a {
        font-size: 19px;
    }
    .fin-list ul li {
        flex: 0 0 47%;
    }
    .servicetext .flex-list li {
        flex: 0 0 33%;
    }
    .mcButtons {
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .mcButtons a {
        min-width: unset;
    }
    .single-item-slider .slider-inner .item {
        width: 242px; 
    }
    .single-item-slider .slider-outer {
        height: 226px;
    }
}




@media (max-width: 1199px) {
.headerleft {
    flex: 0 0 25%;
}

.headerLinks h3 {
    font-size: 19px;
}

.headerLinks {
    flex: 0 0 55%;
}
}




@media (max-width: 991px) {
.headerleft {
    flex: 0 0 32%;
}

.headersocial {
    display: flex;
}

.headerLinks h3 {
    font-size: 16px;
}
}





.pagerTop .k-pager-wrap {
    position: absolute;
    top: 120px !important;
    width: 96%;
}