/*
|-------------------------------------------------------
| Core Styles
|-------------------------------------------------------
*/

body {
    margin: 0;
    padding: 0;
    color: #5a5a5a;
    font-size: 16px;
    overflow-y: scroll;
    font-family: 'Open Sans', sans-serif;
}

img {
    border: 0;
}

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

a {
    text-decoration: none;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

/* basic form styles */

input, select, textarea {
    outline: 0;
    width: 100%;
    color: #777;
    padding: 11px;
    display: block;
    background: #fff;
    border-radius: 2px;
    border: 2px solid #8FDD87;
    -webkit-appearance: none;
    font-size: 1.2em;
    box-shadow: 2px 2px 10px -4px #525252;
    transition: 0.6s ease all;
}

input[type="submit"]:hover {
    background-color: #8FDD87;
    color: white;
    transition: 0.2s ease all;
}

/*
|-------------------------------------------------------
| Grid System
|-------------------------------------------------------
| Link: http://thisisdallas.github.io/Simple-Grid/
|-------------------------------------------------------
*/

#wrapper {
    background-color: #eee;
}

[class*="col-"] {
    float: left;
    padding-right: 20px
}

.grid {
    width: 100%;
    max-width: 1700px;
    min-width: 755px;
    margin: 0 auto;
    padding-left: 10%;
    padding-right: 10%;
    overflow: hidden
}

.grid:after {
    content: "";
    display: table;
    clear: both
}

.grid-pad {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0
}

.push-right {
    float: right
}

.col-1-1 {
    width: 100%
}

.col-2-3, .col-8-12 {
    width: 66.66%
}

.col-1-2, .col-6-12 {
    width: 50%
}

.col-1-3, .col-4-12 {
    width: 33.33%
}

.col-1-4, .col-3-12 {
    width: 25%
}

.col-1-5 {
    width: 20%
}

.col-1-6, .col-2-12 {
    width: 16.667%
}

.col-1-7 {
    width: 14.28%
}

.col-1-8 {
    width: 12.5%
}

.col-1-9 {
    width: 11.1%
}

.col-1-10 {
    width: 10%
}

.col-1-11 {
    width: 9.09%
}

.col-1-12 {
    width: 8.33%
}

.col-11-12 {
    width: 91.66%
}

.col-10-12 {
    width: 83.333%
}

.col-9-12 {
    width: 75%
}

.col-5-12 {
    width: 41.66%
}

.col-7-12 {
    width: 58.33%
}

.push-2-3, .push-8-12 {
    margin-left: 66.66%
}

.push-1-2, .push-6-12 {
    margin-left: 50%
}

.push-1-3, .push-4-12 {
    margin-left: 33.33%
}

.push-1-4, .push-3-12 {
    margin-left: 25%
}

.push-1-5 {
    margin-left: 20%
}

.push-1-6, .push-2-12 {
    margin-left: 16.667%
}

.push-1-7 {
    margin-left: 14.28%
}

.push-1-8 {
    margin-left: 12.5%
}

.push-1-9 {
    margin-left: 11.1%
}

.push-1-10 {
    margin-left: 10%
}

.push-1-11 {
    margin-left: 9.09%
}

.push-1-12 {
    margin-left: 8.33%
}

@media handheld, only screen and (max-width:767px) {
    .grid {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 10px
    }
    [class*="col-"] {
        width: auto;
        float: none;
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 0;
        padding-right: 10px
    }
    [class*="mobile-col-"] {
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 10px;
        padding-left: 0;
        padding-right: 10px;
        padding-bottom: 0
    }
    .mobile-col-1-1 {
        width: 100%
    }
    .mobile-col-2-3, .mobile-col-8-12 {
        width: 66.66%
    }
    .mobile-col-1-2, .mobile-col-6-12 {
        width: 50%
    }
    .mobile-col-1-3, .mobile-col-4-12 {
        width: 33.33%
    }
    .mobile-col-1-4, .mobile-col-3-12 {
        width: 25%
    }
    .mobile-col-1-5 {
        width: 20%
    }
    .mobile-col-1-6, .mobile-col-2-12 {
        width: 16.667%
    }
    .mobile-col-1-7 {
        width: 14.28%
    }
    .mobile-col-1-8 {
        width: 12.5%
    }
    .mobile-col-1-9 {
        width: 11.1%
    }
    .mobile-col-1-10 {
        width: 10%
    }
    .mobile-col-1-11 {
        width: 9.09%
    }
    .mobile-col-1-12 {
        width: 8.33%
    }
    .mobile-col-11-12 {
        width: 91.66%
    }
    .mobile-col-10-12 {
        width: 83.333%
    }
    .mobile-col-9-12 {
        width: 75%
    }
    .mobile-col-5-12 {
        width: 41.66%
    }
    .mobile-col-7-12 {
        width: 58.33%
    }
    .hide-on-mobile {
        display: none!important;
        width: 0;
        height: 0
    }
}

/*
|-------------------------------------------------------
| Utility Classes
|-------------------------------------------------------
*/

.float-right {
    float: right;
}

.no-margin {
    margin: 0 auto;
}

.no-overflow {
    overflow: visible;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.timeline-widget {
    max-width: 100% !important;
}

/* button styles */

.btn {
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    min-width: 136px;
    margin: 10px 5px;
    padding: 16px 26px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #fff;
    transition: all .3s ease;
}

/* default button states */

.btn-primary {
    background: #337ab7;
}

.btn-success {
    background: #5cb85c;
}

.btn-info {
    background: #5bc0de;
}

.btn-warning {
    background: #f0ad4e;
}

.btn-danger {
    background: #d9534f;
}

/* hover button states */

.btn-primary:hover {
    background: #286090;
}

.btn-success:hover {
    background: #449d44;
}

.btn-info:hover {
    background: #31b0d5;
}

.btn-warning:hover {
    background: #ec971f;
}

.btn-danger:hover {
    background: #c9302c;
}

.btn-default:hover {
    background: #fff;
    color: #333;
}

/*
|-------------------------------------------------------
| Body
|-------------------------------------------------------
*/

.title, .page-title {
    color: #eee;
    font-size: 1.17em;
    margin-bottom: 20px;
    padding: 8px 0 16px 20px;
    border-bottom: 1px solid #eeeeee;
}

.title a {
    color: #5a5a5a;
    text-decoration: none;
}

/*
  set a minimum height so the body doesnt go super small
  on pages with minimal content
*/

.main-content {
    display: block;
    /* ie needs this */
}

/*
|-------------------------------------------------------
| Reusable Classes
|-------------------------------------------------------
*/

.color_title {
    font-weight: bold;
    color: #8FDD97;
    margin: 0;
    font-size: 20px;
}

.white_title {
    font-weight: bold;
    color: white;
    margin: 0;
}

.black_title {
    font-weight: bold;
    color: #1F1F1F;
    margin: 0;
}

.full_width_title {
    width: 100%;
    text-align: center;
}

.full_width_title_left_not_centered {
    width: 100%;
}

.color-border__tb {
    border-top: 1px solid #8FDD97;
    border-bottom: 1px solid #8FDD97;
    padding: 5px 0;
}

.paragraph_split_horizontal {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.center-text {
    text-align: center;
    font-size: 1.4em;
}

.padding__5-20 {
    padding: 5px 20px;
}

.flex_center_section {
    width: 100%;
    padding: 5px 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.left_green_line_title {
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    text-align: left;
    padding: 5px
}

.left_green_line_title:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 100%;
    height: 2px;
    content: '    \a0';
    background-color: #8FDD87;
    margin-left: 10px;
}

.right_green_line_title {
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    text-align: right;
    padding: 5px
}

.right_green_line_title:before {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 100%;
    height: 2px;
    content: '    \a0';
    background-color: #8FDD87;
    margin-left: -100%;
}

.underline_title {
    display: flex;
    flex-direction: column;
    align-items: left;
}

.underline_title:after {
    content: '';
    border-bottom: 1px solid #8FDD87;
    padding-top: 10px;
    width: 50px;
}

.no_products {
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F5F5F5;
    padding: 10px 15%;
}

.no_products div {
    background-color: white;
    padding: 60px;
    border: 1px solid #8FDD87;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 1px 1px 4px -1px #525252;
}

.no_products a {
    background-color: #8FDD87;
    color: white;
    text-align: center;
    padding: 20px;
    font-size: 1.1em;
    transition: 0.6s ease all;
}

.no_products a:hover {
    background-color: #1E1E1E;
    transition: 0.2s ease all;
}

.green_link {
    color: white;
    transition: 0.6s ease all;
}

.green_link:hover {
    color: #8FDD87;
    transition: 0.2s ease all;
}

/*
|-------------------------------------------------------
| Header
|-------------------------------------------------------
*/

/* nav styles */

.header {
    background-color: #1F1F1F;
}

.logo a, .logo {
    /*height: 100%;
    width: 130px;*/
    height: 113px;
    width: auto;
    margin-right: 10px;
}

#branding {
    min-height: 140px;
}

#branding>div {
    height: 100px;
    padding: 10px;
    color: white;
    font-size: 0.8em;
    font-weight: lighter;
}

