.department-container {
	padding: 0;
}
.department-container .department {
	background: unset;
	padding: 15px 0;
}
.department .title {
	background: unset;
	border: unset;
}

.popup-widget {
    color: black;
}
.clBtn, .vdpBtn {
	top: 1em;
	right: 1em;
	padding: .2em .8em;
	background-color: #337ab7;
	color: #fff;
	border-radius: 4px;
	font-weight: normal;
	border: 1px #2e6da4 solid;
}
.btn-primary:hover, 
.clBtn:hover, 
.vdpBtn:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}
body { 
    font-family: 'Asap Condensed', sans-serif;
    font-size: 16px;
}

@media (max-width: 767px) {
    body {
        position: relative;
        z-index: 1;
    }

#outer-wrapper:after {
      content:"";
      position:fixed; 
      top:0;
      height:100vh;
      left:0;
      right:0;
      z-index:-1;
      background: url(https://psmfirestorm.blob.core.windows.net/website-themes/26/images/background-9.jpg) no-repeat center top;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
}

@media (min-width: 768px) {
    body {
        background: url(https://psmfirestorm.blob.core.windows.net/website-themes/26/images/background-9.jpg) no-repeat center center;
       background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

#home-page #widget10 {
    text-align: center;
    text-transform: uppercase;
}

#home-page #widget13 {
    margin-top: 15px;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 15px;
    font-family: 'Jockey One', sans-serif;
    letter-spacing: 1px;
}

.btn-primary {
    color: #fff;
    background-color: #0073b1;
    border-color: #2e6da4;
    margin: 10px 0px 0px;
}

button.btn.btn-primary.financebtn {
    font-size: 30px;
}


a { 
    color: #0073b1; 
}

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

#inner-bg {
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.72);
}

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

@media (min-width: 767px) {
    #inner-bg { width: 767px; 
        background-color: rgba(0, 0, 0, 0.82);}
}

@media (min-width: 992px) {
    #inner-bg { width: 992px; }
}

@media (min-width: 1200px) {
    #inner-bg { width: 1200px; }
}

#creditAppContainer .col-sm-2,
#creditAppContainer .col-md-3,
#creditAppContainer .col-md-4,
#creditAppContainer .col-sm-7 {
    width: 100%;
}

p.altApp {
    font-size: 20px;
}

p.altApp a {
    color: yellow;
}







/* GLOBAL THEME FONT COLORS -------------------------------------------------------------------------------------*/
body { color: #f3f3f3; }
legend { color: #eee; }









/* HEADER------------------------------------------------------------------------------------------------------------------------------ */
header.body {
    border-bottom-color: #464646;
    position: relative;
}

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

@media (max-width: 767px) {
    #main-nav .navbar-brand { color: #fff; 
}

#main-nav .navbar-brand {
    font-size: 18px;
    height: 46px;
    margin: 8px 0;
    max-width: 80%;
    padding: 5px 15px;
    font-family: 'Jockey One', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px; }
}

.header-fin {
    transform: rotate(90deg);
    padding: 5px 10px;
    right: -94px;
    top: 42%;
    position: absolute;
    background-color: yellow;
    text-transform: uppercase;
    font-family: 'Jockey One', sans-serif;
    font-size: 18px;
}

.header-fin span {
    margin-left: 3px;
}

.header-fin a {
    color: black;
}






/* NAVIGATION ----------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
#main-nav {
    background: url(https://psmfirestorm.blob.core.windows.net/50cd1b3f-e7df-4d86-8926-92c5922e964e/nav-background-6.png) no-repeat;
    width: 940px;
    float: right; }
}

@media (max-width: 1199px) {
#main-nav {
    background: url(https://psmfirestorm.blob.core.windows.net/7baca5f4-5a81-454b-bae2-aa80bae54f98/nav-background-medium.png) no-repeat;
    width: 828px;
    float: right; }
}

@media (max-width: 991px) {
#main-nav {
    background: url(https://psmfirestorm.blob.core.windows.net/70fe7da0-8a97-4668-9bfd-c65609e38039/nav-background-small-2.png) no-repeat;
    width: 621px;
    float: right; }
}

@media (max-width: 767px) {
#main-nav {
    background: black;
    width: 100%;
    float: none; 
    position: fixed;
    z-index: 16;}
#main-nav-collapse {
    max-height: calc(100vh - 62px);
    overflow-y: auto;
}
}

@media (min-width: 1200px) {
#main-nav .nav > li > a, .social-media-icons a {
    background: url(https://psmfirestorm.blob.core.windows.net/0094376d-954d-49bf-8db3-0d590c4f8df5/nav-button-background.png);
    color: black;
    font-size: 19px;
    font-family: 'Jockey One', sans-serif;
    text-transform: uppercase;
    width: 125px;
    padding-left: 19px;
    text-align: center;
    padding-top: 7px;
    margin-left: -10px;
    margin-right: 10.5px; 
    background-size: cover;}
}

@media (max-width: 1199px) {
#main-nav .nav > li > a, .social-media-icons a {
    background: url(https://psmfirestorm.blob.core.windows.net/8d1bba2c-4fe7-403f-a04b-106dc745ad6b/nav-button-background-medium.png);
    color: black;
    font-size: 15px;
    font-family: 'Jockey One', sans-serif;
    text-transform: uppercase;
    width: 110px;
    padding-left: 19px;
    text-align: center;
    padding-top: 7px;
    margin-left: -10px;
    margin-right: 10.5px; 
    background-size: cover;}
}

@media (max-width: 991px) {
#main-nav .nav > li > a, .social-media-icons a {
    background: url(https://psmfirestorm.blob.core.windows.net/30c03a03-8226-44d9-bc6e-b1e2dc54fcaf/nav-button-background-small.png);
    color: black;
    font-size: 13px;
    font-family: 'Jockey One', sans-serif;
    text-transform: uppercase;
    width: 82px;
    padding-left: 5px;
    text-align: center;
    padding-top: 7px;
    margin-left: -10px;
    margin-right: 10.5px;
    padding-right: 3px; 
    background-size: cover;}
}

@media (max-width: 767px) {
#main-nav .nav > li > a, .social-media-icons a {
    background: none;
    color: white;
    font-size: 16px;
    font-family: 'Jockey One', sans-serif;
    text-transform: uppercase;
    width: 100%;
    padding-left: 20px;
    text-align: left;
    padding-top: 18px;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    background-color: black;
    padding-bottom: 18px; }
#main-nav .dropdown-menu>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px; }
}

@media (min-width: 1200px) {
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0px;
    margin-left: 0px; }
}

@media (max-width: 767px) {
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px;
    background-color: #0073b1; }
}

@media (min-width: 1200px) {
#main-nav .nav > li > a:focus, #main-nav .nav > li > a:hover, #main-nav .nav .open>a, #main-nav .nav .open>a:focus, #main-nav .nav .open>a:hover {
    background: url(https://psmfirestorm.blob.core.windows.net/553bc808-486d-4003-a1dc-7f6437eb9207/hoverbackgroundlarge.png);
    width: 125px;
    margin-top: 0px;}
}

@media (max-width: 1199px) {
#main-nav .nav > li > a:focus, #main-nav .nav > li > a:hover, #main-nav .nav .open>a, #main-nav .nav .open>a:focus, #main-nav .nav .open>a:hover {
    background: url(
https://psmfirestorm.blob.core.windows.net/3b248d18-4c02-4fbe-ba01-8c60bfe126b5/hoverbackgroundmedium.png);
    width: 110px;
    margin-top: 0px;}
}

@media (max-width: 991px) {
#main-nav .nav > li > a:focus, #main-nav .nav > li > a:hover, #main-nav .nav .open>a, #main-nav .nav .open>a:focus, #main-nav .nav .open>a:hover {
    background: url(
https://psmfirestorm.blob.core.windows.net/3a07fd31-4d8b-4863-a610-cbc03dd8f07d/hoverbackgroundsmall.png);
    width: 82px;
    margin-top: 0px;}
}

@media (max-width: 767px) {
#main-nav .nav > li > a:focus, #main-nav .nav > li > a:hover, #main-nav .nav .open>a, #main-nav .nav .open>a:focus, #main-nav .nav .open>a:hover {
    background: none;
    width: 100%;
    margin-top: 0px;}
}




.breadcrumb { background-color: rgba(213, 213, 213, 0.1); }

@media (max-width: 767px) {
    #main-nav .nav ul li a { color: #ddd; }
}

@media (min-width: 1200px) {
.navbar-nav {
    float: right;
    width: 888px; }
.navbar .container {
    width: 951px;}
}

@media (max-width: 1199px) {
.navbar-nav {
    float: right;
    width: 781px; }
.navbar .container {
    width: 841px;}
}

@media (max-width: 991px) {
.navbar-nav {
    float: left;
    width: 581px; }
.navbar .container {
    width: 620px;}
}

@media (max-width: 767px) {
.navbar-nav {
    float: none;
    width: 100%; }
.navbar .container {
    width: 100%;}
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

@media (max-width: 767px) {
#main-nav-collapse {
    position: relative;
    z-index: 1039;
    background-color: black; }
}







/* CONTENT ----------------------------------------------------------------------------------------------------------------*/
#home-page { margin-top: 15px; padding-bottom: 15px; }

img.aboutpic {
    float: right;
    width: 50%;
    padding: 0px 0px 10px 10px;
}

@media (max-width: 767px) {
img.aboutpic {
    width: 100%;
    padding: 0px 0px 15px 0px; }
}







/* BILLBOARD ----------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
    .widget-Billboard .carousel { box-shadow: -30px 0px 40px -30px rgba(0, 0, 0, 0.4), 30px 0px 40px -30px rgba(0, 0, 0, 0.4); }
}







/* FEATURED VEHICLES-------------------------------------------------------------------------------------------------- */
.single-item-slider .item {
    background-color: rgba(0, 0, 0, 0.28);
    border: none;
    border-bottom: none;
    border-radius: 0px;
    border-top: none;
    display: block;
    position: relative;
    width: 204px;
}

