Sindbad~EG File Manager
body {
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-style: normal;
font-size: 14px;
line-height: 24px;
color: #999999;
}
a,
.btn {
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
a:focus {
text-decoration: none !important;
}
a:focus,
a:hover {
color: #999999;
text-decoration: none !important;
}
a,
button,
input {
outline: medium none !important;
color: #db2d2e;
}
textarea {
resize: vertical;
}
.required {
text-decoration: none;
}
.uppercase {
text-transform: uppercase;
}
ul {
margin: 0px;
padding: 0px;
}
hr {
margin: 0;
padding: 0px;
border-bottom: 1px solid #dedede;
border-top: 0px;
}
hr.gray {
margin: 0;
padding: 0px;
border-bottom: 1px solid #dedede;
border-top: 0px;
}
label {
font-size: 15px;
font-weight: 400;
}
.label {
color: #fff !important;
font-size: 9px !important;
}
*::-moz-selection {
background: #323232;
color: #ffffff;
text-shadow: none;
}
::-moz-selection {
background: #323232;
color: #ffffff;
text-shadow: none;
}
::selection {
background: #323232;
color: #ffffff;
text-shadow: none;
}
.pswp img {
object-fit: contain;
}
.img-responsive img,
.entry-content .img-responsive img {
max-width: 100%;
height: auto;
margin-bottom: 0;
}
.elementor-widget-image img {
margin-bottom: 0px !important;
}
.quicklinks .ab-top-menu .wp-admin-bar-cardealer-link {
display: flex;
}
.quicklinks .ab-top-menu .wp-admin-bar-cardealer-link .ab-item + a {
align-self: center;
color: #e8e9e9;
background: none;
}
.quicklinks .ab-top-menu .wp-admin-bar-cardealer-link:hover a {
background: #32373c !important;
color: #00b9eb !important;
}
/* Left Right Image Hover */
.object-left-bottom > .elementor-widget-wrap,
.object-right-bottom > .elementor-widget-wrap {
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.object-left-bottom > .elementor-widget-wrap {
background-position: left bottom;
left: -20px;
}
.elementor-section:hover .object-left-bottom > .elementor-widget-wrap {
left: 0px;
}
.object-right-bottom > .elementor-widget-wrap {
background-position: right bottom;
right: -20px;
}
.elementor-section:hover .object-right-bottom > .elementor-widget-wrap {
right: 0px;
}
/***************************
Typography
****************************/
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Roboto', sans-serif;
font-weight: normal;
color: #363636;
margin-top: 0px;
text-transform: uppercase;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
h1 {
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 50px;
}
h2 {
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: 46px;
}
h3 {
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 42px;
}
h4 {
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 36px;
}
h5 {
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 30px;
}
h6 {
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
/* Tables */
table th,
table td { border: 1px solid #dedede; padding: 10px; }
/* Dark Background */
.row-background-dark h1,
.row-background-dark h2,
.row-background-dark h3,
.row-background-dark h4,
.row-background-dark h5,
.row-background-dark h6 {
color: #ffffff;
}
.clear {
clear: both;
}
.button {
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
font-size: 14px;
line-height: 22px;
text-align: center;
border: 0px solid transparent;
background: #db2d2e;
color: #ffffff;
text-transform: capitalize;
vertical-align: middle;
padding: 10px 20px;
overflow: hidden;
-ms-transform: perspective(1px) translateZ(0);
-o-transform: perspective(1px) translateZ(0);
-moz-transform: perspective(1px) translateZ(0);
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.button:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #323232;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.button:hover,
.button:focus,
.button:active {
color: #ffffff;
}
input.button:hover {
background: #323232;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.button:hover:before,
.button:focus:before,
.button:active:before {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50);
-moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50);
}
/* Z index Class */
.z-index--1 {z-index: -1;}
.z-index-0 {z-index: 0;}
.z-index-1 {z-index: 1;}
.z-index-2 {z-index: 2;}
.z-index-3 {z-index: 3;}
.z-index-4 {z-index: 4;}
.z-index-5 {z-index: 5;}
.z-index-9 {z-index: 9;}
.z-index-10 {z-index: 10;}
.z-index-99 {z-index: 99;}
.z-index-99 {z-index: 99;}
.overflow-visible {overflow: visible !important;}
/* Page Top Bottom Padding */
.page-section-ptb,
.content-wrapper-vc-enabled,
.content-wrapper.blog {
padding: 80px 0;
}
/****************************
Select-2 Dropdown
*****************************/
select.selectpicker {
border: 1px solid #e3e3e3;
height: 40px;
padding: 0 15px;
color: #323232;
margin-bottom: 15px;
}
.select2.select2-container {
width: 100% !important;
outline: none;
}
.select2-container .select2-selection--single {
display: inline-flex;
width: 100%;
height: 40px;
color: #323232;
outline: none;
border: 1px solid #e3e3e3;
border-radius: 0px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
width: 100%;
font-size: 13px;
color: #969696;
outline: none;
line-height: 40px;
padding-left: 12px;
padding-right: 30px;
}
.select2-container .select2-selection--single .select2-selection__arrow {
width: 30px;
height: 40px;
}
.select2-container.select2-container--open .select2-dropdown {
z-index: 1050;
border-color: #e3e3e3;
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #e3e3e3;
}
.select2-container.select2-container--default .select2-results__option {
font-size: 15px;
padding: 5px 10px;
}
.select2-container.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #f6f6f6;
}
.select2-container.select2-container--default .select2-results__option[aria-selected=true]:hover,
.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #db2d2e;
}
/****************************
Loading
*****************************/
#loading { background-color: #ffffff; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; }
#loading-center { width: 100%; height: 100%; position: relative; }
#loading-center img { text-align: center; max-width: 100%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; }
/****************************
CD Loader
*****************************/
.cd-loader {
background-image: url('../../images/loader_img/cd_loader.svg');
background-position: center center;
background-attachment: inherit;
background-size: cover;
background-repeat: no-repeat;
height: 25px;
width: 25px;
position: absolute;
top: 33%;
right: 20px;
}
.pagination-nav .pagination-loader .pagination-loader {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
left: 0;
top: 0;
z-index: 9;
text-align: center;
}
.pagination-nav .pagination-loader .pagination-loader .cd-loader {right: inherit;}
/****************************
Year Range Slider
*****************************/
.year_range_slider_wrapper input#dealer-slider-year-range {
border:0;
margin-bottom: 10px;
font-weight: bold;
color: #a0a0a0;
display: block;
background-color: transparent;
}
.year_range_slider_wrapper .year-range-slide label {font-size: 13px;}
/* Year Range Slider */
.search-block.transparent .year_range_slider_wrapper input#dealer-slider-year-range {color: #ffffff;}
.listing_sort .year_range_slider_wrapper {
width:33%;
margin-bottom: 10px;
padding-right: 20px;
margin-top: -9px;
}
.listing_sort .year_range_slider_wrapper input#dealer-slider-year-range { padding-left: 20px; display: inline-block; width: 40%; }
.listing_sort .year_range_slider_wrapper label { font-size: 14px; }
.listing-sidebar .listing_sort .year_range_slider_wrapper { width: 100%; padding-right: 0; margin-bottom: 26px; }
.listing-sidebar .listing_sort .year_range_slider_wrapper input#dealer-slider-year-range { padding-left: 0; width: 100%; }
/* Related posts */
.related-work { margin-bottom: 50px; }
.related-work h3 { font-size: 28px; line-height: 38px; margin: 20px 0 30px; }
.owl-carousel-7 .portfolio-caption { display: none;}
.related-work .blog-related-posts-carousel .portfolio-caption { display: block;}
/* Related posts without slider */
.related-work .item-listing {display: flex; flex-wrap: wrap;}
.item-listing .item { display: inline-block; float: left; width: 33.33%; }
.item-listing > .item > .portfolio-item { margin: 0 5px; margin-bottom: 10px; }
.item-listing > .item > .portfolio-item .portfolio-caption a,
.related-work .blog-related-posts-carousel .item > .portfolio-item .portfolio-caption a {color: #323232; font-size: 16px; font-weight: 600; line-height: 26px; display: block; margin: 10px 0; }
.item-listing > .item > .portfolio-item .portfolio-caption a:hover,
.related-work .blog-related-posts-carousel .item > .portfolio-item .portfolio-caption a:hover { color: #db2d2e; }
/* Share Button */
.single-post .post{margin-bottom: 30px;}
.single-post .entry-title { margin-bottom: 20px; }
.single-post .entry-share { min-height: 90px; margin: 0px 0; }
.share{position: relative; cursor: pointer; }
.share .share-button { padding: 8px 15px; display: inline-block; background: #db2d2e; color: #ffffff;}
.share .single-share-box {
position: absolute;
bottom: 5px;
right: 20px;
transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-moz-transition: all 900ms ease;
opacity: 1;
z-index: 1;
padding: 0px;
}
/*
.share:hover .single-share-box {
opacity: 1;
bottom: 5px;
z-index: 1;
right: 40px;
padding-right: 10px;
}
*/
.share .single-share-box li {
list-style: none;
padding-top: 2px;
display: table-cell;
padding-left: 5px;
}
.share .single-share-box li a {
width: 30px;
height: 30px;
background: #db2d2e;
border-radius: 50%;
text-align: center;
display: inline-block;
color: #ffffff;
line-height: 30px;
font-size: 12px;
}
.share .single-share-box li a:hover { color: #ffffff; background: #363636; }
.share .single-share-box a:hover i { color: #ffffff; }
.author-info .port-post-photo { margin-bottom: 20px; }
.nav-single { margin-bottom: 30px; }
.nav-single .port-navigation .port-navigation-left,
.nav-single .port-navigation .port-navigation-right{width: 164px;}
.author-details h3 { margin-bottom: 5px;}
/**********************************************************************************
shortcode CSS
***********************************************************************************/
/******************************
Box Layout Responsive
******************************/
.site-layout-boxed #page,
.site-layout-framed #page{
background-color: #fff;
box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
margin: 0 auto;
position: relative;
}
.site-layout-boxed .vc_row-fluid{
width: inherit !important;
left: inherit !important;
right: inherit !important;
}
.site-layout-framed #page{max-width: 95% !important; margin-top: 2.5%; margin-bottom: 2.5%;}
.site-layout-boxed .vc_section .vc_row[data-vc-full-width="true"] {
margin-left: 0px !important;
margin-right: 0px !important;
width: 1240px !important;
left: 0 !important;
margin: 0 auto !important;
}
/*************************************
Owl carousel
**************************************/
.owl-item {
transform: translateZ(0);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
-moz-transform: translateZ(0);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.owl-carousel .owl-item img {
width: auto;
margin: 0;
}
.owl-carousel .owl-nav {
display: block;
position: absolute;
text-indent: inherit;
top: 50%;
margin-top: -27px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
left: 0;
width: 100%;
cursor: pointer;
z-index: 999;
}
.owl-carousel .owl-nav .owl-prev {
display: block;
position: absolute;
text-indent: inherit;
width: auto;
cursor: pointer;
padding: 0;
border: none;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.owl-carousel .owl-nav .owl-next {
display: block;
position: absolute;
text-indent: inherit;
right: 0px;
width: auto;
cursor: pointer;
padding: 0;
border: none;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.owl-carousel .owl-nav .owl-prev i {
padding-left: 0px;
}
.owl-carousel .owl-nav i {
font-size: 20px;
width: 44px;
height: 44px;
line-height: 42px;
padding-left: 2px;
display: inline-block;
color: #db2d2e;
background: #ffffff;
border: 1px solid #e3e3e3;
font-weight: 900;
text-align: center;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.owl-carousel .owl-nav i:hover {
background: #db2d2e;
color: #fff;
border-color: #db2d2e;
}
.owl-carousel .owl-nav .owl-prev {
left: 2%;
opacity: 0;
}
.owl-carousel .owl-nav .owl-next {
right: 2%;
opacity: 0;
}
.owl-carousel:hover .owl-nav .owl-prev {
left: -2%;
opacity: 1;
}
.owl-carousel:hover .owl-nav .owl-next {
right: -2%;
opacity: 1;
}
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
margin-top: 20px;
}
.owl-carousel .owl-dots {
display: inline-block;
position: relative;
text-indent: inherit;
width: 100%;
cursor: pointer;
text-align: center;
}
.owl-carousel .owl-dots .owl-dot span {
background: #a5a5a5;
border-radius: 30px;
display: inline-block;
width: 10px;
height: 10px;
margin: 0px 3px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
cursor: pointer;
}
.owl-carousel .owl-dots .owl-dot:hover span {
background: #db2d2e;
}
.owl-carousel .owl-dots .owl-dot.active span {
background: #db2d2e;
width: 24px;
}
.row-background-dark .owl-carousel.owl-theme .owl-dots .owl-dot span {
background: #ffffff;
}
/**************************
FAQ Pages
**************************/
.faqs-wrapper .tabcontent { margin-top: 0; }
.faqs-wrapper .tabs_wrapper .tabs { margin-bottom: 25px; }
.faqs-wrapper .accordion-title a { margin-top: 15px; }
/********************************
General
********************************/
/* Text Color */
.text-red { color: #db2d2e; }
.text-white { color: #ffffff; }
.text-black { color: #323232; }
.text-gray { color: #626262; }
/******************************
Form
******************************/
.form-control { border-radius: 0; box-shadow: none; height: 42px; line-height: 1.33333; padding: 12px 18px; background: transparent; color: #626262; }
input[type="radio"].form-control,
input[type="checkbox"].form-control,
textarea.form-control { height: auto; }
.form-control:focus { box-shadow: none; border: 1px solid #db2d2e; }
.form-control.input-lg { resize: none; font-size: .9em }
.form-control.rounded { border-radius: 0px; }
.form-control, .input-group-addon { border: 1px solid #e3e3e3; }
.form-group label { color: #444; display: inline-block; margin-top: 8px; margin-bottom: 4px; text-transform: uppercase; font-size: 13px; }
.form-inline button { margin: 0px; }
.form-group > label { display: block; }
.form-control::-moz-placeholder { color: #626262; }
.form-control::-ms-input-placeholder { color: #626262; }
.form-control::-webkit-input-placeholder { color: #626262; }
select { color: #777; cursor: pointer; display: block; line-height: 14px; max-width: 100%; min-width: 100%; padding: 14px; }
.modal .modal-content select { padding: 10px 14px; padding-bottom: 9px; }
.modal .gray-form .form-group input:focus { background: rgba(246, 246, 246, 0.5); }
.modal-body .form-group{display: inline-block; width: 100%;}
.modal-body .form-group .button{float: left;}
.modal-body .form-group .cd-loader{position: relative; right: inherit; top: 12px; left: 10px; float: left; margin-left: 0px;}
.modal-body .form-group .alert{display: inline-block; width: 100%; margin-top: 10px;}
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {border-color: #e3e3e3; padding: 12px 20px;}
.select-hidden { display: none; visibility: hidden; padding-right: 10px; }
.select { cursor: pointer; display: inline-block; position: relative; font-size: 14px; color: #999999; width: 100%; height: 40px; }
.select-styled { text-align: left; font-size: 14px; color: #323232; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #e3e3e3; background-color: #fff; padding: 8px 15px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.select-styled:after { content: ""; width: 0; height: 0; border: 7px solid transparent; border-color: #e3e3e3 transparent transparent transparent; position: absolute; top: 18px; right: 10px; }
.select-styled:active:after, .select-styled.active:after { top: 10px; border-color: transparent transparent #e3e3e3 transparent; }
.select-options { text-align: left; display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 99; margin: 0; padding: 0; list-style: none; background-color: #fff; border: 1px solid #e3e3e3; border-top: 0px; }
.select-options li { list-style: none; font-size: 14px; padding-left: 15px; color: #323232; }
.finance-form-block .join-inout { margin-right: 8px; margin-top: 2px; width: 20px; height: 20px; display: inline-block; vertical-align: top; }
/* Blog Search */
.blog #search-2 .cd-search-autocomplete-default {
position: absolute;
background: #ffffff;
width: 100%;
left: 0;
box-shadow: 0 14px 30px 0 rgba(0, 0, 0, 0.2);
overflow-y: auto;
overflow-x: hidden;
max-height: 400px;
z-index: 99;
}
.blog #search-2 .cd-search-autocomplete-default li { display: block; width: auto; padding: 0; margin-left: 15px; margin-top: 10px; }
.blog #search-2 .cd-search-autocomplete-default li:last-child { padding-bottom: 10px; }
.blog #search-2 .cd-search-autocomplete-default li .search-result-image { display: table-cell; width: 36px !important; float: none; }
.blog #search-2 .cd-search-autocomplete-default li .search-result-name { display: table-cell; vertical-align: middle; padding-left: 16px; }
.blog #search-2 .cd-search-autocomplete-default li .search-result-name.no-image { padding-left: 0; }
.blog #search-2 .cd-search-autocomplete-default li .search-result-name a { color: #999; font-size: 13px; line-height: 18px; }
.blog #search-2 .cd-search-autocomplete-default li .search-result-name a:hover { color: #db2d2e; }
/* Pagination */
.pagination {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; grid-gap: 7px; margin: 0px; padding: 0; list-style: none; }
.pagination li { display: inline-block; }
.pagination li a { font-size: 15px; font-weight: 500; margin: 0; color: #626262; border-radius: 0px; display: inline-block; }
.pagination > li > a,
.pagination > li > span { padding: 8px 16px; font-size: 15px; border: 1px solid #e3e3e3; border-radius: 0px; }
.pagination > li > span { padding: 10px 16px; }
.pagination>li:last-child>a,
.pagination>li:last-child>span,
.pagination>li:first-child>a,
.pagination>li:first-child>span{
border-radius: 0px;
}
.pagination li a:focus,
.pagination li a:hover,
.pagination li span:focus,
.pagination li span:hover,
.pagination li span.current {
background-color: #db2d2e;
border-color: #db2d2e;
color: #fff;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
background-color: #db2d2e;
border-color: #db2d2e;
color: #fff;
}
/* Port navigation */
.port-arrow {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
text-align: center;
background: #f6f6f6;
height: 74px;
}
.port-arrow i {
text-align: center;
font-size: 25px;
line-height: normal;
}
.port-navigation .port-photo {
display: flex;
justify-content: center;
line-height: 74px;
min-width: 124px;
background: #eeeeee;
text-align: center;
}
.port-navigation-right .port-photo {
float: right;
}
/*************************
Back to top
*************************/
.car-top {
width: 85px;
position: fixed;
bottom: -180px;
right: 30px;
z-index: 999;
opacity: 1;
cursor: pointer;
}
.car-top.show {
bottom: 5% !important;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
transition: 1.0s;
}
.car-top.car-run {
bottom: 100% !important;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
transition: 1.0s;
}
.car-top.car-down {
-webkit-transition: 1.0s;
-ms-transition: 1.0s;
-o-transition: 1.0s;
-moz-transition: 1.0s;
transition: 1.0s;
}
.car-top:before,
.car-top:after {
content: "";
position: absolute;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
-ms-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
opacity: 0;
}
.car-top:hover:before,
.car-top:hover:after,
.car-top.car-run:before,
.car-top.car-run:after {
opacity: 1;
}
.car-top.default:before,
.car-top.default.car-run:before {
top: -1px;
left: 0px;
width: 85px;
height: 89px;
background: url(../../images/car-focus.png) no-repeat 0 0;
}
/* Back to Top - Custom */
.car-top.back_to_top_type-custom img {
max-width: 100%;
width: auto;
height: auto;
}
.car-top.back_to_top_type-custom.car-run:before,
.car-top.back_to_top_type-custom:before {
top: 0;
width: 100%;
height: 100%;
background-image: inherit;
background-size: cover !important;
background-position: center center !important;
}
.car-top.back_to_top_type-custom:hover:before {
opacity: 1;
}
/***************************
Typography
****************************/
ol {
padding: 0px;
margin: 0px;
}
ol > li {
list-style: decimal inside;
padding: 0px;
margin: 0px;
line-height: 30px;
}
ol.alpha li {
list-style: decimal-leading-zero inside;
padding: 0px;
margin: 0px;
}
ol.roman {
padding-left: 15px;
}
ol.roman li {
list-style: lower-roman;
padding: 0px;
margin: 0px;
}
ul.disc li {
list-style: disc inside;
padding: 0px;
margin: 0px;
line-height: 30px;
}
ul.list-style-1 li {
list-style: none;
}
.list-style-none li {
list-style: none;
}
blockquote {
display: block;
background: #fbfbfb;
position: relative;
font-size: 15px;
line-height: 26px;
padding-left: 65px;
padding-top: 18px;
padding-right: 25px;
padding-bottom: 20px;
border-left: 5px solid #f5f5f5;
font-style: italic;
margin-left: 0;
}
blockquote::before {
content: "\201C";
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #e3e3e3;
position: absolute;
left: 18px;
top: 33px;
}
blockquote::after {
content: "";
}
.commentlist blockquote {
background: #fbfbfb;
}
blockquote cite {
font-size: 14px;
margin-top: 15px;
display: block;
font-weight: 600;
color: #db2d2e;
}
.quick-links .row.no-gutter {
padding: 0 15px;
}
#tabs .tab-content .cd-vehicle-features > ul {
display: flex;
flex-wrap: wrap;
}
ul.list-col-2 li,
ul.list-col-3 li,
ul.list-col-4 li {
margin: 3px 0;
}
ul.list-col-2 li i,
ul.list-col-3 li i,
ul.list-col-4 li i {
color: #db2d2e;
margin-right: 5px;
}
ul.list-col-2 li {
width: 50%;
float: left;
}
ul.list-col-3 li {
width: 33.33%;
float: left;
}
ul.list-col-4 li {
width: 25%;
float: left;
}
ul.list-col-2:after,
ul.list-col-3:after,
ul.list-col-4:after {
content: "";
clear: both;
display: table;
}
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
max-width: 100%;
}
.entry-content .blog-image img,
.our-blog .blog-image img {
width: 100%;
}
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
}
/*===============================================*/
/* Vehicles List - Shortcode */
/*===============================================*/
.item {
text-align: center;
}
.feature-car.new-arrival .car-item {
margin-bottom: 30px;
}
.car-item {
position: relative;
overflow: hidden;
background: #ffffff;
min-height: 336px;
}
[class*='col-'] > .car-item {
display: inline-block;
}
.car-item .car-list ul {
padding-left: 0;
margin-left: 0;
}
.owl-item .car-item {
min-height: inherit;
}
.isotope .grid-item .car-item {
margin-bottom: 20px;
}
.car-item.grey-bg {
background: #f6f6f6;
}
.car-item .car-content {
padding: 20px;
}
.car-item .car-content a {
font-size: 16px;
font-weight: 600;
color: #db2d2e;
margin-bottom: 10px;
display: block;
}
.car-item .car-content a:hover {
color: #363636;
}
.car-item .price span.new-price,
.car-item .price bdi.new-price {
color: #363636;
font-weight: 700;
font-size: 16px;
}
.car-item .price span.old-price,
.car-item .price bdi.old-price {
text-decoration: line-through;
padding-right: 5px;
font-size: 13px;
font-weight: 400;
}
.car-item .price > p {
display: inline-block;
background: #323232;
color: #fff;
padding: 1px 7px;
border-radius: 2px;
font-style: italic;
font-size: 13px;
margin: 0 10px;
margin-top: 10px;
}
.car-item .separator {
margin-bottom: 15px;
}
.car-item .separator:after {
width: 50px;
display: block;
margin: auto;
content: "";
height: 1px;
background: #000000;
bottom: 0px;
left: 50%;
transition: width .8s ease, background-color .8s ease;
-webkit-transition: width .8s ease, background-color .8s ease;
-o-transition: width .8s ease, background-color .8s ease;
-ms-transition: width .8s ease, background-color .8s ease;
-moz-transition: width .8s ease, background-color .8s ease;
}
.car-item .separator:before {
content: '';
display: block;
margin: auto;
left: 50%;
height: 1px;
width: 30px;
bottom: -10px;
background: #000000;
transition: width .8s ease, background-color .8s ease;
-webkit-transition: width .8s ease, background-color .8s ease;
-o-transition: width .8s ease, background-color .8s ease;
-ms-transition: width .8s ease, background-color .8s ease;
-moz-transition: width .8s ease, background-color .8s ease;
margin-bottom: 4px;
}
.car-item:hover .separator:before {
width: 50px;
left: 0;
background: #db2d2e;
}
.car-item:hover .separator:after {
width: 30px;
left: 0;
background: #db2d2e;
}
.car-item .car-list {
background: #ffffff;
color: #363636;
overflow: hidden;
bottom: 0;
height: 0;
left: 0;
position: absolute;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
width: 100%;
z-index: 5;
text-align: center;
border-color: #dddddd;
}
.car-item.white-bg .car-list {
border-color: #ffffff;
}
.car-item.grey-bg .car-list {
border-color: #f6f6f6;
}
.car-item .car-list .list-inline {
padding: 5px 0;
}
.car-item .car-list li {
line-height: 22px;
color: #999999;
padding: 5px 5px;
}
.car-item .car-list li i {
padding-right: 6px;
}
.car-item:hover .car-list {
height: 40px;
border-bottom: 1px solid #f5f5f5;
}
.car-item .label {
position: absolute;
top: 0;
left: 8px;
top: 8px;
background: #62e006;
font-size: 11px !important;
color: #ffffff;
font-weight: 600;
padding: 8px 10px;
z-index: 4;
text-transform: uppercase;
}
.car-item .label.used {
background: #ef1313;
}
.car-item .label.new {
background: #10bf9c;
}
.car-item .label.certified {
background: #00abff;
}
.car-item .label.label-featured-wrap {
right: 8px;
left: inherit;
background: none;
padding: 0;
}
.car-item .label.label-featured-wrap .label-featured {
padding: 8px 10px;
height: 100%;
display: block;
background: #fbb534;
border-radius: .25em;
}
.car-item .label.label-featured-wrap.label-featured_type-star {
display: flex;
justify-content: center;
align-items: center;
background: #fbb534;
background: #1fca52;
color: #ffffff;
padding: 8px 12px;
font-size: 13px;
border-radius: 3px;
}
.car-item .label.label-featured-wrap.label-featured_type-star i {
text-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.car-item .sold, .car-price .sold {
background: url(../images/sold-img.png) no-repeat 0 0;
width: 88px;
height: 58px;
padding: 0;
position: absolute;
top: auto;
left: auto;
bottom: 10px;
right: 0;
font-size: 0 !important;
z-index:5;
}
.car-price .sold {
background-color: rgba(255, 255, 255, 0.8);
min-width: 160px;
min-height: 80px;
background-position: center center;
top: 0;
left: auto;
right: 15px;
}
.owl-item .car-price .sold {
background-color: inherit;
}
.car-item .car-image {
position: relative;
overflow: hidden;
display: inline-block;
width: 100%;
vertical-align: top;
}
.car-item .car-image > img,
.owl-carousel .owl-item .car-item .car-image img {
width: 100%;
}
.car-item .car-overlay-banner {
background: rgba(219, 45, 46, 0.7);
position: absolute;
top: -100%;
z-index: 8;
height: 100%;
width: 100%;
opacity: 0;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.car-item .car-overlay-banner ul {
position: absolute;
left: 0;
right: 0;
top: 40%;
z-index: 99;
padding: 0;
margin: 0;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.car-item .car-overlay-banner ul li {
display: inline-block;
margin: 0 3px;
}
.car-item .car-overlay-banner ul li a {
display: inline-block;
background: transparent;
border: 2px solid #ffffff;
color: #ffffff;
width: 36px;
height: 36px;
line-height: 32px;
text-align: center;
border-radius: 50%;
}
.car-item .car-overlay-banner ul li a:hover {
background: #ffffff;
color: #db2d2e;
}
.car-item .car-overlay-banner ul li a.pgs_wishlist {
font-size: 0;
}
.car-item .car-overlay-banner ul li a.pgs_wishlist i {
font-size: 14px;
line-height: 32px;
}
.car-item:hover .car-overlay-banner {
opacity: 1;
top: 0;
}
.pgs_cars_carousel-items .item.col-sm-6:nth-child(2n+3),
.pgs_cars_carousel-items .item.col-sm-4:nth-child(3n+7),
.pgs_cars_carousel-items .item.col-sm-3:nth-child(4n+5) {
clear: both;
}
.car-item .car-overlay-banner ul li .pgs_wishlist.loading i {
animation: rotation 2s infinite linear;
font-weight: 900;
}
.car-item .car-overlay-banner ul li .pgs_wishlist.loading i:before {
content: "\f110";
}
.car-item .car-overlay-banner ul li .pgs_wishlist.added-wishlist i {
font-weight: 600;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
/*------------------------------*/
/* Car Item - 2 */
/*------------------------------*/
[class*='col-'] > .car-item-2 {
margin-bottom: 30px;
display: inline-block;
}
.car-item-2 {
padding-bottom: 35px;
}
.car-item-2 .car-overlay-banner ul {
top: 50%;
}
.car-item-2 .car-list {
position: relative;
bottom: 0;
height: auto;
border: none;
border-bottom: 1px solid #f1f1f1;
}
.car-item-2:hover .car-list {
height: auto;
border-bottom-color: #f1f1f1;
}
.car-item-2 .car-content {
padding: 0;
padding-top: 20px;
margin-bottom: 10px;
}
.car-item-2 .price {
background: #db2d2e;
padding: 5px 0;
margin-top: 20px;
}
.car-item-2 .price span {
color: #ffffff;
}
.car-item-2 .price span.old-price {
color: rgba(255, 255, 255, 0.8);
}
.car-item.car-item-2 .price span.old-price,
.car-item.car-item-2 .price bdi.old-price {
color: #ffffff;
opacity: 0.8;
}
.car-item.car-item-2 .price span.new-price,
.car-item.car-item-2 .price bdi.new-price {
color: #ffffff;
}
.car-item-2 .price {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.car-item-2 .price > p {
margin: 0 5px;
padding: 1px 6px;
}
/*----------------------*/
/* Car Item 3 - Isotope */
/*----------------------*/
.isotope .car-item .car-image img {
margin-bottom: 0;
}
.isotope .car-item-3 {
overflow: hidden;
position: relative;
}
.isotope .car-item-3 img {
position: relative;
transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
margin-bottom: 0;
width: 100%;
}
.isotope .car-item-3 .car-overlay {
padding: 10px 10px;
background: #db2d2e;
position: absolute;
bottom: 0px;
width: 100%;
opacity: 0;
bottom: -100%;
z-index: 9;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
}
.isotope .car-item-3 .car-overlay a {
color: #ffffff;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
padding: 0 5px;
}
.isotope .car-item-3 .car-overlay a:hover {
color: #323232;
}
.isotope .car-item-3 .car-overlay span {
color: #ffffff;
padding: 0 5px;
}
.isotope .car-item-3 .car-overlay span.old-price {
text-decoration: line-through;
}
.isotope .car-item-3:hover .car-overlay {
bottom: 0px;
opacity: 1;
}
.isotope .car-item-3:hover img {
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.isotope .car-item-3 .car-popup {
text-align: center;
left: 0;
position: absolute;
right: 0;
top: -100%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
z-index: 99;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
}
.isotope .car-item-3 .car-popup a {
width: 40px;
height: 40px;
line-height: 40px;
background: #ffffff;
color: #db2d2e;
border-radius: 50%;
text-align: center;
display: inline-block;
}
.isotope .car-item-3 .car-popup a:hover {
background: #db2d2e;
color: #ffffff;
}
.isotope .car-item-3:hover .car-popup {
top: 40%;
}
.car-item .car-content .cardealer-lead-form-req-price-btn,
.car-details .cardealer-lead-form-req-price-btn,
.cardealer-dashboard-content .cardealer-lead-form-req-price-btn,
.compare-list .cardealer-vehicle-compare-list-row .cardealer-lead-form-req-price-btn {
display: block;
background: #323232;
color: #ffffff;
text-align: center;
padding: 5px 20px;
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
transition: all 0.25s ease-out 0s;
}
.car-item .car-content .cardealer-lead-form-req-price-btn:hover,
.car-details .cardealer-lead-form-req-price-btn:hover,
.cardealer-dashboard-content .cardealer-lead-form-req-price-btn:hover,
.compare-list .cardealer-vehicle-compare-list-row .cardealer-lead-form-req-price-btn:hover {
background: #db2d2e;
color: #ffffff;
}
.car-details .cardealer-lead-form-req-price-btn {
margin-bottom: 20px;
}
.vehicle-listing-view-list .car-details .cardealer-lead-form-req-price-btn {
display: inline-block;
margin: 0;
}
.vehicle-listing-view-list .car-details .cardealer-lead-form-req-price-btn + .button {padding: 3px 20px;
position: absolute;
top: 0;
right: 15px;
}
.car-details .elementor-widget-cdhl_vehicle-price .cardealer-lead-form-req-price-btn {
margin-bottom: 0;
}
.cardealer-dashboard-content .cardealer-lead-form-req-price-btn {
margin-bottom: 15px;
display: inline-block;
}
.compare-list .cardealer-vehicle-compare-list-row .cardealer-lead-form-req-price-btn {
padding: 5px 30px;
}
/*----------------------*/
/* Car Item - Column */
/*----------------------*/
.isotope.column-3 .grid-item.no-data,
.isotope.column-4 .grid-item.no-data,
.isotope.column-5 .grid-item.no-data {
box-shadow: none;
width: 100%;
text-align: center;
margin-bottom: 50px;
}
.isotope.column-3 .grid-item {
width: 33.333%;
}
.isotope.column-4 .grid-item {
width: 25%;
}
.isotope.column-5 .grid-item {
width: 20%;
}
/*-----------------*/
/* Buy Online */
/*-----------------*/
.car-buy-online-btn {
margin-top: 10px;
margin-bottom: 2px;
display: inline-block;
background: #323232;
color: #ffffff;
padding: 0 20px;
line-height: 28px;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
cursor: pointer;
-webkit--transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.car-buy-online-btn:hover {background: #db2d2e;}
.car-buy-online-btn .car-buy-online-label + i {margin-left: 5px;}
.car-buy-online-btn .buy-online-spinner {margin-left: 7px;}
/*-----------------*/
/* Review Stamps */
/*-----------------*/
.car-vehicle-review-stamps { display: inline-block; width: 100%; text-align: center; margin-top: 10px; }
.car-item .car-vehicle-review-stamps > a { display: inline-block; margin: 5px;}
.car-vehicle-review-stamps img,
.elementor .car-vehicle-review-stamps img { width: auto; height: 34px; margin: 5px;}
.owl-carousel .owl-item .car-vehicle-review-stamps img, .car-vehicle-review-stamps img { display: inline-block; }
.cd-vehicle-review-popup .mfp-content .mfp-iframe {background: #ffffff;}
.car-item .car-vehicle-review-stamps {display: flex; justify-content: center; grid-gap: 15px; margin-top: 15px;}
.car-item .car-vehicle-review-stamps > a {margin: 0;}
.car-item .car-vehicle-review-stamps img {height: 25px; margin:0;}
/*--------------------------*/
/* Wishlist Popup Message */
/*--------------------------*/
.cdfs-wishlist-popup-message {display: none; position: fixed; top: 50%; right: 50%; background: #323232; color: #ffffff; z-index: 9; padding: 15px 35px; font-size: 16px; transform: translateY(50%) translateX(50%); border-radius: 3px; opacity: 0;}
/*===============================================*/
/* Vehicles Showcase : Style 3 */
/*===============================================*/
.pgs_cars_carousel-wrapper .car-item.car-item-3 {display: inline-block; width: 100%; text-align: left; border: 1px solid #e8e8e8; min-height: inherit; vertical-align: top; margin-top: 30px;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .sold {left: 20px; right: auto; bottom: 20px; z-index: 1;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .price {position: absolute; right: 8px; bottom: 8px; background: #db2d2e; padding: 7px 15px;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .price .old-price {color: #ffffff; font-size: 14px; opacity: 0.7;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .price .new-price {color: #ffffff; font-size: 20px; font-weight: 500;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-overlay-banner {top: 8px; right: 8px; bottom: 8px; left: 8px; z-index: 4; width: auto; height: auto; display: flex; align-items: center; justify-content: center; background: none !important; transition: all .4s ease-in-out 0s;}
.pgs_cars_carousel-wrapper .car-item.car-item-3:hover .car-overlay-banner {opacity: 1;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-overlay-banner:before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #db2d2e; opacity: 0.9; transform: scale(0.9); transition: all .25s ease-in-out 0s;}
.pgs_cars_carousel-wrapper .car-item.car-item-3:hover .car-overlay-banner:before {transform: scale(1);}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-overlay-banner ul {position: relative; transform: none; top: auto;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-overlay-banner ul li a {width: 43px; height: 42px; display: flex; justify-content: center; align-items: center; font-size: 14px; background: #ffffff; color: #db2d2e; border: none; border-radius: 5px; transition: all .25s ease-in-out 0s;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content {padding: 35px;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .car-attribute-subtitle {color: #db2d2e; font-size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 5px;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .item-title {display: inline-block; width: 100%; font-size: 22px; line-height: 30px; font-weight: 500; margin-bottom: 15px;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .item-title a {color: inherit; font-size: inherit; font-weight: inherit; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .25s ease-out 0s;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .item-title a:hover {color: #db2d2e;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .car-attribute-columns {display: flex; gap: 15px;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .car-attribute-columns > div {width: calc(33.3333% - 10px);}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .car-attribute-column-1-title {font-size: 15px; line-height: 22px; margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .car-attribute-column-1-value {font-size: 16px; line-height: 24px; color: #323232; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pgs_cars_carousel-wrapper .owl-carousel .car-item.car-item-3 {margin-top: 0px;}
/* Buy Online */
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-buy-online-btn {position: absolute; right: 8px; bottom: 55px; z-index: 5; background: #ffffff; color: #323232; font-weight: 500; margin: 0; text-align: center;}
.pgs_cars_carousel-wrapper .car-item.car-item-3:hover .car-buy-online-btn {right: 15px; bottom: 15px;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .car-buy-online-btn:hover {background: #323232; color: #ffffff;}
/* Tax Label */
.pgs_cars_carousel-wrapper .car-item.car-item-3 .price > p {margin: 0; font-size: 12px; padding: 0 5px; line-height: 22px; margin-left: 5px; position: relative; top: -1px;}
/*===============================================*/
/* Vehicles Showcase : Style 4 */
/*===============================================*/
.pgs_cars_carousel-wrapper .car-item.car-item-4 .separator {display: none;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 {display: inline-block; width: 100%; text-align: left; border: 1px solid #e8e8e8; min-height: inherit; vertical-align: top;
margin-top: 30px;}
.pgs_cars_carousel-wrapper .owl-carousel .car-item.car-item-4 {margin-top: 0px;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .sold,
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-price .sold {bottom: 80px;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-image:before {content: ""; position: absolute; left: 0; right: 0; top: 40%; bottom: 0; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-image .car-price {display: flex; flex-direction: column; gap: 5px; flex-wrap: wrap; position: absolute; left: 20px; bottom: 15px; z-index: 1;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-image .car-price bdi {color: #ffffff;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-image .car-price .old-price {font-size: 16px; font-weight: 500; padding-right: 0;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-image .car-price .new-price {font-size: 24px; font-weight: 500;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-overlay-banner {background: none !important; position: absolute; top: auto; bottom: 0px; right: 15px; z-index: 8; width: auto; height: auto; opacity: 0; transition: inherit; transition: all .2s ease-out 0s;}
.pgs_cars_carousel-wrapper .car-item.car-item-4:hover .car-overlay-banner {bottom: 15px; opacity: 1;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-overlay-banner ul {position: unset; transform: none;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-overlay-banner ul li a {display: flex; align-items: center; justify-content: center; border: none; background: #121212; color: #fff; width: 45px; height: 45px; line-height: normal; text-align: center; border-radius: 5px; font-size: 14px; transition: all .25s ease-out 0s;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-overlay-banner ul li a:hover {background: #db2d2e; color: #fff;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-content .car-attribute-subtitle {color: #db2d2e; font-size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 5px;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .item-title {display: inline-block; width: 100%; font-size: 22px; line-height: 30px; font-weight: 500; margin-bottom: 10px;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .item-title a {color: inherit; font-size: inherit; font-weight: inherit; margin: 0; overflow: hidden; text-overflow: ellipsis;
white-space: nowrap; transition: all .25s ease-out 0s;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .item-title a:hover {color: #db2d2e;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-description {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 25px;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-content {padding: 25px;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-list {position: relative; z-index: inherit; height: auto; background: none; border: none; border-top: 1px solid #e8e8e8; padding-top: 20px;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-list .list-inline {display: flex; flex-wrap: wrap; gap: 5px 20px; padding: 0;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-list li {font-size: 16px; line-height: 22px; padding: 0;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-list li i {font-size: 14px; color: #323232;}
.pgs_cars_carousel-wrapper .pgs_cars_carousel-items > .row {display: flex; flex-wrap: wrap;}
/* Buy Online */
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-buy-online-btn {position: absolute; right: 17px; bottom: 15px; z-index: 5; font-weight: 500; margin: 0; text-align: center; transition: all .25s ease-out 0s;}
.pgs_cars_carousel-wrapper .car-item.car-item-4:hover .car-buy-online-btn {bottom: 75px;}
.pgs_cars_carousel-wrapper .car-item.car-item-4 .car-buy-online-btn:not(:hover) {background: #ffffff; color: #323232;}
/* Tax Label */
.pgs_cars_carousel-wrapper .car-item.car-item-4 .price > p {margin: 0; align-self: flex-start; margin-top: 10px;}
/*===============================================*/
/* Vehicles Showcase : Responsive */
/*===============================================*/
@media (min-width: 993px) {
/* Grid Item Top Margin */
.pgs_cars_carousel-wrapper .col-sm-12:first-child .car-item.car-item-3,
.pgs_cars_carousel-wrapper .col-sm-6:nth-child(-n+2) .car-item.car-item-3,
.pgs_cars_carousel-wrapper .col-sm-4:nth-child(-n+3) .car-item.car-item-3 {margin-top: 0px;}
.pgs_cars_carousel-wrapper .col-sm-12:first-child .car-item.car-item-4,
.pgs_cars_carousel-wrapper .col-sm-6:nth-child(-n+2) .car-item.car-item-4,
.pgs_cars_carousel-wrapper .col-sm-4:nth-child(-n+3) .car-item.car-item-4 {margin-top: 0px;}
}
@media (max-width: 1200px) and (min-width: 993px) {
.pgs_cars_carousel-wrapper .pgs_cars_carousel-items .item.col-sm-3,
.pgs_cars_carousel-wrapper .pgs_cars_carousel-items .item.col-sm-4 {width: 33.3333%; clear: none;}
.pgs_cars_carousel-wrapper .col-sm-3:nth-child(-n+3) .car-item.car-item-3,
.pgs_cars_carousel-wrapper .col-sm-3:nth-child(-n+3) .car-item.car-item-4 {margin-top: 0px;}
}
@media (max-width: 992px) and (min-width: 576px) {
.pgs_cars_carousel-wrapper .pgs_cars_carousel-items .item.col-sm-6,
.pgs_cars_carousel-wrapper .pgs_cars_carousel-items .item.col-sm-4,
.pgs_cars_carousel-wrapper .pgs_cars_carousel-items .item.col-sm-3 {width: 50%; clear: none; float: left;}
/* Grid Item Top Margin */
.pgs_cars_carousel-wrapper .col-sm-12:first-child .car-item.car-item-3,
.pgs_cars_carousel-wrapper .col-sm-6:nth-child(-n+2) .car-item.car-item-3,
.pgs_cars_carousel-wrapper .col-sm-4:nth-child(-n+2) .car-item.car-item-3,
.pgs_cars_carousel-wrapper .col-sm-3:nth-child(-n+2) .car-item.car-item-3 {margin-top: 0px;}
/* Grid Item Top Margin */
.pgs_cars_carousel-wrapper .col-sm-12:first-child .car-item.car-item-4,
.pgs_cars_carousel-wrapper .col-sm-6:nth-child(-n+2) .car-item.car-item-4,
.pgs_cars_carousel-wrapper .col-sm-4:nth-child(-n+2) .car-item.car-item-4,
.pgs_cars_carousel-wrapper .col-sm-3:nth-child(-n+2) .car-item.car-item-4 {margin-top: 0px;}
}
@media (max-width: 767px) {
.pgs_cars_carousel-wrapper .car-item.car-item-3 .price .old-price {font-size: 13px;}
.pgs_cars_carousel-wrapper .car-item.car-item-3 .price .new-price {font-size: 16px;}
}
@media (max-width: 575px) {
.pgs_cars_carousel-wrapper .pgs_cars_carousel-items .item:first-child .car-item {margin-top: 0px;}
.pgs_cars_carousel-wrapper .pgs_cars_carousel-items > .row {display: block;}
}
/*************************************
Feature car area
**************************************/
.big-car img { position: absolute; top: 0; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; margin-bottom: 0; }
.big-car:hover img { top: -30px; }
/*************************************
Search
************************************/
.search-top {
display: block;
float: right;
line-height: 20px;
padding: 40px 0;
vertical-align: top;
z-index: 999;
margin-left: 10px;
}
.search-top .search-open-btn {
font-size: 13px;
display: block;
height: 20px;
line-height: 21px;
position: relative;
text-indent: -9999px;
width: 12px;
color: #ffffff;
-o-transition: color 300ms ease 0s;
-moz-transition: color 300ms ease 0s;
-ms-transition: color 300ms ease 0s;
-webkit-transition: color 300ms ease 0s;
transition: color 300ms ease 0s;
}
.search-top .search-open-btn:before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 700;
left: 0;
position: absolute;
text-indent: 0;
top: 0;
}
.search-top .search-open-btn:hover {
color: #db2d2e;
}
.search-top.search-top-open .search-open-btn:before {
content: "";
}
.search-box {
background: #fff;
display: block;
margin: 0;
opacity: 0 !important;
padding: 15px 0px 10px;
position: absolute;
right: 0;
top: -9999px !important;
transition: visibility 300ms ease 0s, opacity 300ms ease 0s;
visibility: hidden;
width: 100%;
z-index: 888;
border-top: 5px solid #db2d2e;
}
.search-top.search-top-open .search-box {
opacity: 1 !important;
top: 102px !important;
visibility: visible !important;
}
.search-top .search-box input,
.search-top .search-box Select {
background: #f5f5f5;
border: none;
padding-left: 15px;
box-shadow: none;
border-radius: 0;
color: #626262;
}
.search-top .search-box input:focus,
.search-top .search-box Select:focus {
background: #db2d2e;
color: #FFF;
}
.search-top.search-top-open i {
cursor: pointer;
font-size: 15px;
position: absolute;
right: 27px;
top: 31px;
}
.search-top.search-top-open i:hover {
color: #db2d2e;
}
.search-top .search-box .button {
text-align: center;
padding: 10px 20px;
display: block;
border: none;
width: 100%;
}
.search-top .select-styled {
padding: 10px 15px;
}
.search-top .select-styled:after {
top: 16px;
}
.search-top .select-styled:active:after,
.search-top .select-styled.active:after {
top: 8px;
}
/*************************************
Inner intro
**************************************/
.header_intro_bg-image:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(0, 0, 0, 0.8);
}
.header_intro_opacity {
position: relative;
z-index: 1;
}
.header_intro_opacity:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.header_intro_opacity.header_intro_bg-video:before {
z-index: 0;
}
.header_intro_opacity.header_intro_bg-video .intro_header_video-bg {
z-index: -1;
}
.header_intro_opacity.header_intro_opacity-black:before {
background: rgba(0, 0, 0, 0.8);
}
.header_intro_opacity.header_intro_opacity-white:before {
background: rgba(255, 255, 255, 0.8);
}
.header_intro_opacity.header_intro_opacity-none:before {
background: none;
}
.inner-intro .intro-title.bread_l_title_l,
.inner-intro .intro-title.bread_l_title_r {
display: flex;
}
.inner-intro .intro-title.title-center {
text-align: center;
}
.inner-intro .intro-title.title-right {
text-align: right;
}
.inner-intro {
display: flex;
position: relative;
z-index: 1;
height: 410px;
}
.inner-intro h1 {
color: #ffffff;
}
.inner-intro p {
color: #ffffff;
margin-bottom: 0;
padding-bottom: 0
}
.inner-intro .container,
.inner-intro .container-fluid {
align-self: flex-end;
}
.inner-intro .container .row {
margin-left: 0px;
margin-right: 0px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.inner-intro .container .intro-title.title-left,
.inner-intro .container .intro-title.title-center,
.inner-intro .container .intro-title.title-right {
display: block;
}
.inner-intro .container .intro-title.title_l_bread_r,
.inner-intro .container .intro-title.bread_l_title_r {
display: flex;
}
.inner-intro .container .intro-title.title_l_bread_r h1,
.inner-intro .container .intro-title.bread_l_title_r h1 {
margin-bottom: 0;
}
.inner-intro .container-fluid {
width: 100%;
padding: 0 50px;
}
.inner-intro span {
text-transform: capitalize;
}
.intro-title {
padding-bottom: 30px;
}
.inner-intro .intro-title.row [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.inner-intro .intro-title.row.bread_l_title_l [class*='col-'],
.inner-intro .intro-title.row.bread_l_title_r [class*='col-'] {
align-self: center;
}
ul.page-breadcrumb {
padding: 0;
margin: 0;
}
.single-post ul.page-breadcrumb li.post {
margin-bottom: 0px;
}
ul.page-breadcrumb li {
color: #fff;
display: inline-block;
list-style: none;
position: relative;
padding-left: 18px;
margin-right: 8px;
}
ul.page-breadcrumb li:last-child {
margin-right: 0;
}
ul.page-breadcrumb li:before {
content: "\f101";
font-family: "Font Awesome 5 Free";
position: absolute;
left: 0;
top: 0;
font-size: 14px;
font-weight: 900;
}
ul.page-breadcrumb li.home {
padding-left: 22px;
}
ul.page-breadcrumb li.home:before {
content: "\f015";
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
ul.page-breadcrumb li span {
color: #fff;
font-size: 14px;
text-transform: capitalize;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
ul.page-breadcrumb li a {
color: #fff;
font-size: 14px;
text-transform: capitalize;
}
ul.page-breadcrumb li a:hover {
color: #db2d2e;
}
ul.page-breadcrumb li:hover:before,
ul.page-breadcrumb li:hover span {
color: #db2d2e;
-moz-transition: color 300ms ease 0s;
-ms-transition: color 300ms ease 0s;
-webkit-transition: color 300ms ease 0s;
transition: color 300ms ease 0s;
}
ul.page-breadcrumb li.current-item:hover:before,
ul.page-breadcrumb li.current-item:hover span {
color: #ffffff;
}
/*************************************
Error page
**************************************/
.error-404 img { max-width: 100%; }
.error-404 .fourofour { font-size: 400px; color: #f6f6f6; line-height: 300px; }
.error-page img { margin-top: -80px; }
.error-page h3 { font-size: 60px; margin-bottom: 30px; }
.error-page strong { font-style: italic; font-size: 20px; display: block; margin-bottom: 30px; margin-top: 30px; }
.error-page .error-search { margin-top: 30px; padding: 0 50px; }
.error-page .error-search a.button { padding: 10px 20px; display: block; text-align: center; }
.error-page .error-content p a { color: #db2d2e; }
.error-page .search-form input.placeholder { height: auto; padding: 12px 18px; margin-bottom: 0; }
.error-page .search-form > div { padding: 0; }
.error-page .search-form .button { padding: 11px 20px; margin-bottom: 0; width: 100%; }
.error-page .search-form .button:hover { background: #323232; }
/*************************************
Masonry
**************************************/
.masonry { position: relative; }
.masonry .masonry-item { float: left; margin-bottom: 40px; }
.masonry .masonry-item:last-child { margin-bottom: 0px; }
.masonry .masonry-item:last-child .blog-2 { margin-bottom: 0px; }
.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 0px; }
.masonry.columns-3 .masonry-item { width: 33.333%; padding: 0 15px 0px; }
.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 0px; }
.car-list-isotope.columns-3 .masonry-item,
.car-list-isotope.columns-4 .masonry-item { padding: 0 7px 0px; margin-bottom: 0; }
.blog .masonry-main + div .pagination { margin-top: 50px; }
.product-listing .masonry-main .all-cars-list-arch .masonry-item > .car-item {min-height: inherit;}
/*************************************
Coming soon
**************************************/
.coming-soon.page-section-ptb{
padding: 0;
}
.countdown p {
font-size: 20px;
padding: 0 190px;
line-height: 40px;
margin-bottom: 60px;
}
.countdown {
list-style: none;
margin: 0 0 45px;
padding: 0;
display: block;
text-align: center;
}
.countdown li {
display: inline-block;
width: 24%;
}
.countdown li span {
font-size: 46px;
font-weight: bold;
line-height: 20px;
color: #db2d2e;
}
.countdown li p {
color: #626262;
font-size: 20px;
padding: 0px;
margin-bottom: 20px;
text-transform: capitalize;
}
.coming-soon-search p {
font-size: 18px;
margin-bottom: 30px;
margin-top: 50px;
}
.coming-soon-search a.button {
padding: 10px 20px;
display: block;
text-align: center;
}
/*===============================================*/
/* Potenza Vehicles by Type - Shortcode */
/*===============================================*/
.search-logo {
padding: 30px;
border-radius: 0px;
border:0;
box-shadow: 0 5px 30px rgb(0 0 0 / 5%);
}
.search-logo .tabs li {
margin-left: 2px;
color: #323232;
background: #f6f6f6;
border:none;
padding: 2px 14px;
border-radius: 3px;
font-size: 13px;
line-height: 25px;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
margin-bottom: 0px;
display: inline-block;
margin: 0;
cursor: pointer;
position: relative;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.search-logo ul.tabs li.active,
.search-logo ul.tabs li.active:focus,
.search-logo ul.tabs li:hover {
background: #db2d2e;
color: #ffffff;
border:none;
}
.search-logo ul.tabs {
display: inline-block;
vertical-align: middle;
float: right;
}
.search-logo h6 {
padding-right: 8px;
font-size: 20px;
line-height: 24px;
display: inline-block;
}
.search-logo-box {
border:1px solid #f3f3f3;
border-radius: 3px;
padding: 30px 20px;
text-align: center;
box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.06);
position: relative;
margin: 16px 0;
min-height: 116px;
}
.search-logo-box span {
position: absolute;
right: -10px;
top: -10px;
border:1px solid #f3f3f3;
background: #ffffff;
width: 30px;
height: 30px;
line-height: 28px;
text-align: center;
font-weight: bold;
border-radius: 50%;
z-index: 3;
color: #323232;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.search-logo-box img,
.search-logo-box picture img {
margin-bottom: 0 !important;
width: auto;
max-height: 54px;
}
.search-logo-box strong {
position: absolute;
right: 0;
left: 0;
top: 5px;
text-align: center;
font-weight: bold;
z-index: 3;
color: #323232;
text-transform: uppercase;
}
.search-logo-box:hover span {
background: #db2d2e;
color: #ffffff;
}
/*---------------------*/
/* Range Slider */
/*---------------------*/
.year-range-slide .slider-year-range,
.price-slide .slider-range {height: 4px; border: none; background: #eeeeee;}
.year-range-slide .slider-year-range .ui-slider-handle,
.price-slide .slider-range .ui-slider-handle {width: 7px; height: 16px; top: -6px; background: #db2d2e; border: none; margin: 0; margin-left: -3px; z-index: 1;}
.range-btn-wrapper {display: flex; flex-wrap: wrap; margin-top: 25px;}
.range-btn-wrapper .dealer-slider-year-range,
.range-btn-wrapper .dealer-slider-amount-wrapper {display: flex; align-self: center; width: 100%;}
.range-btn-wrapper .dealer-slider-year-range label,
.range-btn-wrapper .dealer-slider-amount-wrapper label {margin: 0; padding-right: 5px;}
.range-btn-wrapper .dealer-slider-year-range .dealer-slider-amount bdi,
.range-btn-wrapper .dealer-slider-amount-wrapper .dealer-slider-amount bdi {color: var(--cd-secondary-color); font-size: 16px; font-weight: 600;}
.range-btn-wrapper .dealer-slider-year-range input,
.range-btn-wrapper .dealer-slider-amount-wrapper input {background: none; border: 0; font-size: 13px; color: #323232; font-weight: 700; padding: 0; width: 100%; text-align: right;}
.year-range-slide .range-btn-wrapper .year-range-filter-btn,
.price-slide .range-btn-wrapper .pgs-price-filter-btn {padding: 3px 15px; margin-top: 10px;}
/*********************************************
Under Maintenance
*********************************************/
.cd_maintenance_mode-comingsoon #header,
.cd_maintenance_mode-maintenance #header {background: rgba(0, 0, 0, 0.05); text-align:center; padding: 25px 0; margin-bottom:80px;}
.cd_maintenance .countdown ul { width: 80%; margin: 0 auto; padding: 0px; }
.cd_maintenance_mode-maintenance #header img.logo-type-default { height: 50px; margin: 20px 0px; }
.mntc-cs-item.mntc-cs-content { padding: 100px 0px; }
.mntc-cs-item h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; display: block; margin-bottom: 50px; }
.mntc-cs-item i { font-size: 100px; margin-bottom: 25px; color: #e4e4e4; }
.mntc-cs-item p { font-size: 32px; padding: 0 250px; line-height: 44px; }
.cd_maintenance_mode-comingsoon section.coming-soon { margin-bottom: 50px; }
.cd_maintenance_mode-maintenance .footer { position: relative; bottom: 0px; width: 100%; }
.cd_maintenance .footer-widget { background: #0f0f0f; padding: 25px; }
.cd_maintenance .footer-widget span { color: #ffffff; }
.cd_maintenance .footer-widget a { color: #db2d2e; }
.cd_maintenance .footer-widget a:hover { color: #ffffff; }
.cd_maintenance .footer-widget p { margin-bottom: 0; padding-bottom: 0; }
.cd_maintenance .footer-widget .footer-widget-social ul { padding: 0; margin: 0; float: right; }
.cd_maintenance .footer-widget .footer-widget-social li { list-style-type: none; float: left; margin: 0 3px; }
.cd_maintenance .footer-widget .footer-widget-social li a { background: #f6f6f6; width: 30px; height: 30px; text-align: center; line-height: 30px; display: inline-block; border-radius: 50%; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }
.cd_maintenance .footer-widget .footer-widget-social li a:hover { background: #db2d2e; color: #ffffff; }
.cd_maintenance .footer-widget .footer-widget-social li a:hover i { color: #ffffff; }
.cd_maintenance_mode-maintenance #header { margin-bottom: 0; }
.cd_maintenance_mode-maintenance .mntc-cs-main { height: 80vh; width: 100%; display: table; }
.cd_maintenance_mode-maintenance .mntc-cs-main > div { display: table-cell; vertical-align: middle; }
.cd_maintenance_mode-maintenance .mntc-cs-item.mntc-cs-content { padding: 50px 0; }
.cd_maintenance .mc4wp-form .form-control { background: #f6f6f6; }
.cd_maintenance .mc4wp-form .form-control:focus { background: #ffffff; }
.cd_maintenance .mc4wp-form .button { border: none; -o-transition: 0.2s; -webkit-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s }
.cd_maintenance .mc4wp-form .button:hover { background: #323232; }
.coming-soon-search .mc4wp-alert { display: inline-block; padding: 12px 45px; border-radius: 3px; }
.coming-soon-search .mc4wp-alert p { margin: 0; font-size: 15px; }
.coming-soon-search .mc4wp-alert.mc4wp-error { background: #ffe4e4; border: 1px solid #eba3a3; }
.coming-soon-search .mc4wp-alert.mc4wp-error p { color: #db2d2e; }
.coming-soon-search .mc4wp-alert.mc4wp-success { background: #cce7c0; border: 1px solid #b2dba1; }
.coming-soon-search .mc4wp-alert.mc4wp-success p { color: #3c763d; }
/*****************************
BBPress - Forums
******************************/
.bbp-logged-in h4 { font-weight: normal; font-size: 1em; }
.widget_display_search #bbp_search_submit { width: 100%; margin-top: 10px; padding: 12px 0; }
.bbp_widget_login button#user-submit { padding: 12px 25px; background: #f5f5f5; }
.bbp_widget_login button#user-submit:hover { background: #eca525; color: #fff; }
.kt-bbpress-header { margin-bottom: 35px; }
#bbpress-forums p.bbp-topic-meta img.avatar { margin-bottom: 0; border: none; }
.bbp-forum-info { padding-left: 25px; }
.bbp-forum-freshness, .bbp-topic-freshness { font-size: 10px; text-transform: uppercase; letter-spacing: .5px; }
li.bbp-forum-freshness a,
li.bbp-reply-topic-title a,
a.bbp-topic-permalink,
li.bbp-topic-freshness a,
a.favorite-toggle,
a.subscription-toggle,
a.bbp-author-name,
.bbp-logged-in h4 a,
#bbp-user-navigation ul li a { color: #444444; }
#bbpress-forums ul.bbp-forums { border: none; margin-top: 0px; }
#bbpress-forums li.bbp-body ul.topic { padding: 20px 0; }
#bbpress-forums li.bbp-body ul.forum { padding: 12px 0 3px 0; }
.bbp-forum-topic-count,
.bbp-forum-reply-count,
.bbp-forum-freshness,
.bbp-topic-title,
.bbp-topic-voice-count,
.bbp-topic-reply-count,
.bbp-topic-freshness {
line-height: 40px;
}
ul.forum-titles li { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
/* FORUM - Search Form */
#bbpress-forums div.bbp-search-form { margin-bottom: 25px; width: 100%; }
#bbpress-forums #bbp-search-form { float: none; border: 1px solid #dddddd; }
#bbpress-forums #bbp-search-form #bbp_search { border: none; padding-left: 15px; width: 81.6%; font-size: 15px; color: #323232; }
#bbpress-forums #bbp-search-form #bbp_search:focus { background: #fff; }
#bbpress-forums #bbp-search-form #bbp_search_submit { padding: 10px 0; width: 18%; border: none; margin: 0; }
#bbpress-forums #bbp-search-form #bbp_search_submit:hover { background: #323232; }
#bbpress-forums .bbp-breadcrumb { display: none; }
.bbp-forums a { font-size: 14px; color: #db2d2e; }
.bbp-forums a:hover { text-decoration: underline !important; }
/* FORUM - Block */
#bbpress-forums li.bbp-header { padding: 8px 0; border-top:none; font-weight: normal; color: #ffffff; border:none; background: #323232;}
#bbpress-forums li.bbp-body { border: 1px solid #dddddd; border-top: none; }
#bbpress-forums li.bbp-body ul.forum { padding: 10px 0 10px 0; }
#bbpress-forums .bbp-forums-list { border-left: none; margin: 0; padding: 0; }
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: 13px; line-height: 30px; }
/* FORUM - Replies */
#bbpress-forums .bbp-replies li.bbp-header { padding: 12px 0; margin-bottom: 20px; }
#bbpress-forums .bbp-replies li.bbp-body { border: none; }
#bbpress-forums .bbp-replies li.bbp-body .bbp-reply-header { border: 1px solid #ddd; padding: 5px 25px; background: rgba(249, 249, 249, 0.9); border-bottom: none; }
#bbpress-forums .bbp-replies li.bbp-body .topic-author { border: 1px solid #dddddd; margin-bottom: 20px; background: #ffffff; }
#bbpress-forums .bbp-replies li.bbp-body .topic-author:last-child { margin-bottom: 0px; }
#bbpress-forums .bbp-replies li.bbp-body .topic-author .avatar { margin-bottom: 10px; }
/* FORUM - Admin Details */
#buddypress #item-header-cover-image #item-header-avatar img.avatar { background: rgba(255, 255, 255, 0.8); border: 7px solid #ffffff; }
#buddypress #item-nav .item-list-tabs#object-nav ul li { margin-right: 5px; }
#buddypress #item-nav .item-list-tabs#object-nav ul li a { background: #323232; opacity: 1; color: #ffffff; font-weight: 400; }
#buddypress #item-nav .item-list-tabs#object-nav ul li.selected a { background: #db2d2e; color: #ffffff; opacity: 1; }
#buddypress #item-body .item-list-tabs#subnav { border: 1px solid #dddddd; background: #f9f9f9; color: #ffffff; padding: 15px; margin-top: 20px; margin-bottom: 25px; }
#buddypress #item-body .item-list-tabs#subnav ul li { margin-top: 10px; margin-right: 5px; }
#buddypress #item-body .item-list-tabs#subnav ul li#public-personal-li { margin-top: 0px; }
#buddypress #item-body .item-list-tabs#subnav ul li a { background: #323232; opacity: 1; color: #ffffff; font-weight: 400; }
#buddypress #item-body .item-list-tabs#subnav ul li.selected a { background: #db2d2e; color: #ffffff; opacity: 1; }
#buddypress #item-body .item-list-tabs#subnav ul #activity-filter-select { margin: 0; }
#buddypress #item-body #activity-filter-select label { display: none; }
#buddypress #item-body #activity-filter-select #activity-filter-by { margin: 0; }
#buddypress ul.activity-list { border: none; }
#buddypress ul.activity-list .activity { border: 1px solid #dddddd; padding: 15px; margin-bottom: 15px; }
#buddypress ul.activity-list li .activity-meta .button { padding: 4px 15px; }
#buddypress ul.activity-list li .activity-meta .button:hover { color: #ffffff; background: transparent; }
/* FORUM - Admin Profile */
#buddypress #item-body .profile .bp-widget { border: 1px solid #dddddd; padding: 0; margin: 0; margin-bottom: 15px; }
#buddypress #item-body .profile .bp-widget h2 { font-size: 18px; background: #323232; text-transform: none; font-weight: 400; margin: 0; padding: 0px 20px; color: #ffffff; }
#buddypress #item-body .profile .bp-widget .profile-fields td { border: none; border-top: 1px solid #dddddd; padding: 5px 20px; width: 70%; height: 40px; display: inline-block; color: #323232 !important; line-height: 26px; font-weight: 500; font-size: 13px !important; }
#buddypress #item-body .profile .bp-widget .profile-fields td.label { width: 30%; text-align: left; }
/* BBPress - Members */
#buddypress div.dir-search { float: none; border: 1px solid #dddddd; margin-bottom: 25px; }
#buddypress div.dir-search #members_search { border: none; padding: 0; padding-left: 15px; width: 81.5%; font-size: 15px; background: none; color: #323232; }
#buddypress div.dir-search #members_search:focus { background: #fff; }
#buddypress div.dir-search #members_search_submit { padding: 10px 0; width: 18%; border: none; margin: 0; background: #db2d2e; color: #ffffff; }
#buddypress div.dir-search #members_search_submit:hover { background: #323232; }
#buddypress #members-directory-form .item-list-tabs li a { background: #db2d2e; color: #ffffff; }
#buddypress #members-dir-list div.pagination .pag-count { padding-left: 0; }
#buddypress #members-dir-list div.pagination .pagination-links { padding-right: 0; }
#buddypress #members-dir-list div.pagination-links a,
#buddypress #members-dir-list div.pagination-links span {background: #db2d2e; color: #ffffff; padding: 5px 10px;}
#buddypress #members-dir-list div.pagination-links span { background: #323232; color: #ffffff; }
#buddypress .dir-form #subnav.item-list-tabs { border: 1px solid #dddddd; background: #f9f9f9; color: #ffffff; padding: 15px; margin-top: 20px; margin-bottom: 25px; }
#buddypress .dir-form #subnav.item-list-tabs .filter label { display: none; }
#buddypress #members-list li { border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; padding: 25px; }
#buddypress #members-list li.odd { background: #f9f9f9; }
/*******************/
a.bbp-forum-title { font-size: 14px; color: #323232; }
li.bbp-forum-info { line-height: 40px; vertical-align: middle; }
p.bbp-topic-meta { display: none; }
#bbpress-forums li.bbp-footer { display: none; background: #fbfbfb; border: none; }
.subscription-toggle { display: none; }
div.bbp-template-notice p { font-size: 14px; line-height: 30px; }
#bbpress-forums div.bbp-template-notice img.avatar { display: none; }
.bbp-pagination-count { font-size: 14px; }
.bbp-topic-title { padding-left: 25px; }
a.bbp-topic-permalink { font-size: 14px; }
.bbp-pagination { display: none; }
div.bbp-template-notice, div.indicator-hint { margin: 0 0 30px 0; }
#bbpress-forums fieldset.bbp-form { border: none; padding: 0; }
legend { border-bottom: none; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; }
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {margin-bottom: 30px;}
#bbpress-forums fieldset.bbp-form label{font-size: 14px; margin-bottom: 7px;}
#bbpress-forums fieldset.bbp-form select {height: 40px; width: 100%;}
#bbpress-forums fieldset.bbp-form textarea,
#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form input{border: 1px solid #fff; background: #fff; font-size: 14px; padding-left: 15px;}
#bbpress-forums fieldset.bbp-form textarea:focus,
#bbpress-forums fieldset.bbp-form select:focus,
#bbpress-forums fieldset.bbp-form input:focus{background: #fff; border: 1px solid #fff;}
div.bbp-submit-wrapper{float: none;}
#bbp_topic_submit,
#bbp_reply_submit,
#bbpress-forums #bbp-your-profile fieldset.submit button{width: 100%; background: #ededef; padding-top: 16px; padding-bottom: 16px;}
#bbp_topic_submit:hover,
#bbp_reply_submit:hover,
#bbpress-forums #bbp-your-profile fieldset.submit button:hover{background: #eca525; color: #fff;}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {border: none; margin-bottom: 30px;}
#bbpress-forums div.odd,
#bbpress-forums ul.odd,
#bbpress-forums div.bbp-reply-author,
#bbpress-forums div.bbp-reply-content {font-size: 14px;}
#bbpress-forums li.bbp-header .bbp-reply-content {padding-right: 40px;}
#bbpress-forums div.bbp-topic-tags {float: left;}
div.bbp-breadcrumb,
div.bbp-topic-tags {font-size: 14px;}
body.iosmodalFix.modal-open { position: fixed; }
/*********************************************
Print CSS
*********************************************/
@media print {
#header,
#footer,
.inner-intro,
.details-nav,
.car-detail-post-option,
.car-price .sold,
.car-details .feature-car,
.car-top,
.slider-slick .slick-arrow,
.slider-slick .slider-nav,
.widget.financing_calculator {
display: none;
}
.fuel-efficiency-detail {
border: 1px solid #323232;
width: 250px;
}
}
/*--------------------*/
/* GDPR */
/*--------------------*/
.modal .modal-body .cdhl_validate.terms { width: auto; display: inline-block; }
.modal .modal-body a.cd-policy-terms { padding: 0; border: none; color: #db2d2e; }
.modal .modal-body a.cd-policy-terms:hover { background: transparent; color: #db2d2e; }
.modal .modal-body .form-group input, .modal .modal-body .form-group textarea { margin-bottom: 0; }
.modal .modal-body .cdhl-terms-privacy-container { margin-bottom: 10px; cursor: pointer; display: inline-block; }
/*--------------------*/
/* Team Single */
/*--------------------*/
.single-teams .custom-content-4 h2 {margin-bottom: 5px;}
.single-teams .custom-content-4 span {display: block; font-weight: 500; margin-bottom: 30px; color: var(--cd-primary-color);}
.single-teams .social { float: right; }
.single-teams .social ul { margin: 0; padding: 0; }
.single-teams .social ul li { display: inline-block; }
.single-teams .social ul li a { color: #323232; background: #f5f5f5; display: block; border-radius: 3px; width: inherit; margin: 2px; padding: 0px 15px; }
.single-teams .social ul li a i { color: #323232; font-size: 16px; line-height: 40px; display: block; float: none; }
.single-teams .social ul li a:hover { background: var(--cd-primary-color); }
.single-teams .social ul li a:hover i { color: #ffffff; }
.single-teams .nav-single { margin-bottom: 0; }
.our-team nav .pagination { margin-top: 30px; }
/*--------------------*/
/* Testimonials Listing */
/*--------------------*/
.page-template-testimonials .cd-testimonial-items .testimonial-block { margin-bottom: 30px; }
.row-background-dark .testimonial-2 .testimonial-info .testimonial-name h6 { color: #ffffff; }
.blog .sidebar-right #search-2 .cd-search-autocomplete-default { top: inherit; }
.woocommerce-checkout .woocommerce-checkout-payment .checkbox input[type="checkbox"] { position: relative; }
.woocommerce .woocommerce-checkout-review-order .woocommerce-checkout-payment label.checkbox { margin-top: 0; }
.woocommerce-checkout #payment div.form-row { padding-top: 0px !important; }
.woocommerce div.product form.cart .variations label.pa_color { padding-top: 10px; }
/*--------------------*/
/* Team Expertise */
/*--------------------*/
.our-team .type-teams { margin-bottom: 0 !important; }
.team-expertise h3 { text-transform: capitalize; margin-bottom: 30px; }
.our-activities { margin-bottom: 80px; }
.team-expertise ul li { line-height: 24px; display: block; padding: 12px 0 12px 24px; font-size: 18px; position: relative; border-bottom: 1px dotted #e8e8e8; }
.team-expertise ul li:before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: 700; left: 0; position: absolute; text-indent: 0; top: 12px; color: var(--cd-primary-color);}
.cd-single-team-navigation { margin: 0px 0 60px; }
/* Owl Carousel Load */
.owl-carousel > .item, .owl-carousel > .team-2 {float: left; margin-right: 15px;}
.owl-carousel[data-items='1'] > .item{width: 100%; margin-right: 0px;}
.owl-carousel[data-items='1'] > .item{display: none;}
.owl-carousel[data-items='1'] > .item:nth-child(-n+1){display: block;}
.owl-carousel[data-items='2'] > .item, .owl-carousel[data-items='2'] > .team-2{width: 48%; margin-right: 2%;}
.owl-carousel[data-items='2'] > .item, .owl-carousel[data-items='2'] > .team-2 {display: none;}
.owl-carousel[data-items='2'] > .item:nth-child(-n+2), .owl-carousel[data-items='2'] > .team-2:nth-child(-n+2){display: block;}
.owl-carousel[data-items='3'] > .item, .owl-carousel[data-items='3'] > .team-2 {width: 365px;}
.owl-carousel[data-items='3'] > .item, .owl-carousel[data-items='3'] > .team-2 {display: none;}
.owl-carousel[data-items='3'] > .item:nth-child(-n+3), .owl-carousel[data-items='3'] > .team-2:nth-child(-n+3){display: block;}
.owl-carousel[data-items='4'] > .item, .owl-carousel[data-items='4'] > .team-2{width: 270px;}
.owl-carousel[data-items='4'] > .item, .owl-carousel[data-items='4'] > .team-2 {display: none;}
.owl-carousel[data-items='4'] > .item:nth-child(-n+4), .owl-carousel[data-items='4'] > .team-2:nth-child(-n+4) {display: block;}
/* Owl Carousel-7*/
.owl-carousel-7 > .item {float: left; margin-right: 5px;}
.owl-carousel-7 > .item{width: 279px;}
.owl-carousel-7 > .item {display: none;}
.owl-carousel-7 > .item:nth-child(-n+4) {display: block;}
/* Cars Top Filters Box */
.cars-top-filters-box { position: relative; }
.cars-top-filters-box .filter-loader { position: absolute; left: 0; text-align: center; top: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.48); z-index: 9; }
.cars-top-filters-box .filter-loader .cd-loader { position: absolute; top: 50%; left: 50%; margin-left: -14px; margin-top: -12px; }
/*--------------------*/
/* Style Classic List */
/*--------------------*/
.style-classic.car-grid { background: #fbfbfb; border: 1px solid #e8e8e8; }
.style-classic.car-grid .car-details .car-info { display: block; clear: both; background: #ffffff; padding: 15px; box-shadow: 0 5px 15px rgb(0 0 0 / 1%);}
.style-classic.car-grid .car-image .car-overlay-banner {display: none;}
.style-classic.car-grid .car-details .car-info-top-left { clear: both; width: 59%; display: inline-block; border-right: 3px solid #f5f5f5; padding-right: 10px; vertical-align: top; }
.style-classic.car-grid .car-details .vehicle-attributes-list ul li { display: block; font-size: 12px; padding: 3px 5px;}
.style-classic.car-grid .car-details .vehicle-attributes-list ul.vehicle-attributes { width: 50%; float: left; }
.style-classic.car-grid .car-details .vehicle-attributes-list ul strong { word-break: break-all; color: #323232;}
.style-classic.car-grid .car-details .car-info-top-right { width: 40%; display: inline-block; vertical-align: top; padding-left: 10px; }
.style-classic.car-grid .car-details .car-title a { margin-bottom: 0; }
.style-classic.car-grid .car-details .car-title a:before { display: none; }
.style-classic.car-grid .car-description { margin-top: 20px; }
.style-classic.car-grid .car-bottom { padding: 10px 20px; background: #ffffff; margin-top: 10px; clear: both; display: flex; align-items: center; margin-left: -15px; margin-right: -15px; margin-bottom: -15px; border-top: 1px solid #e8e8e8;}
.style-classic.car-grid .car-bottom .button.pull-right { float: none !important; display: inline-block; }
.style-classic.car-grid .car-bottom .car-bottom-actions { display: inline-block; padding: 7px 0; padding-top: 3px;}
.style-classic.car-grid .car-bottom .car-bottom-actions li { display: inline-block; list-style: none; margin-right: 20px; margin-top: 5px; }
.style-classic.car-grid .car-bottom .car-bottom-actions li a { color: #323232; }
.style-classic.car-grid .car-bottom .car-bottom-actions li a i { padding-right: 8px; color: #db2d2e; }
.style-classic.car-grid .car-bottom .car-bottom-actions li a:hover { color: #db2d2e; }
.style-classic.car-grid .car-bottom .car-review-stamps { display: inline-block; margin-left: auto; }
.style-classic.car-grid .car-bottom .car-review-stamps .car-vehicle-review-stamps { width: auto; text-align: right; margin-top: 0; display: flex; grid-gap: 8px;}
.style-classic.car-grid .car-bottom .car-review-stamps .car-vehicle-review-stamps a {display: inline-block;}
.style-classic.car-grid .car-bottom .car-review-stamps .car-vehicle-review-stamps img {height: 30px; margin: 0;}
.style-classic.car-grid .price span { font-size: 24px; }
.style-classic.car-grid .car-location p strong { display: block; }
.style-classic.car-grid .car-location p { margin-top: 8px; display: block; margin-bottom: 0; }
/* Car List Seller Info */
.all-cars-list-arch .car-grid .car-details .car-list-seller-info {display: flex; margin-top: 15px;}
.all-cars-list-arch .car-grid .car-details .car-list-seller-info .seller-info-thumb {margin-right: 10px;}
.all-cars-list-arch .car-grid .car-details .car-list-seller-info .seller-info-thumb img {width: 30px; height: auto; border-radius: 50px;}
.all-cars-list-arch .car-grid .car-details .car-list-seller-info .seller-info-details {align-self: center;}
.all-cars-list-arch .car-grid .car-details .car-list-seller-info .seller-info-details .seller-info-title a {color: inherit;}
.all-cars-list-arch .car-grid .car-details .car-list-seller-info .seller-info-details .seller-info-title a:hover {color: #db2d2e;}
/*--------------------*/
/* Style Classic Grid */
/*--------------------*/
.style-classic.car-item { text-align: left; }
.style-classic.car-item .car-overlay-banner { text-align: center; }
.style-classic.car-item .car-overlay-banner ul { top: 50%; }
.style-classic.car-item .car-overlay-banner li .pgs_wishlist {display: flex; justify-content: center; align-items: center; font-size: 0;}
.style-classic.car-item .car-overlay-banner li .pgs_wishlist i {font-size: initial;}
.style-classic.car-item .vehicle-attributes-list { margin-top: 10px; }
.style-classic.car-item .vehicle-attributes-list ul,
.style-classic.car-item .vehicle-attributes-list .vehicle-attributes { margin: 0; padding: 0; }
.style-classic.car-item .vehicle-attributes-list li { display: block; font-size: 12px; line-height: 16px; padding: 2px 0;}
.style-classic.car-item .vehicle-attributes-list li strong {color: #323232;}
.style-classic.car-item .car-vehicle-review-stamps {display: flex; flex-wrap: wrap; grid-gap: 10px;}
.style-classic.car-item .car-vehicle-review-stamps a {margin: 0;}
.style-classic.car-item .car-vehicle-review-stamps a img { margin: 0; height: 26px;}
.style-classic.car-item .car-item .car-content > a { margin-bottom: 4px; }
.style-classic.car-item .car-content ul.car-bottom-actions.classic-grid {margin-top: 20px;}
.style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li { list-style: none; display: inline-block; clear: both; text-align: center; }
.style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li a { color: #323232; background: #f5f5f5; padding: 6px 12px; font-size: 13px; margin-bottom: 0; min-width: 84px; }
.style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li a i { padding-right: 8px; }
.style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li:nth-child(2) { float: right; }
.style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li a:hover, .style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li a.popup-youtube:hover { background: #db2d2e; color: #ffffff; }
.col-lg-3 .style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li { margin-right: 4px; }
.col-lg-3 .style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li:nth-child(2) { float: none; margin-top: 4px; }
.style-classic.car-item.car-item-2 .car-content { padding: 20px; margin-bottom: 0; }
.style-classic.car-item.car-item-2 .car-content .price { text-align: center; }
.owl-carousel .owl-item .item .style-classic.car-item { margin-left: 1px; }
.style-classic.car-item.grey-bg .car-content ul.car-bottom-actions.classic-grid li a { background: #ffffff; }
/*.tab-vertical.tabs-left .tab-content .tab-pane .grid-item .style-classic.car-item.car-item-2 .car-content { padding: 20px 0;}*/
.product-listing.lazyload .cd-lazy-load-item .car-item.style-classic { border: 0; box-shadow: 0 0 1px 0 rgba(0,0,0,0.3); }
.product-listing .car-grid.style-classic .price span.old-price { display: block; }
.style-classic.car-grid .car-details .car-info-top-right .car-price,
.style-default.car-grid .car-details .car-price {display: flex; flex-wrap: wrap; gap: 5px;}
.style-classic.car-grid .car-details .car-info-top-right .car-price > p,
.style-default.car-grid .car-details .car-price > p {display: inline-block; align-self: center; background: #323232; color: #fff; padding: 1px 7px; border-radius: 2px; font-style: italic; font-size: 13px; margin: 0;}
/*--------------------*/
/* Product */
/*--------------------*/
.style-classic.car-item .vehicle-attributes-list ul li strong, .vehicle-attributes-list li strong { word-break: break-word; }
.car-item .vehicle-attributes-list .list-inline { text-align: left; margin-top: 20px; padding-left: 0; margin-left: 0; }
.car-item .vehicle-attributes-list .list-inline li { display: block; }
.owl-carousel.owl-theme { clear: both; }
.features-and-options-container .feature_list {
list-style-type: none;
padding: 0;
margin: 0;
}
.feature_list .feature_list_sub {
list-style-type: none;
padding: 0;
margin: 0;
padding-left: 15px;
}
/*===============================================*/
/* Form Group / Newsletter */
/*===============================================*/
.form-group input,
.form-group textarea,
.news-letter .form-control {
width: 100%;
resize: vertical;
background: #f6f6f6;
border: 1px solid transparent;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
margin-bottom: 15px;
}
.form-group input:focus,
.news-letter input:focus,
.form-group textarea:focus {
background: transparent;
border: 1px solid #db2d2e;
}
.mailchimp_newsletter .news-letter {
position: relative;
}
.mailchimp_newsletter .news-letter > span,
.mailchimp_newsletter .news-letter [class*='spinimg-form_newsletter_widget-'] {
position: absolute;
top: 10px;
right: 0px;
}
.mailchimp_newsletter .news-letter .newsletter-msg {
margin-top: 10px;
margin-bottom: 0;
color: red;
font-weight: 600;
}
/*===============================================*/
/* Pop-Up Widget */
/*===============================================*/
.pgs-popup-btn .icon-position-left i {
margin-right: 10px;
padding-left: 0;
}
.pgs-popup-btn .icon-position-right i {
margin-left: 10px;
padding-left: 0;
}
.pgs-popup-content-modal.mfp-hide {
display: block !important;
height: auto;
opacity: 0;
position: fixed;
visibility: hidden;
left: -5000px;
top: 0;
}
.pgs-popup-content-modal {
max-width: 800px;
background: #ffffff;
margin: 30px auto;
position: relative;
}
.pgs-popup-content-modal .pgs-popup-content {
overflow: hidden;
width: 100%;
}
.admin-bar .pgs-popup-content-modal {
margin-top: 62px;
}
.pgs-popup-content-modal .mfp-close {
position: sticky;
right: 0px;
top: 20px;
color: #ffffff;
opacity: 1;
float: right;
font-size: 30px;
margin-right: -50px;
margin-top: -12px;
}
.admin-bar .pgs-popup-content-modal .mfp-close {
top: 40px;
}
.pgs-popup-content-modal .vc_row[data-vc-full-width],
.pgs-popup-content-modal .vc_section[data-vc-full-width] {
width: 100% !important;
left: auto !important;
padding: 0 !important;
margin: 0 !important;
}
.pgs-popup-shortcode-wrapper.align-center {
text-align: center;
}
.pgs-popup-shortcode-wrapper.align-right {
text-align: right;
}
.cdhl_popup_wrapper > .pgs-popup-content-modal,
.pgs-popup-shortcode-wrapper > .pgs-popup-content-modal {
height: 0 !important;
}
/* Slider Arrow CSS */
.pgs-popup-content-modal .owl-carousel .owl-nav .owl-prev {left: 35px;}
.pgs-popup-content-modal .owl-carousel .owl-nav .owl-next {right: 35px;}
.pgs-popup-content-modal .owl-carousel:hover .owl-nav .owl-prev {left: 20px;}
.pgs-popup-content-modal .owl-carousel:hover .owl-nav .owl-next {right: 20px;}
.pgs-popup-content-modal .slick_sider.video-slider:hover .slick-slider .slick-prev {left: 15px;}
.pgs-popup-content-modal .slick_sider.video-slider:hover .slick-slider .slick-next {right: 15px;}
.pgs-popup-content-modal .owl-carousel .owl-item img {max-width: 100%;}
/***************************************/
/* Compare New */
/***************************************/
.cd-vehicle-compare-wrapper {
background-color: #ffffff;
}
.cd-vehicle-compare-wrapper .cd-vehicle-compare {
width: 100%;
overflow: auto;
padding: 0;
/* border-right: 1px solid #e8e8e8; */
}
.cd-vehicle-compare-wrapper.cd-vehicle-compare-wrapper-iframe .cd-vehicle-compare {
overflow: inherit;
}
.cd-vehicle-compare-wrapper:not(.cd-vehicle-compare-wrapper-iframe) .cd-vehicle-compare {
height: 550px;
}
.vehicle-compare-main-content {
position: relative;
z-index: 0;
}
.vehicle-compare-main-content-remove-link {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: -5px;
right: -5px;
background-color: #ffffff;
border-radius: 50%;
height: 30px;
width: 30px;
}
.vehicle-compare-main-content-remove-link .compare-remove-column {
color: #999999;
}
.vehicle-compare-main-content-remove-link .compare-remove-column:hover {
color: #db2d2e;
}
.vehicle-compare-main-content-remove-link .compare-remove-column i {
font-size: 20px;
transition: all 0.25s ease-in-out;
}
.cd-vehicle-compare-wrapper:not(.cd-vehicle-compare-wrapper-iframe) {overflow: hidden; position: relative;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare table {border-collapse: collapse; width: 100%; table-layout: fixed;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare table tbody .table-row.vehicle-row-odd .vehicle-column {background: #f6f6f6;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare th,
.cd-vehicle-compare-wrapper .cd-vehicle-compare td {font-size: 14px; line-height: 22px; padding: 10px; text-align: center;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare th {background:#f9f9f9;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare thead th.table-heading {position: sticky; top: 1px; z-index: 1; color: #323232; outline: 1px solid #dedede;z-index: 2;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare thead th.table-heading.table-label {width: 250px; left: 1px; z-index: 99;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare thead th.table-heading {width: 285px;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare tbody tr:first-child {position: relative; z-index: 1;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare tbody th {position: sticky; left: 1px; text-align: right; color: #323232; text-transform: uppercase;
font-weight: 600; font-size: 13px; outline: 1px solid #e8e8e8;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare th.table-label {z-index: 2;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare td .cardealer-lead-form-req-price-btn {display: inline-block; background: #323232; color: #ffffff;
text-align: center; padding: 5px 25px; font-size: 14px; font-weight: 400; margin-bottom: 0; transition: all 0.25s ease-out 0s;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare td .cardealer-lead-form-req-price-btn:hover {background: #db2d2e; color: #ffffff;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare table td a {text-align: center; display: block; vertical-align: top;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare table td a > img {margin-bottom: 10px;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare table td .price .old-price {text-decoration: line-through;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare table td .price > p {display: inline-block; background: #323232; color: #fff; padding: 1px 7px;
border-radius: 2px; font-style: italic; font-size: 13px; margin: 3px 10px;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare td .price bdi + bdi {margin-left: 5px;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare table td .col-sm-12 {display: flex; align-items: center; gap: 10px; margin: 5px 0;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare table td .col-sm-12 > span {white-space: nowrap;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare table td .cd-compare-select-wrapper {padding: 0 30px; text-align: left;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare table td .cd-compare-select-wrapper .cd-compare-select-field + .cd-compare-select-field {margin-top: 10px;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare table td .cd-compare-select-wrapper .cd-compare-select-field > .cd-compare-select-field-container {position: relative;}
.select2-container.select2-container--open .select2-dropdown.cd-compare-select-attr-dropdown,
.select2-container.select2-container--open .select2-dropdown.cd-compare-select-vehicle-dropdown {z-index: 1;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare .cd-compare-select-field.cd-compare-select-field-vehicle .select2.select2-container.cd-loading .select2-selection.select2-selection--single .select2-selection__rendered {
background: transparent url('http://select2.github.io/select2/select2-3.5.1/select2-spinner.gif') no-repeat calc(100% - 35px) !important;
}
.cd-vehicle-compare .vehicle-column-select_vehicle.vehicle-column-select_vehicle-2,
.cd-vehicle-compare .vehicle-column-select_vehicle.vehicle-column-select_vehicle-3,
.cd-vehicle-compare .vehicle-column-select_vehicle.vehicle-column-select_vehicle-4 {
/*display: none;*/
position: absolute !important;
visibility: hidden;
}
.cd-vehicle-compare [data-vehicle_count="0"] .vehicle-column-select_vehicle.vehicle-column-select_vehicle-2,
.cd-vehicle-compare [data-vehicle_count="0"] .vehicle-column-select_vehicle.vehicle-column-select_vehicle-3,
.cd-vehicle-compare [data-vehicle_count="0"] .vehicle-column-select_vehicle.vehicle-column-select_vehicle-4 {
/*display: block;*/
position: sticky !important;
visibility: visible;
}
.cd-vehicle-compare [data-vehicle_count="1"] .vehicle-column-select_vehicle.vehicle-column-select_vehicle-2,
.cd-vehicle-compare [data-vehicle_count="1"] .vehicle-column-select_vehicle.vehicle-column-select_vehicle-3 {
/*display: block;*/
position: sticky !important;
visibility: visible;
}
.cd-vehicle-compare [data-vehicle_count="2"] .vehicle-column-select_vehicle.vehicle-column-select_vehicle-2 {
/*display: block;*/
position: sticky !important;
visibility: visible;
}
/*---------------------------------*/
/* Compare PopUp */
/*---------------------------------*/
#cd-vehicle-compare-modal .modal-full {width: 98%;}
#cd-vehicle-compare-modal .modal-lg {width: 1140px;}
#cd-vehicle-compare-modal .modal-md {width: 800px;}
#cd-vehicle-compare-modal .modal-sm {width: 300px;}
#cd-vehicle-compare-modal .modal-header {display: flex; align-items: center; background: #323232; border-bottom: 0; padding: 10px 20px;}
#cd-vehicle-compare-modal .modal-header .modal-title {margin-right: auto; order: 1; color: #ffffff; font-size: 24px; margin-bottom: 0;}
#cd-vehicle-compare-modal .modal-header .close {opacity: 1; margin-left: auto; order: 2; color: #ffffff;}
#cd-vehicle-compare-modal .modal-body {height: calc( 100vh - 116px ); }
#cd-vehicle-compare-modal .modal-body .cd-vehicle-compare-content { height: 100%; }
#cd-vehicle-compare-modal .modal-body .cd-vehicle-compare-iframe {border: none;}
/* Compare PopUp Loader */
.cd-vehicle-compare-loading {
/* position: relative; */
overflow: hidden;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.cd-vehicle-compare-loading:before,
.cd-vehicle-compare-loader {
background-color: rgb(255,255,255);
background-image: url('../../images/loader_img/cd_loader.svg');
background-position: center center;
background-attachment: inherit;
background-size: 50px;
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
font-size: 0;
z-index: 9999;
}
.cd-vehicle-compare-loading:before{
content: "";
position: fixed;
width: 100%;
height: 100vh;
}
.cd-vehicle-compare-loading .cd-vehicle-compare-loader { display: block !important; }
/* Compare Responsive */
@media (max-width:479px) {
.cd-vehicle-compare-wrapper .cd-vehicle-compare thead th.table-heading.table-label {width: 170px;}
.cd-vehicle-compare-wrapper .cd-vehicle-compare thead th.table-heading {width: 220px;}
}
/***************************************/
/* Compare PopUp Form */
/***************************************/
#comparelist {background: #ffffff; padding-right: 0 !important;}
.admin-bar #comparelist {margin-top: 32px;}
#comparelist .modal-lg { width: 98%; }
#comparelist .modal-header { background: #323232; border-bottom: 0; padding: 5px 10px; }
#comparelist .modal-header h1 { color: #ffffff; font-size: 24px; margin-bottom: 0; }
#comparelist .modal-header .close_model { position: absolute; right: 15px; top: 13px; background: none; border: none; color: #fff; font-size: 30px; }
#comparelist .modal-body { overflow: auto; padding-top: 0; }
.fancybox-wrap { width: 90% !important; }
.fancybox-wrap .fancybox-inner { width: 100% !important; background: #4F4F4F; }
.fancybox-inner h1 { margin-bottom: 0; }
#comparelist .modal-content {
border: none;
}
#comparelist .modal-content .table-Wrapper {
display: flex;
margin: 0;
}
#comparelist .modal-content .table-Wrapper > .heading-Wrapper {
flex: none;
width: 250px;
}
#comparelist .modal-content .table-Wrapper > .table-scroll {
display: flex;
overflow: hidden;
overflow-x: auto;
padding: 0;
}
#comparelist .modal-content .table-Wrapper > .heading-Wrapper .cardealer-vehicle-compare-list-title {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 10px 20px;
color: #323232;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
min-height: 47px;
border-bottom: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
}
#comparelist .modal-content .table-Wrapper > .table-scroll #sortable {
display: flex;
overflow: hidden;
overflow-x: auto;
width: auto !important;
}
#comparelist .modal-content .table-Wrapper > .table-scroll .cardealer-vehicle-compare-list-column {
width: 280px;
flex: none;
}
#comparelist .modal-content .table-Wrapper > .table-scroll .cardealer-vehicle-compare-list-column:nth-child(odd) {
background: #f7f7f7;
}
#comparelist .modal-content .table-Wrapper > .table-scroll .cardealer-vehicle-compare-list-column.ui-sortable-helper,
#comparelist .modal-content .table-Wrapper > .table-scroll .cardealer-vehicle-compare-list-column.ui-sortable-helper:nth-child(odd) {
background: #fefaed;
}
#comparelist .modal-content .cardealer-vehicle-compare-list-column .cardealer-vehicle-compare-list-row .compare-remove-column {
border: 1px solid;
width: 15px;
height: 15px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 30px;
line-height: 10px;
font-size: 12px;
font-weight: 600;
color: #db2d2e;
}
#comparelist .modal-content .cardealer-vehicle-compare-list-column .cardealer-vehicle-compare-list-row .compare-remove-column span {
position: relative;
top: -1px;
}
#comparelist .modal-content .table-Wrapper > .table-scroll .cardealer-vehicle-compare-list-column .cardealer-vehicle-compare-list-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 10px 15px;
text-align: center;
min-height: 47px;
border-bottom: 1px solid #e7e7e7;
}
#comparelist .modal-content .cardealer-vehicle-compare-list-column .cardealer-vehicle-compare-list-row a {
display: inline-block;
}
#comparelist .modal-content .cardealer-vehicle-compare-list-column .cardealer-vehicle-compare-list-row .price.car-price {
display: inline-block;
width: 100%;
}
#comparelist .modal-content .cardealer-vehicle-compare-list-column .cardealer-vehicle-compare-list-row .price.car-price > p {
display: inline-block;
background: #323232;
color: #fff;
padding: 1px 7px;
border-radius: 2px;
font-style: italic;
font-size: 13px;
margin: 0 10px;
margin-top: 10px;
}
#comparelist .modal-content .table-Wrapper > .table-scroll .cardealer-vehicle-compare-list-column .cardealer-vehicle-compare-list-row .car-price .old-price {
text-decoration: line-through;
}
@media (max-width:479px) {
#comparelist .modal-content .table-Wrapper > .heading-Wrapper { width: 230px; }
}
/*===============================================*/
/* Pricing Plan Reviews */
/*===============================================*/
.woocommerce-Reviews {
margin-top: 30px;
}
.woocommerce-Reviews .comment-reply-title {
font-size: 16px;
color: #323232;
margin-bottom: 10px;
display: block;
font-weight: 600;
}
.woocommerce-Reviews .comment-form p,
.woocommerce-Reviews .comment-form .comment-form-rating {
margin-bottom: 15px;
}
.woocommerce-Reviews .comment-form .comment-form-author {
width: calc(50% - 15px);
float: left;
margin-right: 15px;
}
.woocommerce-Reviews .comment-form .comment-form-email {
width: calc(50% - 15px);
float: left;
margin-left: 15px;
}
.woocommerce-Reviews .comment-form label {
display: block;
width: 100%;
margin-bottom: 5px;
}
.woocommerce-Reviews .comment-form input[type="text"],
.woocommerce-Reviews .comment-form input[type="email"],
.woocommerce-Reviews .comment-form textarea {
width: 100%;
padding: 10px 15px;
border: 1px solid transparent;
background: #f6f6f6;
outline: none;
color: inherit;
}
.woocommerce-Reviews .comment-form input[type="text"]:focus,
.woocommerce-Reviews .comment-form input[type="email"]:focus,
.woocommerce-Reviews .comment-form textarea:focus {
border-color: #db2d2e;
}
.woocommerce-Reviews .comment-form .comment-form-rating {
clear: both;
}
.woocommerce-Reviews .comment-form select {
border: 1px solid transparent;
background: #f6f6f6;
padding: 12px 15px;
}
.woocommerce-Reviews .comment-form .comment-form-cookies-consent {
display: flex;
}
.woocommerce-Reviews .comment-form .comment-form-cookies-consent input {
margin: 0;
margin-top: 5px;
margin-right: 10px;
}
.woocommerce-Reviews .comment-form .comment-form-cookies-consent label {
margin: 0;
}
.woocommerce-Reviews .comment-form .form-submit {
margin-bottom: 0;
}
.woocommerce-Reviews .comment-form .form-submit .submit {
position: relative;
font-size: 14px;
line-height: 22px;
background: #db2d2e;
color: #ffffff;
padding: 10px 20px;
border: none;
transition: all 0.3s ease-in-out;
}
.woocommerce-Reviews .comment-form .form-submit .submit:hover {
background: #323232;
}
@media (max-width:992px) {
.woocommerce-Reviews .comment-form .comment-form-author,
.woocommerce-Reviews .comment-form .comment-form-email {
width: 100%;
float: none;
margin-right: 0;
margin-left: 0;
}
}
/* WebView */
.cardealer-webview #wpadminbar,
.cardealer-webview #header,
.cardealer-webview #footer,
.cardealer-webview #main .inner-intro,
.cardealer-webview #main .sidebar-right {
display: none;
}
.cardealer-webview #main .page-section-ptb {
padding: 0;
}
.cardealer-webview #main .page-section-ptb > .container > .row [class*="col-"]{
width: 100%
}
/*===============================================*/
/* Share Modal PopUp */
/*===============================================*/
.cardealer-share-action {
display: flex;
align-items: center;
gap: 8px;
}
.cardealer-share-action .cardealer-share-action-label {
font-size: 14px;
text-transform: none;
padding-right: 5px;
font-weight: normal;
}
.cardealer-share .cardealer-share-action-label {
margin-bottom: 0;
cursor: default;
}
.tooltip.cardealer-share-action-link-tooltip {
width: 60px;
}
.tooltip.cardealer-share-action-link-tooltip .tooltip-arrow {
left: 50%;
}
.cardealer-share .cardealer-share-modal .modal-content {
padding: 30px;
border-radius: 0px;
}
.cardealer-share .cardealer-share-modal .modal-header {
background: none;
border: 0;
padding: 0;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 15px;
margin-bottom: 30px;
}
.cardealer-share .cardealer-share-modal .modal-header .modal-title {
font-size: 20px;
color: #323232;
text-transform: capitalize;
}
.cardealer-share .cardealer-share-modal .modal-header button.close {
font-size: 30px;
opacity: 1;
color: #969696;
font-weight: 400;
}
.cardealer-share .cardealer-share-modal .modal-body {
padding: 0;
}
.cardealer-share .cardealer-share-modal .cardealer-share-links .cardealer-share-items {
position: relative;
right: 0;
opacity: 1;
bottom: 0;
z-index: 1;
display: flex !important;
flex-wrap: wrap;
grid-gap: 10px;
}
.cardealer-share .cardealer-share-modal .cardealer-share-links .cardealer-share-items li {
padding: 0;
margin: 0;
border: none;
}
.cardealer-share .cardealer-share-modal .cardealer-share-links .cardealer-share-items li a {
width: 45px;
height: 45px;
background: transparent;
color: #db2d2e;
line-height: 30px;
font-size: 16px;
padding: 0;
border: 1px solid #e3e3e3;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
}
.cardealer-share .cardealer-share-modal .cardealer-share-links .cardealer-share-items li a:hover {
background: #db2d2e;
border-color: #db2d2e;
color: #ffffff !important;
}
.cardealer-share .cardealer-share-modal .cardealer-share-links .cardealer-share-items li a img {
max-width: 100%;
width: 28px;
}
/* PopUp Center Screen */
.cardealer-share .cardealer-share-modal.modal {
text-align: center;
padding: 0!important;
z-index: 1070;
}
.cardealer-share .cardealer-share-modal.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.cardealer-share .cardealer-share-modal.modal .modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
/*===============================================*/
/* Extra Custom CSS */
/*===============================================*/
.custom-box-shadow {box-shadow: 0 10px 45px rgba(0,0,0,0.05);}
.vc_column-shadow .vc_column-inner {box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);}
.infobox-shadow .cdhl-infobox.style-2 {box-shadow: 0 11px 20px rgba(0,0,0,0.03);}
.bg-gradient-grey {background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, #f8faff 100%);}
.vc_section.bg-gradient-grey:before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, #f8faff 100%);}
.elementor-flex-grow > .elementor-widget-wrap {flex-grow: 1;}
/*===============================================*/
/* Feature Box Custom Widget CSS */
/*===============================================*/
.feature-box-custom .feature-box.style-7 {display: inline-flex;}
.feature-box-custom .feature-box:not(:hover) .icon i {color: var(--cd-primary-color);}
.feature-box-custom .feature-box .content {display: flex; flex-direction: column-reverse; justify-content: center; margin: 0;}
.feature-box-custom .feature-box .content p {font-size: 15px; line-height: 22px;}
.feature-box-custom .feature-box .content h6 {margin: 0; font-weight: 600; font-size: 18px;}
/*===============================================*/
/* Image Box Custom Widget CSS */
/*===============================================*/
.image-box-html {display: inline-block;}
.image-box-wrapper {display: flex; align-items: center; gap: 20px;}
.image-box-wrapper .image-wrapper {position: relative; padding: 5px; border: 2px solid var(--cd-primary-color); width: 80px; height: 80px; overflow: hidden; border-radius: 50px;}
.image-box-wrapper .image-wrapper img {max-width: 100%; border-radius: 60px;}
.image-box-wrapper .image-title {margin-bottom: 0;}
.image-box-wrapper .content {font-size: 15px;}
/*===============================================*/
/* 360 View Image */
/*===============================================*/
.fa-custom-view360 {
background-image: url('../../images/360_icon/360-degrees-24-white.png');
background-size: 22px;
background-repeat: no-repeat;
background-position: center center;
}
.vehicle-view360-popop {
position: relative;
background: #ffffff;
width: var(--vehicle-view360-popop-width);
margin: 0 auto;
}
/* 360 View Popup */
.vehicle-view360-popop .mfp-close {
position: absolute;
top: -40px;
right: -8px;
width: 30px;
height: 30px;
opacity: 1;
font-size: 30px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.vehicle-view360-popop .cloudimage-360-inner-box canvas{
vertical-align: top;
}
.vehicle-view360-popop .cloudimage-360-inner-box .cloudimage-360-loader {
top: auto;
bottom: 0;
height: 3px;
background-color: var(--cd-primary-color);
}
.vehicle-view360-popop .cloudimage-360-prev,
.vehicle-view360-popop .cloudimage-360-next,
.cd-vehicle-view360-inline .cloudimage-360-prev,
.cd-vehicle-view360-inline .cloudimage-360-next {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
background: #ffffff;
border: 1px solid #e3e3e3;
font-size: 18px;
margin-top: -22px;
transition: all .3s ease-out 0s;
}
.vehicle-view360-popop .cloudimage-360-prev:hover,
.vehicle-view360-popop .cloudimage-360-next:hover,
.cd-vehicle-view360-inline .cloudimage-360-prev:hover,
.cd-vehicle-view360-inline .cloudimage-360-next:hover {
color: #ffffff;
background: var(--cd-primary-color);
border-color: var(--cd-primary-color);
}
.vehicle-view360-popop .cloudimage-360-prev,
.cd-vehicle-view360-inline .cloudimage-360-prev {
left: 20px;
}
.vehicle-view360-popop .cloudimage-360-next,
.cd-vehicle-view360-inline .cloudimage-360-next {
right: 20px;
z-index: 102;
}
/* 360 View Inline */
.vehicle-view360.cloudimage-360.initialized .cloudimage-360-placeholder {
display: none;
}
.elementor-element-edit-mode .cloudimage-360-view-360-icon {
background-image: url('../../images/360_icon/360-rotate-icon.svg');
}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists