/*=========================================== General Styles ========================*/
body .dp_et_pb_button { font-size: 14px;cursor: pointer; }
body .dp_et_pb_button, .dp_et_pb_button:hover { padding: 0.3em 1em!important; }
body .dp_et_pb_button:after{ display: none; }
body .dp_et_pb_button.color_green{ background: #5cb85c;color:#FFF;border-color: #5cb85c; }
body .dp_et_pb_button.color_green:hover{ background: #5cb85ccc; }
.input-hidden { position: absolute;left: -9999px; }

.reveal-overlay{ z-index: 9999999; }
.et_header_style_split .et-fixed-header #top-menu .centered-inline-logo-wrap{ width: auto; }
.logo_container #logo{ color: #999999; }
.et-fixed-header#main-header .nav li ul{ background-color: #FFF !important; }
.wpcm-vehicle-listings .wpcm-vehicle-results-wrapper{ margin-top:20px; }

.et-db #et-boc .et-builder-page-creation-modal .et-fb-page-creation-card-wrapper:nth-child(2), .et-db #et-boc .et-fb-settings-tabs-nav-item.et-fb-settings-options_tab_modules_all { display: none !important; }

/*---------------------------- Signup Button on Navbar -----------------------*/
.et_header_style_left #et-top-navigation nav > ul > li.signup-button > a, .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li.signup-button>a{ padding-bottom: 0;padding: 18px 30px;background: #8cc540;margin-top: -20px;border-radius: 5px;opacity: 1; }
.et_header_style_left #et-top-navigation nav > ul > li.signup-button > a:hover, .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li.signup-button>a:hover{ background: #1890d0;opacity: 1; }

/*======================================== Templates page( Preview theme functionality ) ===========================*/
.preview-topbar .container{ padding:0; }
.preview-data-modal, .preview-demo-site, .preview-config-modal, .preview-themeoptions-modal{ z-index: 999999999; }
.preview-demo-site{ padding-top: 0; }
/*.white-popup-block {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    height: 300px;
    margin: 20px auto;
}*/
.grid {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 1980px;
    list-style: none;
    text-align: center;
    width: 100%;
}
.dp-signup-container .grid{ max-width: 1000px; }
.et_pb_section.templates-page, .et_pb_section.templates-page .et_pb_row{ padding-bottom: 0; }
/* Common style */
.grid .figure-container{ float: left;overflow: hidden;margin: 10px 1%;min-width: 320px;max-width: 435px;max-height: 395px;width: 23%;position: relative; }
.dp-signup-container .grid .figure-container{ max-width: 485px;width: 48%; }
.grid .figure-container h3{ margin-top: 8px;text-transform: capitalize; }
.grid figure {
    position: relative;
    background: rgba(0, 0, 0, 0.15);
    text-align: center;
    cursor: pointer;
    max-height: 340px;
    overflow: hidden;
    margin: 0;
    border: 5px solid rgba(0, 123, 255, 0.65);
}

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

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    /*text-transform: capitalize;*/
    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:not(.hover) {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h2:not(.hover) span {
    font-weight: 600;
    background: rgba(0, 0, 0, 0.6);
    display: inline-block;
    color: #f9f9f9;
}

.grid figure h2.hover {
    letter-spacing: 1px;
    /*font-size: 68.5%;*/
}

figure.effect-sadie figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 65%);*/
    background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(0, 123, 255, 0.75) 65%);
    content: '';
    opacity: 0;
    transform: translate3d(0,50%,0);
}