.white_title a {
    color: white;
}

#branding .branding__logo {
    display: flex;
    justify-content: flex-start;
}

#branding div p {
    font-size: 14px;
    margin: 0;
}

header .menu {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

menu>li {
    z-index: 2;
}

.sub-menu {
    z-index: 1;
}

.header ul {
    padding: 0;
    list-style: none;
}

.header nav li {
    /* float: left; this makes nav go horizontal */
}

.header nav a {
    color: #5F5F5F;
    font-weight: bold;
    display: block;
    padding: 10px;
    transition: 0.6s ease all;
    font-size: 14px;
}

.header nav, .header nav ul ul {
    background: #F4F4F4;
}

.header nav a:hover, .header .current_page_item, .header .current_page_item>a {
    background: #8FDD97;
    transition: 0.2s ease all;
    color: #FFFFFF;
}

/* sub nav */

.header nav ul ul {
    /* background-color: #EFEFEF; */
    /* height: 0; */
    opacity: 0;
    /* z-index: 10; */
    /* overflow: hidden; */
    position: absolute;
    /* white-space: nowrap; */
    /* transform: translateY(-48px); */
    /* transition: 0.6s ease all; */
    /* display: flex; */
    display: block;
    /* align-items: center; */
    /* justify-content: center; */
    /* top: 148px; */
    /* width: 100%; */
}

.header li:hover ul {
    opacity: 1;
    height: auto;
    transition: 0.3s ease all;
}

/* hero banner */

.hero-banner {
    height: 50vh;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, .5);
    /* use to darken background images */
    border-bottom: 2px solid #8FDD87;
}

.page-id-961 .hero-banner {
    background-attachment: scroll;
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, .1);
}

.page-id-1314 .hero-banner {
    display: none;
}

.page-id-1314 .offers-sales-form {
    width: 50%;
    align-content: center;
    margin: auto;
}

.hero-banner .inner {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    margin: auto;
    text-align: center;
    position: absolute;
}

.hero-banner h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 100;
    line-height: 70px;
    font-weight: initial;
    text-shadow: 0 0 4px rgba(0, 0, 0, .5);
}

.homepage-slider {
    height: 50vh;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, .5);
    border-bottom: 2px solid #8FDD87;
}

.slider-inner {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.slides {
    margin: 0;
    padding: 0;
    background: #333;
}

.bx-wrapper {
    border: none !important;
}

/*
|-------------------------------------------------------
| Homepage Branding Bar
|-------------------------------------------------------
*/

.branding-bar {
    width: 100%;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: white;
}

.branding-bar img {
    padding: 10px;
    height: 90px;
    margin: 30px;
}

/*
|-------------------------------------------------------
| Searchbox
|-------------------------------------------------------
*/

.searchbox {
    width: 100%;
    background-color: #1F1F1F;
    border-top: 1px solid #8FDD87;
}

.searchbox h1 {
    width: 100%;
    text-align: center;
    color: white;
    padding: 20px 0;
    margin: 0;
}

.searchbox form {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 5px 10% 20px 10%;
}

.searchbox form select, .searchbox form input[type=submit] {
    width: 15%;
    background-color: #1F1F1F;
    font-size: 1.2em;
    padding: 8px;
    cursor: pointer;
}

.searchbox form select {
    color: white;
    border: 2px solid white;
}

.searchbox form input[type=submit] {
    color: #8FDD87;
    border: 2px solid #8FDD87;
    font-weight: bold;
    transition: 0.6s ease all;
}

.searchbox form input[type=submit]:hover {
    background-color: #8FDD87;
    color: white;
    transition: 0.2s ease all;
}

/*
|-------------------------------------------------------
| Homepage
|-------------------------------------------------------
*/

/*
** Services
*/

.service {
    width: calc(100% / 3 - 4em);
    margin: 2em;
    height: 200px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.service .service_title {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s ease all;
    height: 50px;
}

.service:hover .service_title {
    height: 100%;
    transition: 0.2s ease all;
    color: #8FDD97;
    background-color: rgba(0, 0, 0, 0.5);
}

.our-services-title {
    margin-top: 70px;
    margin-bottom: 40px;
}

/*
** Latest Arrivals
*/

.homepage_latest_arrivals {}

/*
|-------------------------------------------------------
| Searchbox
|-------------------------------------------------------
*/

.manufacturer {
    width: 100%;
    padding: 10px 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.manufacturer h1 {
    width: 100%;
}

.manufacturer .van {
    width: calc(100% / 3 - 2em);
    margin: 1em;
    background-color: #F4F4F4;
    height: 500px;
    box-shadow: 3px 3px 40px #d4d4d4;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 630px;
}

.manufacturer .van .van_image {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.manufacturer .van .van_content {
    width: 100%;
    height: 50%;
    padding: 10px 20px;
}

.manufacturer .van .van_content h3, .manufacturer .van .van_content p {
    margin: 0;
    padding: 5px 0;
}

.manufacturer .van .van_features {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.manufacturer .van .van_features li {
    width: 50%;
    padding-top: 10px;
}

.manufacturer .van .van_buttons {
    width: 100%;
    height: 10%;
    bottom: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 20px;
}

.van_buttons a {
    color: white;
    font-weight: bold;
    padding: 10px;
    /* width: calc(100% / 2 - 1em);*/
    width: 100%;
    font-size: 0.8em;
    text-align: center;
}

.van_buttons .more_details {
    background-color: #8FDD97;
    margin: 10px;
}

.van_buttons .get_quote {
    background-color: #1F1F1F;
    display: none;
}

.range_image {
    height: 75%! important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/*
|-------------------------------------------------------
| Van inner page
|-------------------------------------------------------
*/

.van_inner {
    width: 100%;
    min-height: 500px;
    padding: 10px 10%;
}

.van_inner .van_image {
    height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.van_inner .van_image .van_image_overlay {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    height: 20%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-weight: bold;
    padding: 10px 20px;
}

.van_inner .van_image .van_image_overlay .van_overlay_prices h2, .van_inner .van_image .van_image_overlay .van_overlay_prices h3 {
    margin: 10px 0;
}

.van_inner .van_image .van_image_overlay .van_overlay_feature {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 40%;
    margin-left: 20px;
    height: 100%;
}

.van_inner .van_image .van_image_overlay .van_overlay_feature li {
    width: 50%;
}

.van_inner .van_key_points {
    width: 90%;
    margin-left: 5%;
    background-color: rgba(143, 221, 151, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -40px;
    box-shadow: 1px 1px 15px -3px grey;
    padding: 5px;
}

.van_inner .van_key_points .point {
    width: calc(100% / 3 - 1em);
    text-align: center;
    color: white;
}

.van_inner .van_key_points .point h3 {
    font-weight: normal;
    margin: 5px 0;
}

.van_inner .van_key_points .point h1 {
    margin: 5px 0;
}

.van_details {
    width: 100%;
    min-height: 450px;
    background-color: #F5F5F5;
    padding: 20px 20%;
}

.van_details .headers {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8FDD97;
    background-color: #FFFFFF;
}

.van_details .headers .section_header {
    width: calc(100% / 4);
    text-align: center;
    font-size: 2em;
    position: relative;
    cursor: pointer;
    transition: 0.5s ease all;
}

.van_details .headers .section_header h3 {
    font-weight: normal;
    margin: 10px 0;
    font-size: 0.8em;
}

.van_details .headers .header_active {
    background-color: #8FDD87;
    color: white;
    transition: 0.5s ease all;
}

.van_details .headers .header_active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(143, 221, 135, 0);
    border-top-color: #8FDD87;
    border-width: 20px;
    margin-left: -20px;
    transition: 0.5s ease all;
}

.van_details .sections {
    width: 100%;
    background-color: #FFFFFF;
}

.van_details .sections .section {
    padding: 50px 20px;
    display: none;
    transition: 0.5s ease all;
}

.van_details .sections .active {
    display: block;
    transition: 0.5s ease all;
}

.van_details .technical_data ul li, .van_details .features ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #8FDD87;
}

.van_details .technical_data ul li span {
    width: 50%;
    text-align: center;
}

.van_details .technical_data ul, .van_details .features ul {
    list-style-type: none;
    padding: 0;
}

.van_details .technical_data ul li:nth-child(odd), .van_details .features ul li:nth-child(odd) {
    background-color: #8FDD87;
    color: white;
    background: linear-gradient( to right, #ffffff 0%, #8FDD87 15%, #8FDD87 85%, #ffffff 100%);
}

.van_details .technical_data ul li, .van_details .features ul li {
    padding: 10px;
}

.van_details .gallery .gallery_container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.van_details .gallery .gallery_container div {
    height: 250px;
    width: calc(100% / 3 - 2em);
    margin: 1em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.van_quick_links {
    padding: 5px 15%;
}

.van_map {
    padding: 5px 15%;
    background-color: #F5F5F5;
}

.van_map #map {
    height: 400px;
    margin-bottom: 30px;
}

/*
|-------------------------------------------------------
| Parts Modifications
|-------------------------------------------------------
*/

.manufacturer .part .van_content .van_price, .manufacturer .part .van_content .van_features {
    display: none;
}

.manufacturer .part {
    min-height: 300px;
}

.manufacturer .part .van_image {
    height: 60%;
}

.manufacturer .part .van_content {
    height: 20%;
    text-align: center;
}

.manufacturer .part .part_number {
    font-weight: normal;
}

/*
|-------------------------------------------------------
| Parts Inner Page
|-------------------------------------------------------
*/

.part_inner {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 10px 20%;
    background-color: #F5F5F5;
    padding-bottom: 20px;
    padding-top: 10px;
}

.part_details, .part_images {
    width: 50%;
    min-height: 500px;
    margin: 0;
}

.part_details {
    padding-right: 50px;
}

.part_details p, .part_details li {
    font-size: 1.3em;
}

.part_inner .part_images {
    box-shadow: 1px 1px 4px -1px #525252;
}

.part_inner .part_images .part_image {
    width: 100%;
    height: 550px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.part_inner .part_images a {
    width: 100%;
    font-size: 20px;
    display: block;
    text-align: center;
    padding: 10px;
    color: black;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s ease all;
}

.part_inner .part_images a:hover {
    background-color: #8FDD87;
    color: #FFFFFF;
    transition: 0.2s ease all;
}

/*
|-------------------------------------------------------
| About Us
|-------------------------------------------------------
*/

.about_us_body p {
    padding: 5px 15%;
    font-size: 1.3em;
}

.about_us_icons {
    max-width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 70px;
}

.about_us_icons img {
    max-width: 200px;
}

.about_us_icon {
    height: 100px;
}

/*
|-------------------------------------------------------
| Inner Pages
|-------------------------------------------------------
*/

.inner_page_content {
    margin: 50px 0;
}

.inner_page_content p {
    padding: 5px 5%;
}

/*
|-------------------------------------------------------
| Inner Page Modals
|-------------------------------------------------------
*/

.featuresmodal {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.featuresmodal .features_content {
    width: 60%;
    min-height: 60%;
    background-color: white;
    z-index: 99999999;
    box-shadow: 1px 1px 4px -1px #525252;
}

.featuresmodal .features_content i {
    float: right;
    padding: 10px;
    transition: 0.6s ease all;
}

.featuresmodal .features_content i:hover {
    color: #8FDD87;
    transition: 0.2s ease all;
    cursor: pointer;
}

.featuresmodal .features_content p, .featuresmodal .features_content h2 {
    padding: 20px;
    margin: 0;
}

.featuresmodal .features_content h2 {
    text-align: center;
}

/*
|-------------------------------------------------------
| Testimonials
|-------------------------------------------------------
*/

.testimonials_body {
    padding: 5px 15%;
    background-color: #F5F5F5;
}

.testimonials {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 20px;
}

.testimonials .testimonial {
    width: 100%;
    background-color: white;
    border: 3px solid #8FDD87;
    padding: 20px;
    margin: 2em;
    box-shadow: 1px 1px 4px -1px #525252;
}

.testimonials .testimonial .testimonial_image {
    height: 100px;
    width: 100px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    border: 3px solid #8FDD87;
    margin-top: -75px;
    background-color: white;
    box-shadow: 1px 1px 4px -1px #525252;
}

.testimonials .testimonial .testimonial_title {}

.testimonials .testimonial .testimonial_content {}

/*
|-------------------------------------------------------
| Contact Page
|-------------------------------------------------------
*/

.contact_page_body {
    background-color: #F5F5F5;
    padding: 5px 15%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.contact_address, .contact_form {
    width: 50%;
}

.contact_address p {
    font-size: 1.5em;
}

.contact_address h2 {
    font-size: 2em;
}

/*Styling Contact Form 7*/

/*
|-------------------------------------------------------
| Footer
|-------------------------------------------------------
*/

/*
** Footer section for our promise
*/

.our_promise {
    width: 100%;
    background-image: url('/wp-content/themes/wordpress-theme-template-master/assets/img/our-promise.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5% 15%;
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, .5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.our_promise h1 {
    color: white;
}

.our_promise p {
    padding: 20px 5%;
    color: white;
    white-space: pre-wrap;
    font-size: 1.2em;
}

.news_title {
    text-align: center;
}

.homepage_services {
    margin-bottom: 7%;
}

/*Footer sections*/

.footer_sections {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /* padding: 20px 10%; */
    background-color: #ddd;
    flex-wrap: wrap;
    padding: 0px;
}

.footer_sections .footer_section {
    width: calc(100% / 3 - 4em);
    margin: 2em;
}

.latest_van_slider {
    height: 400px;
}

.latest_van_slider .van {
    height: 500px;
    text-align: center;
}

.latest_van_slider .van .van_image {
    height: 50%;
    background-size: cover;
    background-position: center;
}

.latest_van_slider .van .van_content {
    height: 40%;
}

.latest_van_slider .van .van_content h3 {
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 5px;
}

.latest_van_slider .van .van_buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_section .bx-wrapper .bx-prev {
    left: -50px;
}

.footer_section .bx-wrapper .bx-next {
    right: -50px;
}

.footer_section .bx-wrapper {
    border: none;
    box-shadow: 2px 2px 10px -2px;
}

.footer-twitter {
    box-shadow: 2px 2px 10px -2px;
    height: 500px;
    width: 400px;
    margin-top: 0px;
}

.footer_sections>strong {
    margin-top: 25px;
}

.news_item {
    height: 500px;
    box-shadow: 2px 2px 10px -2px;
    background-color: white;
    display: flex;
    flex-direction: column;
}

.news_item .news_content {
    padding: 0 20px;
}

.news_item .news_button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news_item .news_image {
    height: 40%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*Main Footer*/

.footer {
    background: #000000;
    border-top: 1px solid rgba(0, 0, 0, .1);
    color: white;
    padding: 45px 10% 20px 10%;
    width: 100%;
}

.footer_border_bottom {
    border-bottom: 3px solid white;
    padding-bottom: 30px;
    font-weight: 200;
}

.footer h3 {
    font-size: 1.17em;
}

.footer .bottom {
    padding: 15px 0;
    background: rgba(0, 0, 0, .05);
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.footer_contacts h2 {
    text-align: center;
}

.footer_contacts ul {
    list-style-type: none;
    padding-inline-start: 0;
    padding: 0;
}

.footer_contacts ul li {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 13px;
    margin: 10px;
}

.footer_contacts ul li a {
    color: white;
    transition: 0.6s ease all;
}

.footer_contacts ul li:hover a {
    color: #8FDD87;
    transition: 0.2s ease all;
}

.site-map h2 {
    /* text-align: right; */
}

.site-map ul {
    color: white;
    /* text-align: right; */
    list-style-type: none;
    padding-inline-start: 0;
    padding: 0;
}

.site-map ul li a {
    color: white;
    transition: 0.6s ease all;
}

.site-map ul li:hover a {
    color: #8FDD87;
    transition: 0.2s ease all;
}

.social_icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.social_icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    background-color: white;
    transition: 0.6s ease all;
}

.social_icons .facebook {
    color: #35538D;
}

.social_icons .twitter {
    color: #1E8AFB;
}

.social_icons .linkedin {
    color: #1070AB;
}

.fa-2x {
    font-size: 15px !important;
}

.social_icons a:hover {
    color: #8FDD87;
    transition: 0.2s ease all;
}

.footer_statement {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 20px;
}

.footer_statement a {
    color: white;
    transition: 0.6s ease all;
}

.footer_statement a:hover {
    color: #8FDD87;
    transition: 0.2s ease all;
}

.footer_icons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.footer_icons img {
    height: 120px;
    padding: 15px;
}

.footer-left {
    text-align: left;
}

.footer-center {
    text-align: center;
}

.footer-right {
    text-align: right;
}

/*
|-------------------------------------------------------
| Worpress edit UI
|-------------------------------------------------------
*/

/* edit page/post btn */

.post-edit-link {
    left: 0;
    bottom: 0;
    color: #fff;
    position: fixed;
    text-decoration: none;
    background: rgba(0, 0, 0, .8);
    padding: 10px 20px 10px 10px;
}

.post-edit-link:before {
    content: '\f464';
    top: 2px;
    margin-right: 10px;
    vertical-align: bottom;
    font: 400 20px/1 dashicons;
}

.post-edit-link:hover {
    opacity: .8;
}

.center-img>img {
    margin: 30px auto;
    display: flex;
}

.vans-and-trucks {
    justify-content: left !important;
}

.vans-and-trucks ul {
    list-style: none;
    padding-left: 0px;
}

.vans-and-trucks ul li {
    margin: 5px 0px;
    display: flex;
    align-items: center;
}

.vans-and-trucks>.banner {
    width: 100%;
}

.range-gallery {
    width: 100%;
}

.range_gallery_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.single-range-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 30%;
    margin: 3px;
    height: 120px;
    width: 120px;
    border: 4px white solid;
}

.post_image_thumb {
    min-height: 120px;
    min-width: 120px;
    background-position: center;
    background-size: cover;
    border: 4px white solid;
    margin-right: 20px;
}

.banner {
    width: 100%;
}

/* footer controls */

.footer_section .bx-wrapper .bx-prev {
    left: 10px;
}

.footer_section .bx-wrapper .bx-next {
    right: 10px;
}

/*PARTS N ACCESSORIES*/

.parts-tld-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 75%;
    margin: 0 auto;
    padding: 70px 0px;
    justify-content: space-between;
}

.fifty-percent-section {
    width: 45%;
    padding: 30px;
}

.fifty-percent-section img {
    max-width: 100%;
}

.thirty-three-margins {
    width: 100%;
    margin: 20px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.thirty-three-percent-section {
    width: 31%;
    color: white;
    background: #333;
    text-align: center;
    padding: 30px;
    transition: ease background 0.2s;
}

.thirty-three-percent-section:hover {
    background-color: #85c22a;
}

.call-now-box {
    width: 100%;
    background-color: #85c22a;
    padding: 30px 0px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 20px;
    margin: 10px 0;
}

.call-now-box>span {
    color: #444;
}

.parts-download-link {
    display: block;
    color: #555;
}

.fifty-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.contact-form {
    margin-top: 75px;
}

.page-id-959 .hero-banner {
    background-size: contain;
    background-attachment: inherit;
}




/* WP Forms styling */

.contact_form {

}

.site-contact-form input, .site-contact-form textarea, .site-contact-form select, .site-contact-form button[type="submit"] {
    max-width: 100% !important;
    border: 2px solid #8fdda0 !important;
    box-shadow: 2px 2px 10px -4px #525252 !important;
    width: 100% !important;
}