.single-item-slider .item:hover, .single-item-slider .item:focus, .single-item-slider .slider-control:hover, .single-item-slider .slider-control:focus { color: #4da2cc; }

@media (min-width: 768px) {
    .single-item-slider .slider-container { margin: 0 30px; }

}

@media (max-width: 767px) {
.single-item-slider .slider-outer {
    height: 220px; }
}

.single-item-slider .item .item-inner {
    border-radius: 0px;
    height: 100%;
    padding-bottom: 15%;
    border: 4px solid;
}

.single-item-slider .item-detail .name {
    line-height: 18px;
    color: white;
}

.single-item-slider .img-container {
    background-position: center center;
    background-size: cover;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    height: 120px;
    overflow: hidden;
    position: relative;
}

.single-item-slider .item-detail .price {
    font-size: 22px;
    font-weight: unset;
    left: 0;
    padding: 0 6%;
    position: absolute;
    width: 100%;
    line-height: 113%;
    bottom: 4px;
}

.single-item-slider {
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
}

.featuredinventory h2 {
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 768px) {
.single-item-slider .slider-inner .item {
    width: 209px; }
}

@media (min-width: 992px) {
.single-item-slider .slider-inner .item {
    width: 209px; }
}

@media (min-width: 1200px) {
.single-item-slider .slider-inner .item {
    width: 204px; }
}

.latestReviews .single-item-slider .item .item-inner {
    background: black;
}

.latestReviews h2 {
    text-align: center;
}

@media (min-width: 768px) {
.latestReviews h2 {
    text-align: left;
}
}






/* INVENTORY */

.modal {
    z-index: 9999;
}

.inventoryBanner {
    margin: 15px 0;
}

.inventory-container { margin-bottom: 25px; }

.inventory-container .vehicle {
    background-color: #0073b1;
    border-color: #383838;
    color: #eee;
    padding: 8px;
    margin: 0px;
}

        .inventory-container .vehicle:hover { background-color: rgba(14, 14, 14, 0.45); }
        .inventory-container .vehicle .title a { color: #fff; }
        .inventory-container .vehicle .btn-default { background-color: #d6d6d6; border-color: #a2a2a2; }
    .inventory-container .toolbar { border-color: #383838; }
#inventory-page .panel, #vdp-container .panel, #home-page-widgets .panel { background-color: transparent; }

#filters-box li label {
    color: #0073b1;
}

#FilterQuickSearch {
    margin: 0;
}


.inventory-container .vehicle .thumb {
    min-height: 200px;
    align-content: center;
    align-items: center;
    text-align: center;
    vertical-align: bottom;
    position: relative;
    height: 200px;
    line-height: 197px;
}

.inventory-image{ 
   bottom: 0;
   align-content: center;
   left: 0;
   min-width: 250px;
}

.inventory-container .vehicle .price-box {
    width: 100%;
    background-color: #c5c5c5;
}

.inventory-container .vehicle .title {
    font-size: 10.5pt;
    width: 100%;
    background-color: black;
    padding: 5px;
    min-height: 76px;
}

.inventory-container .vehicle .price {
    font-weight: unset;
    font-size: 22px;
    text-align: right;
    box-sizing: border-box;
    padding: 4px;
    text-transform: uppercase;
}

.inventory-container .disclaimers {
    margin-top: 20px;
    font-size: 9px;
    font-family: 'Arial', sans-serif;
}

span.vehiclemodel {
    font-size: 20px;
}

#filters-box .active-filters h1 {
    margin: 0px 0 8px;
    padding-bottom: 8px;
    border-bottom: solid 1px #aaa;
    font-size: 20px;
    font-weight: unset;
    line-height: 14px;
}

#filters-box .active-filters>ul>li {
    font-weight: unset;
    font-size: 13px;
    line-height: 13px;
}

#filters-box .panel-body li label {
    padding-right: 4px;
    color: #0073b1;
    text-transform: uppercase;
    font-weight: 600;
}

#filters-box .panel-body li .radio, #filters-box .panel-body li .checkbox {
    margin: 0;
    color: black;
}

.inventory-container .vehicle .savings {
    margin-top: -16px;
    font-size: 18px;
    line-height: 16px;
    text-align: left;
    margin-left: 8px;
}

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

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

.vdpinquiryheader {
    font-size: 30px;
    font-family: 'Jockey One', sans-serif;
    text-transform: uppercase;
    color: #1074ae;
    margin-top: 0px;
}

.inquiryformcontainer {
    background-color: #999999;
    background: linear-gradient(135deg, #dddddd 0%,#b5b5b5 50%,#dddddd 100%);
    color: black;
    border: 5px solid #1074ae;
    box-shadow: inset 0px 0px 10px black;
}

.locationBox {
    margin-top: 15px;
}

.list-group.flex .name {
    padding-right: 10px;
    width: 185px;
    font-size: 16px;
}







/* SINGLE VEHICLE -----------------------------------------------------------------------------------------------------------------*/
.vehicle-container .vehicle-details table.data-list h2 { color: #8a8a8a; }
.vehicle-container .vehicle-details table.data-list .msrp { color: #999; }

#vdp-container .disclaimers {
    margin: 20px 0;
    font-size: 8px;
    line-height: 11px;
    font-family: 'Arial', sans-serif;
}



.card .content .title {
    font-size: calc(22px + (30 - 22) * ((100vw - 320px) / (768 - 320)));
}

@media (min-width: 768px) {
    .card .content .title {
        font-size: 15px;
    }
}

@media (min-width: 992px) {
    .card .content .title {
        font-size: 20px;
    }
}







/* FOOTER -------------------------------------------------------------------------------------------------------------------------------*/
footer.body {
    margin-top: 0;
    background-color: black;
}

    footer.body .outer-wrapper { background-color: transparent; color: #fff; }
    footer.body .our-name { background-image: url(''); }

footer.body .copyright .wrapper {
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
}

.footertable td:nth-child(1) {
    padding-right: 15px;
}

.footerQLinks {
    display: flex;
    flex-direction: column;
}









/* GLOBAL TOOLBARS/ACCORDIONS ------------------------------------------------------------------------------------*/
.panel-default { border: none; }
#content-container .panel-group .panel { background-color: rgba(0, 0, 0, 0.3); }
.inventory-container .toolbar, .vehicle-container .well, #content-container .panel-heading, .k-pager-wrap { background-color: rgba(0, 0, 0, 0.6); color: #eee; }
#content-container .panel-heading a { color: #eee; }

#content-container .panel-body {
    background-color: rgb(197, 197, 197);
    color: black;
}

.vehicle-container .well, #content-container .panel-heading, #content-container .panel-body { border: none; }

.pagerTop .k-pager-wrap {
    top: 103px;
    width: 92%;
}

.k-pager-info,
.k-safari .k-pager-info {
    display: inline-block !important;
    position: relative;
    z-index: 9;
    float: none;
}








/* FORMS ----------------------------------------------------------------------------------------------------------------*/
.control-label { color: #000; }

.form-header-text {
    font-size: 40px;
    font-family: 'Jockey One', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 30px;
    text-align: center;
    display: block;
    color: black;
}

.forms-title-section {
    font-weight: unset;
    font-size: 19pt;
    font-family: 'Jockey One', sans-serif;
    letter-spacing: 1px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: unset;
    margin-top: 5px;
}

.label-success {
    background-color: #00a000;
}

.mainform {
    height: fit-content;
}

.mainform > div {
    background-color: #999999;
    padding: 15px;
    background: linear-gradient(135deg, #dddddd 0%,#b5b5b5 50%,#dddddd 100%);
    color: black;
    border: 5px solid #1074ae;
    box-shadow: inset 0px 0px 10px black;
}

.serviceform {
    margin-bottom: 26%;
}

@media (max-width: 1199px) {
.serviceform {
    margin-bottom: 52%; }
}

@media (max-width: 991px) {
.serviceform {
    margin-bottom: 77%; }
}

@media (max-width: 767px) {
.serviceform {
    margin-bottom: 0; }
}

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

.form-control {
    margin: 5px 0px;
    font-size: 14px!important;
}

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

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

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

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

.customForm input,
.customForm textarea, 
.customForm select {
    font-size: 14px!important;
    margin: 5px 0;
    padding: 2px 7px;
    color: black;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
}

.customForm textarea {
    width: 100%;
}

.customForm select {
    padding: 2px 3px;
    font-size: 14px;
    color: black;
    border: 1px solid gray;
    border-radius: 8px;
}








#showroom .section-box .image {
    background-color: #fff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    margin: 0;
    padding: 0px;
}
































.creditIframe {
    position: relative;
    padding-bottom: 95%;
    min-height: 150px;
}

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





#employees-team-page {display: none;}




.box {
    background: #007eba;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-align: center;
    box-shadow: 0 0 5px #555;
    transition: all 0.55s ease;
    width: 100%;
    padding: 5px;
    margin-bottom: 15px;
}

.box img{
    width: 100%;
    height: auto;
    transition: all 0.55s ease;
}
.box:hover img{
    opacity: 0.5;
}

@media (min-width: 768px) {
.box .box-content{
    padding: 5px 10px 10px;
    position: absolute;
    bottom: 25px;
    right: 25px; }
}

@media (max-width: 767px) {
.box .box-content {
    padding: 5px 5px 5px;
    position: absolute;
    bottom: 10px;
    right: 10px; }
}

.box .box-content:before,
.box .box-content:after{
    content: "";
    width: 767px;
    height: 2px;
    position: absolute;
    background: #fff;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}
.box .box-content:before{
    top: 0;
    left: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.box .box-content:after{
    bottom: 0;
    right: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.box .box-content-inner:before,
.box .box-content-inner:after{
    content: "";
    width: 2px;
    height: 767px;
    position: absolute;
    background: #fff;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}
.box .box-content-inner:before{
    top: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.box .box-content-inner:after{
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.box:hover .box-content:before,
.box:hover .box-content:after,
.box:hover .box-content-inner:before,
.box:hover .box-content-inner:after{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.box:hover .box-content:before,
.box:hover .box-content:after{
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.box .title {
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
    background: unset;
    border: unset;
    padding: 0;
 }

.box .bio {
    position: absolute;
    bottom: calc(65px + (100 - 65) * ((100vw - 320px) / (768 - 320)));
    left: 0;
    padding: 0 15px 0 7px;
    text-align: center;
    font-size: calc(9px + (22 - 9) * ((100vw - 320px) / (768 - 320)));
    text-shadow: 1px 1px black;
    opacity: 0;
}

.box:hover .bio {
    opacity: 1;
    transition: opacity .55s linear;
    transition-delay: .15s;
}

@media (min-width: 768px) {
    .box .title{
        font-size: 24px;
    }
    .box .bio {
        padding: 0 35px 0 15px;
        bottom: 110px;
        text-align: left;
        font-size: 20px;
        line-height: 34px;
    }
}

@media (min-width: 992px) {
    .box .bio {
        padding: 0 32px 0 11px;
        font-size: 14px;
        bottom: 110px;
        line-height: 18px;
    }
}

@media (min-width: 1200px) {
    .box .bio {
        padding: 0 35px 0 15px;
        font-size: 16px;
        bottom: 110px;
        line-height: 24px;
    }
}

@media (max-width: 767px) {
    .box .title {
        font-size: 18px;
    }
}
@media (min-width: 768px) {
.box .post{
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #434343;
    padding: 5px 10px;
    background: #fff;
    text-transform: capitalize; }
}

@media (max-width: 767px) {
.box .post {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #434343;
    padding: 5px 10px;
    background: #fff;
    text-transform: capitalize; }
}
@media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
}

.departmentheader, 
.department > .title {
    font-family: 'Asap Condensed', sans-serif;
    font-size: 50px;
    text-transform: uppercase;
}

.employeeline, 
.department > .title {
  display: flex;
  flex-direction: row;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    transition: background-color .3s;
}
.department > .title:hover {
    background-color: rgba(255, 255, 255, 0.15);
}
.employeeline::before, 
.employeeline::after, 
.department > .title::before, 
.department > .title::after {
    content: "";
    flex: 1 1;
    border-bottom: 3px solid #007eba;
    margin: auto;
}









/* RESPONSIVE YOUTUBE-------------------------------------------------------------------------------------------------- */
.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

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







/* HOME LOGOS------------------------------------------------------------------------------------------------------------- */
.logocontainer {
    display: inline-flex;
    flex-flow: row wrap;
    display: -ms-inline-flexbox;
    -ms-flex-flow: row;
    -ms-flex-wrap: wrap;
    width: 100%;
    margin-top: 10px;
    justify-content: space-evenly;
    align-items: center;
}
.logocontainer > a:nth-child(1) {order: 1;}
.logocontainer > a:nth-child(2) {order: 2;}
.logocontainer > a:nth-child(3) {order: 3;}
.logocontainer > a:nth-child(4) {order: 4;}
.logocontainer > a:nth-child(5) {order: 5;}
.logocontainer img {width: 100%;}

@media (max-width: 767px) {
.logocontainer > a {
    flex: 0 1 22%;
    margin: auto 2%;
}
}

@media (min-width: 768px) {
.logocontainer > a {
    flex: 0 1 15%;
    margin: auto 2%;
}
}



/* HEADER --------------------------------------------------------------------------------------------------------------------- */
.socialheaderbuttoncontainer {
  position: relative;
  width: 100%;
}

.socialheaderbuttonimage {
    display: block;
    width: 42px;
    padding: 0px 3px 0px 3px;
}

.socialheaderbuttonoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  /*background-color: red;*/
}

.socialheaderbuttoncontainer:hover .socialheaderbuttonoverlay {
  opacity: 1;
}





.socialheadercontainer {
    /* height: 100px; */
    /* width: 100%; */
    /* background: #EEE; */
    margin: auto 0;
    /* position: absolute; */
    display: inline-block;
}

.socialheaderblock {
    /*background: green;*/
    /*height: 25%;*/
    /*width: 25%;*/
    float: left;
    /*margin: 10px;*/
}

@media (min-width: 1200px) {
.bobbyjlogo {
    float: left;
    padding: 43px 5px 13px 10px;
    position: absolute;
    width: 259px; }
}

@media (max-width: 1199px) {
.bobbyjlogo {
    float: left;
    padding: 21px 5px 13px 0px;
    margin-left: 12px;
    width: 199px;
    position: absolute; }
}

@media (max-width: 991px) {
.bobbyjlogo {
    float: left;
    padding: 12px 5px 13px 13px;
    width: 192px;
    margin-left: 0px;
    position: absolute; }
}

@media (min-width: 992px) {
.bobbyjheader-content {
    float: right;
    padding-top: 81px;
    margin-right: 14px; }
}

@media (max-width: 991px) {
.bobbyjheader-content {
    float: right;
    padding-top: 52px;
    margin-right: 22px; }
}

.bobbyjheader-content .bobbyjheader-content-left {
  padding-right: 15px;
  text-align: right;
  display: inline-block;
}

.bobbyjheader-content .bobbyjheader-content-right {
    padding-left: 15px;
    text-align: left;
    display: inline-block;
    border-left: 1px solid #ffffff;
}

@media (max-width: 991px) {
.bobbyjheader-content .bobbyjheader-content-right {
    padding-left: 15px;
    text-align: left;
    display: inline-block;
    border-left: 1px solid #ffffff;
    display: none; }
}


.bobbyjheader-content .local-phone, .bobbyjheader-content .tollfree-phone {
    font-size: 33px;
    font-weight: 900;
    color: #ffffff;
    display: block;
    transition: color 0.2s ease-in-out;
}
.bobbyjheader-content .local-phone:hover, .bobbyjheader-content .tollfree-phone:hover {
    color: lightgray;
}
.bobbyjheader-content .tollfree-phone {
  padding-bottom: 4px;
}
.bobbyjheader-content .bobbyjheader-address {
    font-size: 15px;
    font-weight: 400;
    color: #0073b1;
}
.bobbyjheader-content .header-map-btn {
    transition: color 0.2s ease-in-out;
    font-size: 17px;
}
.bobbyjheader-content .header-map-btn span {
  transition: color 0.2s ease-in-out;
}
.bobbyjheader-content .header-map-btn:hover {
    color: lightgray;
}
.bobbyjheader-content .header-map-btn:hover span {
  color:  lightgray;
}

.bobbytagline {
    text-align: center;
    color: white;
    background-color: #0073b1;
    font-size: 23px;
    text-transform: uppercase;
}

@media (min-width: 1200px) {
.bobbyjheaderpic {
    width: 317px;
    float: right;
    padding: 10px;
    margin-right: 70px; }
}

@media (max-width: 1199px) {
.bobbyjheaderpic {
    width: 317px;
    float: right;
    padding: 10px;
    margin-right: 16px; }
}

@media (max-width: 991px) {
.bobbyjheaderpic {
    width: 265px;
    float: right;
    padding: 10px;
    margin-right: 2px; }
}







/* CUSTOM FOOTER ----------------------------------------------------------------------------------- */
#footer {
    background-color: rgba(0, 0, 0, 0.8);
    border-top: 4px solid #0073b1;
}

h4.footertext {
    color: #c5c5c5;
}





.containerfooter {
    padding: 30px;
    width: 1170px;
    display: flex;
    justify-content: space-between;
    margin: auto;
}

@media (max-width: 1199px) {
.containerfooter {
    padding: 30px 15px 35px 15px;
    width: 992px;
    margin: auto; }
}

@media (max-width: 992px) {
.containerfooter {
    padding: 30px 0px 35px 0px;
    width: 768px;
    margin: auto; }
}

@media (max-width: 767px) {
.containerfooter {
    padding: 30px 0px 35px 0px;
    width: 100%;
    margin: auto;
    flex-direction: column;
    text-align: center; }
}

.containerfooter .text-muted {
  margin: 20px 0;
}

.footertext {
  color: #ffffff;
}

.footerblock {
    padding: 2% 0%;
}

.footertext a {
    color: white;
    transition: .2s;
}

.footertext a:hover {
    color: #0373b1;
}


.socialfooterbuttoncontainer {
  position: relative;
  width: 100%;
}

.socialfooterbuttonimage {
    display: block;
    width: 56px;
    padding: 0px 7px;
}

.socialfooterbuttonoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
}

.socialfooterbuttoncontainer:hover .socialfooterbuttonoverlay {
  opacity: 1;
}





.socialfootercontainer {
    margin: auto 0;
    display: inline-block;
}

.socialfooterblock {
    float: left;
}








/*TEST-------------------------------------------------------------------------------------------------------------------------*/


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.card {
  display: block;
  text-align: center;
  color: #eeeeee;
}
.card .content {
    padding: 71px 5px 2px 5px;
}

@media (min-width: 992px) {
.card .title {
    font-size: 20px;
    background-color: #808080;
    border-radius: 2px;
    padding: 2px 20px;
    font-family: 'Jockey One', sans-serif;
    letter-spacing: 1px;
}
}
@media (max-width: 991px) {
.card .title {
    font-size: 15px;
    background-color: #808080;
    border-radius: 2px;
    padding: 2px 20px;
    font-family: 'Jockey One', sans-serif;
    letter-spacing: 1px;
}
}

.card-9 .content {
    background: #1f3a7a url(https://psmfirestorm.blob.core.windows.net/db1567c8-7c17-4794-b85d-26d8209a415e/new-inventory-button-2.jpg) no-repeat;
    border-radius: 0px;
    border: 5px solid #0073b1;
    background-size: cover;
}
.card-9:before, .card-9:after {
  border-radius: 0px;
}
.card-9:before {
  background-color: lightgray !important;
}
.card-9 .title, .card-9:after {
    /*background-color: #0073b1 !important;*/
    color: white;
}


.card-10 .content {
    background: #1f3a7a url(https://psmfirestorm.blob.core.windows.net/d965c0d3-d16f-4052-861e-34bf50c78f18/pre-owned-inventory-button.jpg) no-repeat;
    border-radius: 0px;
    border: 5px solid #0073b1;
    background-size: cover;
}
.card-10:before, .card-10:after {
  border-radius: 0px;
}
.card-10:before {
  background-color: lightgray !important;
}
.card-10 .title, .card-10:after {
    /*background-color: #0073b1 !important;*/
    color: white;
}

.card-11 .content {
    background: #1f3a7a url(https://psmfirestorm.blob.core.windows.net/17f6440b-f99e-4503-b86f-7b647de042c1/financing-button.jpg) no-repeat;
    border-radius: 0px;
    border: 5px solid #0073b1;
    background-size: cover;
}
.card-11:before, .card-11:after {
  border-radius: 0px;
}
.card-11:before {
  background-color: lightgray !important;
}
.card-11 .title, .card-11:after {
    /*background-color: #0073b1 !important;*/
    color: white;
}
@media (max-width: 767px) {
    .card .title {
        background-color: rgba(80, 80, 80, 0.6);
        font-size: 2.2em;
        padding: 15px 20px;
    }
    .card .content {
        padding: 30px 5px;
    }
    [class^="card"] .content {
        background-blend-mode: soft-light;
    }
}


[class*='stacked--'] {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  will-change: transform;
}
[class*='stacked--']:before, [class*='stacked--']:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  will-change: transform;
}
[class*='stacked--']:before {
  z-index: -1;
}
[class*='stacked--']:after {
  z-index: -2;
}

.stacked--fan-left {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
.stacked--fan-left:before, .stacked--fan-left:after {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
.stacked--fan-left:hover {
  -webkit-transform: translate(-2.5px, 0) rotate(-2.5deg);
          transform: translate(-2.5px, 0) rotate(-2.5deg);
}
.stacked--fan-left:hover:before {
  -webkit-transform: translate(2.5px, 0) rotate(2.5deg);
          transform: translate(2.5px, 0) rotate(2.5deg);
}
.stacked--fan-left:hover:after {
  -webkit-transform: translate(5px, 0) rotate(5deg);
          transform: translate(5px, 0) rotate(5deg);
}










div.headerbackground {
    background: url(https://psmfirestorm.blob.core.windows.net/735455fb-0e79-4ec6-a21e-d48da0851254/service-header-2.jpg) no-repeat;
    /* border: 1px solid transparent; */
    border-bottom: 5px solid #0073b1;
    background-size: 100%;
}

@media (min-width: 1200px) {
div.headertransbox {
    margin: 0px 10px 10px 0px;
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1;
    filter: alpha(opacity=1); }
}

@media (max-width: 1199px) {
div.headertransbox {
    margin: 0px 10px 0px 0px;
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1;
    filter: alpha(opacity=1); }
} 

@media (max-width: 767px) {
div.headertransbox {
    margin: 0px 0px 0px 0px;
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1;
    filter: alpha(opacity=1); }
}

@media (min-width: 992px) {
div.headertransbox h1 {
    margin: 13px 21px 0;
    color: white;
    font-size: 74px;
    text-shadow: 3px 4px 0px #0073b1;
    font-family: 'Jockey One', sans-serif; }
}

@media (max-width: 991px) {
div.headertransbox h1 {
    margin: 2px 18px 0;
    color: white;
    font-size: 60px;
    text-shadow: 3px 4px 0px #0073b1;
    font-family: 'Jockey One', sans-serif; }
}

@media (max-width: 767px) {
div.headertransbox h1 {
    margin: 0px 6px;
    color: white;
    font-size: 7vw;
    text-shadow: 3px 4px 0px #0073b1;
    font-family: 'Jockey One', sans-serif; }
}



div.partsbackground {
    background: url(https://psmfirestorm.blob.core.windows.net/6f390f13-c4f1-4693-b2fa-4d8bf665d050/parts-header-2.jpg) no-repeat;
    /* border: 1px solid transparent; */
    border-bottom: 5px solid #0073b1;
    background-size: 100%;
}

@media (min-width: 1200px) {
div.partstransbox {
    margin: 0px 10px 10px 0px;
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1;
    filter: alpha(opacity=1); }
}

@media (max-width: 1199px) {
div.partstransbox {
    margin: 0px 10px 0px 0px;
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1;
    filter: alpha(opacity=1); }
}

@media (max-width: 767px) {
div.partstransbox {
    margin: 0px 0px 0px 0px;
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1;
    filter: alpha(opacity=1); }
}

@media (min-width: 992px) {
div.partstransbox h1 {
    margin: 13px 21px 0;
    color: white;
    font-size: 74px;
    text-shadow: 3px 4px 0px #0073b1;
    font-family: 'Jockey One', sans-serif; }
}

@media (max-width: 991px) {
div.partstransbox h1 {
    margin: 2px 18px 0;
    color: white;
    font-size: 60px;
    text-shadow: 3px 4px 0px #0073b1;
    font-family: 'Jockey One', sans-serif; }
}

@media (max-width: 767px) {
div.partstransbox h1 {
    margin: 5px 6px 0;
    color: white;
    font-size: 7vw;
    text-shadow: 3px 4px 0px #0073b1;
    font-family: 'Jockey One', sans-serif; }
}


div.aboutbackground {
    background: url(https://psmfirestorm.blob.core.windows.net/0feda0e1-65f5-4c97-8ac6-83327385f3ed/about-header-2.jpg) no-repeat;
    /* border: 1px solid transparent; */
    border-bottom: 5px solid #0073b1;
    background-size: 100%;
}

@media (min-width: 1200px) {
div.abouttransbox {
    margin: 0px 10px 10px 0px;
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1;
    filter: alpha(opacity=1); }
}

@media (max-width: 1199px) {
div.abouttransbox {
    margin: 0px 10px 0px 0px;
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1;
    filter: alpha(opacity=1); }
}

@media (max-width: 767px) {
div.abouttransbox {
    margin: 0px;
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1;
    filter: alpha(opacity=1); }
}

@media (min-width: 992px) {
div.abouttransbox h1 {
    margin: 13px 21px 0;
    color: white;
    font-size: 74px;
    text-shadow: 3px 4px 0px #0073b1;
    font-family: 'Jockey One', sans-serif; }
}

@media (max-width: 991px) {
div.abouttransbox h1 {
    margin: 2px 18px 0;
    color: white;
    font-size: 60px;
    text-shadow: 3px 4px 0px #0073b1;
    font-family: 'Jockey One', sans-serif; }
}

@media (max-width: 767px) {
div.abouttransbox h1 {
    margin: 5px 6px 0;
    color: white;
    font-size: 7vw;
    text-shadow: 3px 4px 0px #0073b1;
    font-family: 'Jockey One', sans-serif; }
}





div.financebackground {
    background: url(https://psmfirestorm.blob.core.windows.net/2a0b1af1-5d19-4abe-975c-71312b91d52f/finance-header-3.jpg) no-repeat;
    /* border: 1px solid transparent; */
    border-bottom: 5px solid #0073b1;
    background-size: 100%;
}

@media (min-width: 1200px) {
div.financetransbox {
    margin: 0px 10px 10px 0px;
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1;
    filter: alpha(opacity=1); }
}

@media (max-width: 1199px) {
div.financetransbox {
    margin: 0px 10px 0px 0px;
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1;
    filter: alpha(opacity=1); }
}

@media (max-width: 767px) {
div.financetransbox {
    margin: 0px;
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1;
    filter: alpha(opacity=1); }
}

@media (min-width: 992px) {
div.financetransbox h1 {
    margin: 13px 21px 0;
    color: white;
    font-size: 74px;
    text-shadow: 3px 4px 0px #0073b1;
    font-family: 'Jockey One', sans-serif; }
}

@media (max-width: 991px) {
div.financetransbox h1 {
    margin: 2px 18px 0;
    color: white;
    font-size: 60px;
    text-shadow: 3px 4px 0px #0073b1;
    font-family: 'Jockey One', sans-serif; }
}

@media (max-width: 767px) {
div.financetransbox h1 {
    margin: 5px 6px 0;
    color: white;
    font-size: 7vw;
    text-shadow: 3px 4px 0px #0073b1;
    font-family: 'Jockey One', sans-serif; }
}




div.teamwords, 
h1.page-title {
    margin: 0px 21px;
    color: white;
    font-size: 74px !important;
    text-shadow: 3px 4px 0px #0073b1;
    font-family: 'Jockey One', sans-serif;
}

@media (max-width: 767px) {
div.teamwords, 
h1.page-title {
    margin: 0px 16px;
    color: white;
    font-size: 14vw !important;
    text-shadow: 3px 4px 0px #0073b1;
    font-family: 'Jockey One', sans-serif; }
}












/* RESPONSIVE YOUTUBE----------------------------------------------------------------- */
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}










.grid {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    /* min-width: 320px; */
    /* max-width: 480px; */
    /* max-height: 360px; */
    width: 100%;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    border: 5px solid #0073b1;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.grid figure figcaption {
    padding: 0px 10px;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    font-weight: 300;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

@media (min-width: 1200px) {
.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%; }
}

@media (max-width: 1199px) {
.grid figure p {
    letter-spacing: 1px;
    font-size: 63.5%; }
}









figure.effect-team {
  background: #0073b1;
}

figure.effect-team img {
  max-width: none;
 /* width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);*/
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.effect-team:hover img {
  opacity: 0.4;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

figure.effect-team figcaption {
  text-align: left;
}

figure.effect-team h2 {
    position: relative;
    overflow: hidden;
    padding: 0.5em 0;
    text-transform: uppercase;
    text-shadow: 2px 2px 3px black;
}

figure.effect-team h2::after {
    position: absolute;
    bottom: 9px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}

figure.effect-team h3 {
    position: relative;
    overflow: hidden;
    /* padding: 0.5em 0; */
    margin-top: -4px;
    text-shadow: 2px 2px 3px black;
}

figure.effect-team:hover h2::after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

figure.effect-team p {
  padding: 1em 0;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

figure.effect-team:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


@media (min-width: 768px) {
.footerblock {
    flex: 0 0 24%; }
}

@media (min-width: 992px) {
.footerblock {
    flex: 0 0 25%; }
}


.vdpsearch {
	width: 100%;
	text-align: center;
	display: flex;
	flex-flow: row nowrap;
	border: 10px #07f407 solid;
/*	border-radius: 8px;   */
	overflow: hidden;
	margin-bottom: 10px;
}
.vdpsearch input[type="text"] {
	width: 100%;
	font-family: 'Jockey One', sans-serif;
	color: #0073b1;
	font-size: 1.2em;
	padding: 0 .5em;
}
.vdpsearch .btn-primary {
	margin: 0;
	border-radius: 0;
}


/* RESPONSIVE MAP-------------------------------------------------------------------------------------------------------- */
.videoWrapper {
    position: relative;
    padding-bottom: 35%;
}

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

.siteSearch-M button {
    height: 34px;
    padding: 0;
    margin-top: 5px !important;
}
    
#ModalVehicleInquiry {
    max-height: 100vh;
    overflow-y: auto;
    border: 2px solid #0073b1;
}

@media (max-width: 767px) {
    .homemainButtons {
        max-width: 360px;
        margin: 0 auto;
    }
    .footertable {
        margin: 0 auto;
    }
    .servicecerts {
        margin: 20px auto;
    }
    .serviceform .form-header-text {
        font-size: calc(36px + (40 - 36) * ((100vw - 320px) / (768 - 320)));
    }
    #outer-wrapper {
        margin-top: -22px;
    }
    .home-about {
        text-align: center;
    }
    .footerQLinks a {
        padding: 15px 0;
    }
    .bobbyjheaderpic img, .bobbyjlogo img {
        display: none;
    }
}

@media (min-width: 768px) {
    .card-9 .content {
        background-position-x: -61px;
    }
    .card-10 .content {
        background-position-x: -44px;
    }
    .card-11 .content {
        background-position-x: -65px;
    }
    .servicecerts {
        float: left;
        margin: 0px 10px 0px 0px;
        width: 105px;
    }
    #main-nav .nav > li > a {
        margin-bottom: -18px;
    }
    #main-nav .nav > li > .dropdown-menu {
        margin-left: -10px;
    }
}

@media (min-width: 992px) {
    .card-9 .content {
        background-position-x: -33px;
    }
    .card-10 .content {
        background-position-x: -21px;
    }
    .card-11 .content {
        background-position-x: -34px;
    }
    .servicecerts {
        width: 140px;
    }
}

@media (min-width: 1200px) {
    .card-9 .content, .card-10 .content, .card-11 .content {
        background-position-x: 0;
    }
    .servicecerts {
        width: auto;
    }
}

.jumbotron, #creditAppForm section {
    background: #0073b1 !important;
    color: white !important;
}

.jumbotron .text-muted, .jumbotron h1 {
    color: white !important;
}

/* 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; }




.searchReturn {
    color: white;
}





/* STARK */

.starkTop {
    background-image: url(https://psmfirestorm.blob.core.windows.net/c52cacc1-2820-4bc9-91bc-24dab2b6e992/background.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 0;
    background-attachment: fixed;
    position: relative;
    background-position: center;
}

.starkTop:before,
.starkTop:after {
    content: '';
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

.starkTop:after {
    background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    top: unset;
    bottom: 0;
}

.starkTop > div {
    position: relative;
    z-index: 9;
}

.starkMain {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.starkMain img {
    max-width: 300px;
    margin: 0 auto 45px;
    display: block;
}

.starkMain h1 {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    text-shadow: 1px 1px 1px black;
}

.starkMain h1 span {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px;
}

.starkBtm {
    background-color: black;
    margin-top: 0!important;
    padding: 60px 0;
}

.starkContainer,
.starkContainer h2 {
    font-family: 'Montserrat', sans-serif;
}

.starkContainer > div:nth-child(1) {
    display: flex;
}

.starkContainer > div:nth-child(1) > div:nth-child(1) {
    padding-right: 15px;
    flex: 0 0 50%;
}

.starkContainer > h2 {
    text-align: center;
    margin: 50px auto 10px;
    position: relative;
    width: max-content;
}

.starkContainer > h2:before, 
.starkContainer > h2:after {
    content: '';
    width: 50px;
    height: 3px;
    background-color: #ae802d;
    position: absolute;
    left: -65px;
    top: 17px;
    background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
}

.starkContainer > h2:after {
    left: unset;
    right: -65px;
}

.starkContent {
    background-color: white;
    color: black;
    padding: 30px;
}

.starkContent > div {
    display: flex;
    flex-flow: row-reverse;
}

.starkContent > div:nth-child(even) {
    flex-flow: row;
    background-color: #ebebeb;
    padding: 15px;
}

.starkContent .videoWrapper {
    flex: 0 0 40%;
    padding-bottom: 26%;
    margin-top: 24px;
}

.starkContent > div:nth-child(odd) .videoWrapper {
    margin-right: 50px;
}

.starkContent > div:nth-child(even) .videoWrapper {
    margin-left: 50px;
}

.starkContent .videoWrapper iframe {
    height: 250px;
}



@media (max-width: 1199px) {
.starkContent .videoWrapper iframe {
    height: 200px;
}
}



@media (max-width: 991px) {
.starkContent > div, 
.starkContent > div:nth-child(even) {
    flex-flow: column;
}

.starkContent > div:nth-child(even) {
    margin: 30px 0;
}

.starkContent .videoWrapper iframe {
    height: 100%;
}

.starkContent > div:nth-child(even) .videoWrapper {
    margin-left: 0;
}

.starkContent .videoWrapper {
    padding-bottom: 56%;
}

.starkContainer > div:nth-child(1) {
    flex-flow: column;
}
}



@media (max-width: 767px) {
.starkMain {
    position: relative;
}

.starkContainer > h2:before, .starkContainer > h2:after {
    width: 20px;
    left: -32px;
}

.starkContainer > h2:after {
    right: -32px;
}

.starkContent {
    padding: 15px;
}

.header-fin {
    transform: rotate(90deg);
    padding: 5px;
    right: -48px;
    top: 42%;
    position: fixed;
}

.header-fin span {
    display: inline-block;
    margin-left: 5px;
}

.creditIframe {
    padding-bottom: 175%;
}
}



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

#Form6546 > div:nth-child(1) > fieldset > div:nth-child(n+13) {
    padding: 0 5px;
}
}