figure.effect-sadie h2:not(.hover) {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #484c61;
    transition: transform 0.35s, color 0.35s;
    transform: translate3d(0,-70%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie h2.hover {
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie h2.hover {
    position: absolute;
    bottom: 28%;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    transform: translate3d(0,10px,0);
    padding-top: 0;
}

figure.effect-sadie:hover h2:not(.hover) {
    color: #fff;
    transform: translate3d(0,-50%,0) translate3d(0,-75px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover h2.hover {
    opacity: 1;
    transform: translate3d(0,0,0);
    color: #e9e9e9;
}
/*figure.effect-sadie:hover a:hover{ color:rgba(0, 0, 0, 0.6); }*/
figure.effect-sadie:hover h2:not(.hover) span:hover{ background: #f9f9f9;color: rgba(0, 0, 0, 0.6);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; }
figure.effect-sadie:hover h2.hover span{ background: #f9f9f9;color: rgba(0, 0, 0, 0.6);padding: 10px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; }
figure.effect-sadie:hover h2.hover span:hover{ background: rgba(0, 0, 0, 0.6);color: #f9f9f9; }

.grid figure.effect-sadie h2:not(.hover),
.grid figure.effect-sadie h2.hover {
    margin: 0;
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    color: #f9f9f9;
    text-transform: inherit;
    font-size: 16px;
}

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

.grid figure figcaption a{ padding: 10px;display: inline-block;text-decoration: none; }
.grid .figure-container .selected-theme{ display: inline-block;background: #8cc540;padding: 5px 10px;width: 109px;border-radius: 5px;color: #FFF;position: absolute;z-index: 999999;top: 10px;right: 10px; }

.preview-config-modal, .preview-config-modal .modal-content{ background: #f9f9f9; }
.preview-config-modal .modal-header, .preview-config-modal .modal-content, .preview-config-modal .modal-footer, .preview-themeoptions-modal .modal-content{ padding: 0;border:none;box-shadow: none; }
.modal-header .et_pb_row{ padding-top: 0; }
.modal-header .back-to-button{ font-size: 25px;text-transform: uppercase;font-weight: bold;cursor: pointer; }
.modal-header .use-theme-button{ font-size: 25px;text-transform: uppercase;font-weight: bold;cursor: pointer;margin-top: 0;padding: 0.3em 2em!important; }
.modal-header #preview-demo-anchor{ text-transform: uppercase;font-weight: bold;font-size: 16px;margin-top: 10px;cursor: pointer;color: #212529; }

.modal-content .section-container{ background: #FFF;padding:1rem;border-radius: 5px; }


/* Desktop Frame */
.modal-content .section-container.desktop-view{ /*background: url("../images/preview-demo/desktop.png") no-repeat top center transparent;background-size: contain; height: 780px;padding-top: 45px;border-radius: 0;*/width: 73%;height: auto;max-height:600px;overflow: hidden;position: relative;margin: 0 auto;background: #FFF;border-top-left-radius: 10px;border-top-right-radius: 10px;box-shadow: 0 0 35px 14px #dddddd;padding:0;z-index: 11; }
/*.modal-content .preview-frame-container.desktop-view .preview-frame{ !*width: 73%;*!width: 870px;!*margin-left: 124px;*!height: 533px;overflow: hidden;position: relative;margin: 0 auto; }*/
.modal-content .preview-frame-container.desktop-view .preview-frame{ z-index: 9;position: relative; }
.modal-content .preview-frame-container.desktop-view .desktop-bar{ height: 30px;background:#FFF;z-index: 10;position: relative; }
.modal-content .preview-frame-container.desktop-view .desktop-bar .circle {display: inline-block;margin: 11px 2px;width: 10px;height: 10px;border: 1px solid #e5e5e5;border-radius: 6px; }
.modal-content .preview-frame-container.desktop-view .desktop-bar .circle:first-child{ margin-left: 16px;background: #ff5f54; }
.modal-content .preview-frame-container.desktop-view .desktop-bar .circle:nth-child(2){ background: #f9be05; }
.modal-content .preview-frame-container.desktop-view .desktop-bar .circle:nth-child(3){ background: #17cb38; }

/* Tablet Frame */
.modal-content .section-container.tablet-view{ /*background: url("../images/preview-demo/tablet.png") no-repeat top center transparent;background-size: contain; height: 680px;padding-top: 50px;border-radius: 0;*/ /*width: 80%;height: auto;*/margin: 0 auto;border-radius: 30px;box-shadow: 0 0 100px rgba(0,0,0,.07);width: 85%;position: relative; }
.modal-content .preview-frame-container.tablet-view .preview-frame{ width: 85%;/*margin-left: 74px;*/ height: auto;max-height: 577px;overflow: hidden;position: relative;margin: 0 auto;padding: 30px 0px;border: 1px solid rgba(0, 0, 0, 0.075); }
.modal-content .preview-frame-container.tablet-view .circle {border: 1px solid #ccc;border-radius: 15px;width: 40px;height: 40px;border-radius: 100%;position: absolute;right: 2%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

/* Mobile Frame */
/*.modal-content .section-container.mobile-view{ !*background: url("../images/preview-demo/mobile.png") no-repeat top center transparent;background-size: contain; height: 620px;padding-top: 45px;*!border-radius: 0; height:800px;padding-top:27px;background: transparent;width: 394px;margin: 0 auto; }
.modal-content .section-container.mobile-view:after{ content: url("../images/preview-demo/mobile.png");display: inline-block;text-align: center;width: 394px;margin: 0 auto;top: 0;position: absolute;left: 34%; }
.modal-content .preview-frame-container.mobile-view .preview-frame{ !*width: 265px;height: 533px;*!overflow: hidden;position: relative;margin: 0 auto;border-radius: 42px;width: 342px;height:726px; }
.modal-content .preview-frame-container.mobile-view:hover img { transform: translateY(-70%);transition-duration: 5s; }*/

.modal-content .section-container.mobile-view{ width: 397px;height: 780px;border-radius: 30px;box-shadow: 0 0 100px rgba(0,0,0,.07);position: relative;margin: 0 auto; }
.modal-content .section-container.mobile-view .demo-device-phone-speakers{ text-align: center;padding-bottom: 10px; }
.modal-content .section-container.mobile-view .circle {display: inline-block;width: 6px;height: 6px;border: 1px solid #e5e5e5;border-radius: 3px;}
.modal-content .section-container.mobile-view .circle.speaker-right{ width: 60px; }
.modal-content .section-container.mobile-view .preview-frame{ height: 88%;overflow: hidden; }
.modal-content .section-container.mobile-view .home-button{ position: absolute;display: inline-block;border: 1px solid #ccc;border-radius: 3px;bottom: 13px;-webkit-transform: translateX(-50%);transform: translateX(-50%);left: 50%;height: 45px;width: 45px;border-radius: 100%; }

.modal-content .preview-frame-container .preview-frame img { /*position: absolute;left: 0;top: 0;*/transition: transform 2s ease-in-out 0.2s;width: 100%;height: auto;max-height: initial; }
.modal-content .preview-frame-container .preview-frame:hover img { transform: translateY(-70%);transition-duration: 5s; }
.modal-content .section-container h2{ margin-bottom: 25px;font-weight: bold;padding-left: 20px; }
/*.modal-content .section-container.theme-options-container .form-group.field-container{ margin: 0 auto;padding: 0 20px; }*/
.modal-content .section-container.theme-options-container .themes-container{ margin: 0 auto; }
.modal-content .section-container.theme-options-container label{ height: 300px;overflow: hidden;box-shadow: 0 0 8px #aaa; }
/*.modal-content .section-container.theme-options-container input[type=radio]:checked + label {border: 1px solid rgba(0, 123, 255, 0.65);box-shadow: 0 0 35px -4px rgba(0, 123, 255, 0.65);}*/
.modal-content .section-container.theme-options-container .themes-container .theme-container{ /*height:300px;overflow: hidden;*/margin-bottom: 25px;/*box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);border: 1px solid #EEE;*/text-align: center;padding: 8px; }
.modal-content .section-container.theme-options-container .themes-container .theme-container label img{ width: 100%; }
.modal-content .section-container.theme-options-container .themes-container .theme-container .select-for-preview{ position: absolute;bottom: 49%;left: 25%;opacity: 0;margin:0;transform: translate3d(50%,10px,0);padding: 10px 12px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;cursor: pointer;font-size: 26px;box-shadow: 0 0 8px #666;background: rgba(0, 0, 0, 0.6);color: #EEE; }
.modal-content .section-container.theme-options-container .themes-container .theme-container:hover .select-for-preview{ opacity: 1;transform: translate3d(50%,0,0); }
.modal-content .section-container.theme-options-container .themes-container .theme-container .select-for-preview:hover{background: rgba(0, 123, 255, 1);color: #FFF;}
.modal-content .section-container.theme-options-container .themes-container .theme-container:hover label{ opacity: 0.6;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; }

.modal-content .devices-container{ margin-bottom: 35px; }
.modal-content .devices-container p{ color: #212529;font-weight: bold;font-size: 18px;margin-bottom: 1rem; }
.modal-content .demo-options-container ul{ list-style: none; }
.modal-content .demo-options-container .demo-options{ color: #212529;font-size: 20px;font-weight: bold;background: #FFF;display: inline-block;padding: 0.5em 0;margin-bottom: 1rem;width: 250px;text-align: left;margin-left: auto;margin-right: auto;padding-left: 10px;position: relative;cursor: pointer;transition: 500ms all; }
.modal-content .demo-options-container .demo-options::after{ content: "\f078";font-weight: 900;left: 82%;position: absolute;font-family: Font Awesome\ 5 Free;top:13px; }
.modal-content .demo-options-container .demo-options:hover{ background: #EFEFEF; }
.modal-content .demo-options-container .demo-options.active{ background: #212529;color: #FFF; }
.modal-content .demo-options-container .demo-options.active::after{ -ms-transform: rotate(90deg);/* IE 9 */-webkit-transform: rotate(90deg); /* Safari */transform: rotate(90deg); }

.modal-content .dp-preview-footer-logo{ position: absolute;bottom: 0;right:14%; }

/*#preview-data-form{ margin-top: 35px; }*/
.sw-main .sw-container{ margin-left: 40px;margin-right: 40px; }
#preview-data-form .sw-main .step-content{ padding-top: 25px; }
#preview-data-form .sw-main .step-content h2{ margin-bottom: 15px; }
.field-container{ margin-bottom: 15px; }
.field-container .field{ background: #e9e9e9;padding: 13px 5px;width: 100%;border: 1px solid #e9e9e9;border-width: 2px;border-radius: 3px;font-size: 18px;line-height: 1; }
.field-container .field:focus{ -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; }
.field-container .radio-field{ display: inline-block;width: auto; }
.field-container .radio-label{ display: inline-block;margin-right: 15px;margin-bottom:15px;padding: 8px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);border: 1px solid transparent;vertical-align: top; }
.et_pb_button.et_pb_module{ cursor: pointer; }
.preview-data-modal .et_pb_button.et_pb_module:disabled{ padding: 0.3em 1em;opacity: 0.5; }
.preview-data-modal .et_pb_button.et_pb_module:disabled:after{ display: none; }
.preview-data-modal .et_pb_button.et_pb_module:not(disabled):hover{ background: #e9e9e9 !important; }

.preview-data-modal .field-container.has-error .field{ border-color: darkred; }
.preview-data-modal .help-block.with-errors{ color:darkred; }

input[type=radio]:checked + label {
    border: 1px solid #fff;
    box-shadow: 0 0 5px #090;
}

/* Stuff after this is only to make things more pretty */
input[type=radio] + label>img {
    width: 250px;
    /*height: 150px;*/
    transition: 500ms all;
}

.mr-2.sw-btn-group-extra{ margin-right: 0 !important; }
.sw-main .sw-toolbar{ margin-right: 40px;padding:0; }
.btn-toolbar.sw-toolbar .btn-group{ min-height: 50px; }
.btn-toolbar.sw-toolbar .btn-group>.btn:not(:last-child):not(.dropdown-toggle){ border-top-right-radius: .25rem;border-bottom-right-radius: .25rem; }
.btn-toolbar.sw-toolbar .btn-group>.btn:not(:first-child) { border-top-left-radius: .25rem;border-bottom-left-radius: .25rem; }

.sw-theme-circles>ul.step-anchor>li>a{ line-height: 18px; }

.preview-topbar{ box-shadow: rgba(0, 0, 0, 0.15) 0 5px 8px;position: fixed;height: 68px;width: 100%;z-index: 99;background: #FFF;top: 0;left: 0; }
.website-button-container, .devices-container{ /*float:left;margin-right: 25px;*/margin-top: 15px;display: inline-block; }
.devices-container{ margin-top: 0; }
.preview-topbar .devices-container{ display: inline-block;vertical-align: top;margin-left: 25px; }
.devices-container ul{ list-style: none; }
.devices-container ul li{ display:inline-block;margin-right: 25px; }
.devices-container li{ padding:8px 0; }
.devices-container li a{ width: 50px;height:50px;display: block; }
.devices-container li#desktop a{ background: url('../images/desktop.png') no-repeat;background-size: contain; }
.devices-container li#tablet a{ background: url('../images/ipad.png') no-repeat;background-size: contain; }
.devices-container li#mobile{ margin-right: 0; }
.devices-container li#mobile a{ background: url('../images/phone.png') no-repeat;background-size: contain; }
.devices-container li#desktop a:hover, .devices-container li#desktop a.active{ background: url('../images/desktop_hover.png') no-repeat;background-size: contain; }
.devices-container li#tablet a:hover, .devices-container li#tablet a.active{ background: url('../images/ipad_hover.png') no-repeat;background-size: contain; }
.devices-container li#mobile a:hover, .devices-container li#mobile a.active{ background: url('../images/phone_hover.png') no-repeat;background-size: contain; }
/*.devices-container li a:hover, .devices-container li a.active{ color:#cb4242; }*/

.close-button{ z-index: 9999999;font-size: 3rem; }
#preview-site-iframe{ margin: 0 auto;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;display: block;z-index: 9;position: relative;margin-top: 50px; }
.iframe-container{ width:100%;height: 100%;margin-top: 68px; }
.iframe-container.loading { background:url(../images/preloader.gif) center center no-repeat;height: 100%; }

/*================== Checkout ====================*/
#prosites-signup-form-checkout input[type=text], #prosites-signup-form-checkout input[type=password], #prosites-signup-form-checkout input[type=tel], #prosites-signup-form-checkout input[type=email], #prosites-signup-form-checkout input.text, #prosites-signup-form-checkout input.title, #prosites-signup-form-checkout textarea, #prosites-signup-form-checkout select{ padding: 2px 8px; }

.pricing-column .button-box button{ width: auto;margin-top: 20px;font-size: 20px;padding: .3em 1em; }
.pricing-column .button-box button:hover{ padding: .3em 2em .3em .7em; }
.free-plan-link{ width: auto !important;margin-left: 0 !important; }
#prosites-signup-form-checkout #privacy{ visibility: hidden;height:1px; }

#prosites-signup-form-checkout .username, #prosites-signup-form-checkout .email, #prosites-signup-form-checkout .blogname, #prosites-signup-form-checkout .blog_title{ margin-bottom: 20px; }
#stripe_processing{ float:none !important; }
#cc_stripe_checkout{ position: relative;padding: 0.3em 1em;border: 2px solid;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: cover;font-size: 16px;font-weight: 500;line-height: 1.7em !important;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;color: #2ea3f2; }
#cc_stripe_checkout:hover{ padding:0.3em 1em;background: #2ea3f2;color:#FFF; }

#prosites-signup-form-checkout #blog_template-selection .theme-screenshot-wrap { height: 400px;overflow: hidden;border: 3px solid #DFD9D9;background: none;padding: 0;margin-right: 0;width:48%; }
#prosites-signup-form-checkout #blog_template-selection .theme-previewer-wrap:nth-child(even), #prosites-signup-form-checkout #blog_template-selection .theme-screenshot-wrap:nth-child(even), .theme-screenshot-plus-wrap:nth-child(even){ margin-right: 2rem; }
#prosites-signup-form-checkout #blog_template-selection .theme-screenshot-wrap a{ display: block; }
#prosites-signup-form-checkout #blog_template-selection .theme-screenshot-wrap img { position: absolute;left: 0;top: 0;transition: transform 2s ease-in-out 0.2s;width: 100%;height: auto;max-height: initial; }
#prosites-signup-form-checkout #blog_template-selection .theme-screenshot-wrap:hover img { transform: translateY(-70%);transition-duration: 5s; }
#prosites-signup-form-checkout #blog_template-selection .theme-screenshot-wrap.blog_template-default_item{ background:none !important;border-color: #2ea3f2; }

/*=========================== WP Car Manager Pages =========================*/
.pp_next:before, .pp_previous:before{ font-size: 32px; }
#left-area .wpcm-vehicle-results{ margin: 0 auto;padding-left: 0;margin-top: 25px;width: 100%; }
/*.grid-item.wpcm-listings-item { width: 300px;margin-bottom: 10px; }
.grid-item { width: 32%;margin-bottom: 10px;display: inline-block;vertical-align: top;margin:0 5px; }*/
.wpcm_vehicle .wpcm-images .wpcm-sold, .wpcm-vehicle-listings .wpcm-vehicle-results-wrapper .wpcm-vehicle-results li.wpcm-listings-item a .wpcm-listings-item-image-wrapper .wpcm-sold{ background: #cb4242;padding: .3em; }

/*-------------------------------------- Vehicle Listings Page Styles ------------------------*/
.wpcm-vehicle-listings .wpcm-vehicle-results-wrapper .wpcm-results-load-overlay{ height: 76px; }
.wpcm-vehicle-sort label{ vertical-align: middle;line-height: 2.8rem; }
.et_pb_contact_select.select2-hidden-accessible{ padding: inherit;position: absolute; }
.wpcm-vehicle-listings:not(.dp-divi-vehicle-search) .et_pb_contact_field[data-type="select"]:after{ display: none; }
.wpcm-vehicle-sort #wpcm-sort{ width: auto; }
#page-container .wpcm-vehicle-listings:not(.dp-divi-vehicle-search) .wpcm-vehicle-filters .et_contact_bottom_container{ margin: 0; }
#page-container .wpcm-vehicle-listings:not(.dp-divi-vehicle-search) .wpcm-vehicle-filters .wpcm-filter-button input.et_pb_button{ border: 2px solid transparent;margin-top: 0;background-color: #FFF;padding: .3em 1em;margin:0; }
#page-container .wpcm-vehicle-listings .wpcm-vehicle-filters .wpcm-filter-button input.et_pb_button:hover{ background-color: rgba(0,0,0,.05); }

.wpcm-vehicle-results li{ list-style: none; }
.wpcm-vehicle-listings .wpcm-vehicle-results-wrapper .wpcm-vehicle-results li.wpcm-listings-item:not(.et-last-child){ margin: 0 5.5% 0 0;max-height: fit-content;border:none;margin-bottom: 25px; }

#page-container .wpcm-vehicle-listings .wpcm-vehicle-results-wrapper .wpcm-vehicle-results li.wpcm-listings-item.grid-item{ margin: 0 5px; }
#page-container .wpcm-vehicle-listings .wpcm-vehicle-results-wrapper .wpcm-vehicle-results li.wpcm-listings-item.grid-item:hover img{ opacity: 0.8; }
#page-container .wpcm-vehicle-listings .wpcm-vehicle-results-wrapper .wpcm-vehicle-results li.wpcm-listings-item a .wpcm-listings-item-image-wrapper{ position: static;height: auto;width: auto;float:none;margin:0; }
#page-container .wpcm-vehicle-listings .wpcm-vehicle-results-wrapper .wpcm-vehicle-results li.wpcm-listings-item a .wpcm-listings-item-description{ float:none;width:auto;padding: 10px 0;line-height: inherit;border-bottom: 1px solid #eee;text-align: center;display: block; }
#page-container .wpcm-vehicle-listings .wpcm-vehicle-results-wrapper .wpcm-vehicle-results li.wpcm-listings-item a{ padding: 0;zoom: 1;position: static;line-height: inherit;min-height: inherit;box-sizing: border-box; }
#page-container .wpcm-vehicle-listings .wpcm-vehicle-results-wrapper .wpcm-vehicle-results li.wpcm-listings-item a .wpcm-listings-item-description h3{ font-size: 20px;line-height: initial;height: 55px;overflow: hidden; }
#page-container .wpcm-vehicle-listings .wpcm-vehicle-results-wrapper .wpcm-vehicle-results li.wpcm-listings-item a .wpcm-listings-item-description .wpcm-price{ font-size: 20px;color:#5cb85c; }

.wpcm_vehicle_listings .wpcm-sold{position:absolute;top:0;left:0;padding: 0.6em .6em;color:#fff;font-size:.9em;font-weight:700;background:#e3000a;text-align:left;}

.dpdivi_vehicle_listing .wpcm_vehicle{ margin-bottom: 10px !important; }
.dpdivi_vehicle_listing .wpcm_vehicle:not(.et_pb_list_item) .meta h3.et_pb_module_header{ height: 48px;overflow: hidden; }

/*----------------------------------- Single Vehicle Page Styles -------------------------------*/
#wpcm-inquiry-form{ border:none; }
#page-container .wpcm-contact{ margin: 20px 0 30px;text-align: center; }
#page-container .wpcm-contact .et_pb_button{ margin: 0;width:100% }
#page-container .wpcm-contact .et_pb_button:hover{ padding: .3em 1em; }
#page-container .wpcm-contact .et_pb_button:hover:after{ display: none; }
#page-container .wpcm-contact .dp-loan-calculator-button{ margin-top: 10px; }
.wpcm-vehicle-listings .wpcm-vehicle-results-wrapper .wpcm-vehicle-results li.wpcm-listings-item a .wpcm-listings-item-image-wrapper img.wpcm-listings-item-image{ display: block; }

.wpcm_vehicle .wpcm-vehicle-head .wpcm-images .wpcm-sold{ padding: 0.6em .6em;background: #e3000a; }

/*@media screen and (max-width: 768px){
    .wpcm-vehicle-listings .wpcm-vehicle-results-wrapper .wpcm-vehicle-results li.wpcm-listings-item:not(.et-last-child){ max-height: fit-content; }
}*/
/*@media (min-width: 768px) {*/
.wpcm_vehicle .wpcm-vehicle-head .wpcm-images { float: left;width: 66%;margin-right: 30px; }
.wpcm_vehicle .wpcm-vehicle-head .wpcm-summary { float: left;width: 31%;padding: 15px;padding-top: 0;padding-bottom: 0; }
/*}*/
@media (min-width: 768px){
    .wpcm_vehicle .wpcm-vehicle-content .wpcm-content-block#wpcm-vehicle-data table tr th { width: 40%; }
}

.wpcm_vehicle .wpcm-price-wrapper { text-align: center;margin-bottom: 20px;padding: 10px;/* line-height: 18px; */box-shadow: 0 0 5px #DEDEDE;border: 1px solid #DEDEDE;background: #5cb85c;color:#FFF;/*border-radius: 6px;*/ }
.wpcm_vehicle .wpcm-price-wrapper .wpcm-price{ font-size: 2em;color:#FFF; }
.wpcm_vehicle .wpcm-summary table{ width:100%;margin-left: auto;margin-right: auto;margin-bottom: 0; }
.wpcm_vehicle .wpcm-summary .addtoany_shortcode{ text-align: center; }
.wpcm_vehicle .wpcm-summary .wpcm-address{ text-align: center;margin-top: 15px;box-shadow: 0 0 5px #DEDEDE;border: 1px solid #DEDEDE;background: rgba(0,0,0,.05);font-size: 15px; }
.wpcm_vehicle .wpcm-summary .wpcm-address .et_pb_blurb{ padding: 10px;box-shadow: 0 0 8px #cecece inset; }
.wpcm_vehicle .wpcm-summary .wpcm-address .location-map{ border: 1px solid #cecece; }
.wpcm_vehicle .wpcm-vehicle-content .wpcm-content-block#wpcm-vehicle-data{ border-bottom: 0; }
.wpcm_vehicle .wpcm-vehicle-content .wpcm-content-block#wpcm-vehicle-data table tr:nth-child(even){ background: #f9f9f9; }
.wpcm_vehicle .wpcm-vehicle-content .wpcm-content-block#wpcm-vehicle-data table tr th{ border-top: 1px solid #eee;border-right: 1px solid #eee; }
#left-area .wpcm_vehicle .wpcm-summary .wpcm-summary-data ul.wpcm-summery-datalist{ padding-left:0;padding-bottom: 0; }
.wpcm_vehicle .wpcm-summary .wpcm-summary-data li{ box-shadow: 0 0 5px #DEDEDE;background: #fd5e60;border: 1px solid #DEDEDE;font-size: 14px;list-style: none;display: inline-block;padding: 3px;width:49%;line-height: 30px;text-align: center;margin-bottom: 3px;padding-top: 12px;text-transform: capitalize;color:#FFF; }
.wpcm_vehicle .wpcm-summary .wpcm-summary-data li .wpcm-data-icon i:before{ font-size: 45px;color:#FFF;margin: 0;line-height: 1; }
.wpcm_vehicle .wpcm-summary .wpcm-summary-data li .wpcm-data-icon .et-tooltip-box{ width:109px;padding:10px;left:-30px;bottom: 50px !important; }
.wpcm_vehicle .wpcm-summary .wpcm-summary-data li .wpcm-data-icon .et-tooltip-arrow{ left:45px; }
.wpcm_vehicle .wpcm-summary .wpcm-summary-data li .wpcm-data-content{ line-height: 40px;height: 40px;overflow: hidden;display: inline-block;vertical-align: top; }

.wpcm-related-vehicles{display: flex;justify-content: flex-start;float: none;margin: 0 auto;max-width: 100%; }
.wpcm-related-vehicles .et_pb_grid_item{flex: 1;max-width: 24%;margin: 0 10px;}
.wpcm_vehicle .wpcm-related-vehicles .wp-post-image{ display: block; }

#loan-wrap.calc-wrap{ margin:25px 0; }
#loan-wrap.calc-wrap>form.calculator .btn-wrapper-4{ float:right; }
#btnClear-ln, #btnPrint-ln, #btnHelp-ln, #loan-wrap.calc-wrap>form.calculator .foot, #zoomer-ln{ display: none; }


/*-------------------------------------------- Vehicle Search Form ---------------------------------*/
.dp-divi-vehicle-search.wpcm-vehicle-listings .wpcm-vehicle-filters{ background: transparent; }
.dp-divi-vehicle-search .et_pb_contact_field[data-type="select"]:after{ top:65%;right:25px; }
/*.dp-divi-vehicle-search .et_pb_contact_field{ margin: -.5em -1em; }*/
.dp-divi-vehicle-search .et_contact_bottom_container{ margin-top: 0; }
.dp-divi-vehicle-search .et_pb_contact_submit{ margin-top: 7px; }

/* Vertical Style form */
.dp-vehicle-search-container.et_pb_form_vertical .wpcm-vehicle-listings .wpcm-vehicle-filters .wpcm-filter{ width: 33.33333%; }
.dp-vehicle-search-container.et_pb_form_vertical .wpcm-vehicle-listings .wpcm-vehicle-filters .wpcm-filter.wpcm-filter-make, .dp-vehicle-search-container.et_pb_form_vertical .wpcm-vehicle-listings .wpcm-vehicle-filters .wpcm-filter.wpcm-filter-model{ width: 100%;float:none; }
.dp-vehicle-search-container.et_pb_form_vertical .wpcm-vehicle-listings .wpcm-vehicle-filters .wpcm-filter-button{ width: 100%;float:none;text-align: center; }

/*=================================== Checkout page / Signup Page ========================================*/
.et_fixed_nav.et_show_nav #page-container.signup-page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container.signup-page-container{ padding-top: 0px; }
.dp-signup-container .sidebar{ background: #FFF;padding-top: 40px; }
.dp-signup-container .main-content{ background: #f5f4f4;padding: 20px 0; }
.dp-signup-container .main-content .main-content-inner{ /*max-width: 600px;*/margin: 0 auto; }
.dp-signup-container .main-content .main-content-inner.step-2{ max-width: inherit;margin: 0 auto; }
.dp-signup-container .vertical-center-container{ position: relative;/*height: 14rem;*/ }
.dp-signup-container .vertical-center-container .vertical-center{ position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);/*border: 1px dashed deeppink;*/ }
.dp-signup-container input[type=text]:focus, .dp-signup-container input.text:focus, .dp-signup-container input.title:focus, .dp-signup-container textarea:focus, .dp-signup-container select:focus { border-color: #80bdff;color: #495057; }
.dp-signup-container .signup-go-back{ text-transform: uppercase;padding: 15px;padding-top: 0;border-bottom: 1px solid #FFF;margin-bottom: 15px; }
.dp-signup-container .signup-go-back a{ color:#000; }
.dp-signup-container .signup-go-back a:hover{ text-decoration: underline; }
.dp-signup-container .signup-go-back i{ margin-right: 5px; }
.dp-signup-container .step-details p.step{ text-transform: uppercase;font-size: 80%; }

.dp-signup-container .timeline{ max-width: 760px;margin: 2% auto; }
.dp-signup-container .timeline .step{ display: inline-block;width: 250px;text-align: center }
.dp-signup-container .timeline::after{ content: '';position: absolute;height: 7px;background-color: #DDD;top: 47%;bottom: 0;left: 25%;margin-left: -3px;width: 50%;z-index: -1; }
.dp-signup-container .timeline .step a{ text-decoration: none;color:#333;transition: all 0.3s linear 0s; }
.dp-signup-container .timeline .step a:hover span{ box-shadow: 0 0 8px #333;transition: all 0.3s ease-in-out 0s; }
.dp-signup-container .timeline .step span{ font-size: 1.75rem;font-weight: 500;width:50px;height:50px;line-height:48px;display:inline-block;background: #DDD;border-radius: 35px;border:1px solid #DDD; }
.dp-signup-container .timeline .step.current-step span{ background: #4984c4;color:#FFF;border:1px solid #4984c4; }
.dp-signup-container .timeline .step.finished-step span{ background: #8cc540;color:#FFF;border:1px solid #8cc540; }

.dp-signup-container .signup-dealerinfo-form{ width: 600px;float: left;padding: 0 20px; }
.dp-signup-container .selected-template{ float:left;width: 410px;padding-left: 12px;margin-right: 10px; }

/*=================================== Responsive Styles ================================*/
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px) {
    .wpcm_vehicle .wpcm-vehicle-head .wpcm-images{ float: none;clear: both;width: 100%;margin: 0; }
    .wpcm_vehicle .wpcm-vehicle-head .wpcm-summary{ clear: both;width: 100%;padding: 0;float: none; }

    .wpcm-related-vehicles{ display: block; }
    .wpcm-related-vehicles .et_pb_grid_item{float: none !important;margin: 0 10px 10px !important;width: 46% !important;max-width: 46% !important;margin: 10px;display: inline-block;}

    .dp-signup-container .timeline{  }
    .dp-signup-container .timeline .step{ max-width: 32.3%; }
    .dp-signup-container .timeline::after{ left:18%;width:65%; }
    .grid .figure-container{ min-width: 48%; }
    figure.effect-sadie p.description{ display:none; }

    .dp-signup-container .signup-dealerinfo-form{ width: 58%; }
    .dp-signup-container .selected-template{ width: 40%; }
    .dp-signup-container .selected-template h5{ font-size: 1rem; }
    .dpdivi_vehicle_listing .wpcm_vehicle .meta h3.et_pb_module_header{ height: inherit;overflow: hidden;font-size: 24px !important; }
}

/*--------------------- iPhone 6/7/8 Plus ----------------------*/
@media only screen and (max-width: 414px) {
    .preview-topbar .container{ width:95%; }
    .website-button-container, .devices-container{ margin-right: 0px; }
    .website-button-container{ margin-right: 10px; }
    .devices-container ul li { margin-right: 12px; }

    .wpcm-related-vehicles .et_pb_grid_item{width: 100% !important;max-width: 100% !important;}

    .grid .figure-container{ width:100%; }
    .dp-signup-container .selected-template{ float:none;width:100%;padding-left: 0; }
    .dp-signup-container .selected-template .selected-template-preview{ height:200px !important; }
    .dp-signup-container .signup-dealerinfo-form{ width: 100%;float:none;margin-top: 15px;padding: 0; }

    .dp-signup-container .vertical-center-container .vertical-center{ position: static;transform: inherit; }
}

/*--------------------- iPhone 5/SE ----------------------*/
@media only screen and (max-width: 320px) {
    .dp-signup-container .timeline .step{ max-width: 31.3%; }
    .dp-signup-container .timeline .step span{ width:50px;height: 50px;line-height: 48px; }
    .dp-signup-container .signup-dealerinfo-form label{ font-size: 14px; }
}

/*-------------------- Preview Demo Special Responsive styles ----------------------*/