Sindbad~EG File Manager
/*=================================================
[ Table Of Contents ]
===================================================
:: General
:: Section Title
:: Accordion
:: Buttons
:: App Button
:: Blog Post 1
:: Blog Post 2
:: Call to Action
:: Counter
:: Color Variant
:: Hotspot
:: Hero Vehicle Banner
:: Potenza Custom Menu
:: Opening Hours
:: Potenza Icon
:: Potenza Video
:: Video Button
:: Potenza Video Slider
:: Clients
:: Timeline
:: List
:: Newsletter
:: Mailchimp
:: Quick Links
:: Blog
:: Team
:: Testimonial
:: Pricing Table
:: Skill
:: Feature Box
:: Infobox
:: Social Icons
:: Contact Form 7
:: Vehicles List
:: Potenza Share
:: Potenza Vehicles Conditions Tabs
:: Potenza Vehicles Search
:: Potenza Vehicles by Type
:: Potenza Custom Filters
:: Potenza Tab Vertical Multi Tab
:: PROMOCODE
:: Dealer List
:: 360 View Image
===================================================
[ End Table Contents ]
=================================================*/
/*===============================================*/
/* Section Title - Shortcode */
/*===============================================*/
.section-title {
margin-bottom: 60px;
text-align: center;
}
.section-title .separator {
position: relative;
margin-top: 10px;
display: inline-block;
}
.section-title .separator + p {
margin-top: 20px;
line-height: 24px;
}
.section-title.text-center .separator + p {
padding: 0 110px;
}
.section-title span {
margin-bottom: 2px;
display: block;
}
.section-title .separator:after {
width: 100px;
display: block;
margin: auto;
content: "";
height: 1px;
background: #db2d2e;
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;
}
.section-title .separator:before {
content: '';
display: block;
margin: auto;
left: 50%;
height: 1px;
width: 50px;
bottom: -15px;
background: #db2d2e;
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: 6px;
}
.elementor-section:hover .section-title .separator:before {
width: 100px;
left: 0;
}
.elementor-section:hover .section-title .separator:after {
width: 50px;
left: 0;
}
.text-white .main-title {
color: #ffffff;
}
/*----------------------*/
/* Title - Left */
/*----------------------*/
.text-left .section-title,
.section-title.text-left {
text-align: left;
}
.text-left .section-title .separator:before,
.section-title.text-left .separator:before,
.text-left .section-title .separator:after,
.section-title.text-left .separator:after {
left: 0;
margin-left: 0;
}
/*----------------------*/
/* Title - Right */
/*----------------------*/
.text-right .section-title,
.section-title.text-right {
text-align: right;
}
.text-right .section-title .separator:before,
.section-title.text-right .separator:before,
.text-right .section-title .separator:after,
.section-title.text-right .separator:after {
left: auto;
right: 0;
margin-right: 0;
}
/*----------------------*/
/* Dark Background */
/*----------------------*/
.row-background-dark .section-title {
color: #ffffff;
}
.row-background-dark .section-title span {
color: #ffffff;
}
.row-background-dark .section-title h2 {
color: #ffffff;
}
.row-background-dark .section-title p {
color: #ffffff;
}
/*----------------------*/
/* Title - Style 2 */
/*----------------------*/
.section-title.style_2 {
margin-bottom: 40px;
}
.section-title.style_2 .separator {
display: block;
}
.section-title.style_2 h1 {
color: #999999;
font-size: 70px;
margin-bottom: 0;
height: 36px;
overflow: hidden;
padding-top: 2px;
}
.section-title.style_2 h2 {
color: #999999;
font-size: 60px;
margin-bottom: 0;
height: 33px;
overflow: hidden;
}
.section-title.style_2 h3 {
color: #999999;
font-size: 50px;
margin-bottom: 0;
height: 30px;
overflow: hidden;
}
.section-title.style_2 h4 {
color: #999999;
font-size: 40px;
margin-bottom: 0;
height: 27px;
overflow: hidden;
}
.section-title.style_2 h5 {
color: #999999;
font-size: 30px;
margin-bottom: 0;
height: 20px;
overflow: hidden;
}
.section-title.style_2 h6 {
color: #999999;
font-size: 24px;
margin-bottom: 0;
height: 16px;
overflow: hidden;
}
.section-title.style_2 span {
display: inline-block;
color: #323232;
text-transform: uppercase;
font-size: 40px;
font-weight: 600;
line-height: 40px;
}
/*----------------------*/
/* Title - Style 3 */
/*----------------------*/
.section-title.style_3 {
margin-bottom: 0;
}
.section-title.style_3 .sub-title {
display: inline-flex;
align-items: center;
gap: 12px;
color: #db2d2e;
font-weight: 500;
margin-bottom: 10px;
}
.section-title.style_3 .sub-title label {
width: 70px;
height: 2px;
margin: 0;
margin-top: 2px;
border-top: 2px solid;
}
.section-title.style_3.text-right .sub-title {
direction: rtl;
}
.section-title.style_3 .main-title {
margin-bottom: 0;
}
.section-title.style_3 .main-title + p {
margin-top: 20px;
}
.section-title.style_3 p {
margin-bottom: 0;
}
.section-title.style_3 p + p {
margin-top: 10px;
}
/*----------------------*/
/* Title Underline */
/*----------------------*/
.title-underline {
display: block;
margin-bottom: 30px;
padding-bottom: 10px;
position: relative;
}
.title-underline:before {
background: #db2d2e;
content: "";
bottom: 0;
height: 2px;
left: 0;
position: absolute;
width: 20px;
}
/*===============================================*/
/* Accordion - Shortcode */
/*===============================================*/
.accordion .accordion-title {
font-size: 14px;
color: #000;
}
.accordion .accordion-title a {
text-transform: uppercase;
font-weight: 700;
background: transparent;
margin-top: 20px;
border: 1px solid #e3e3e3;
display: block;
position: relative;
color: #363636;
text-decoration: none;
padding: 11px 60px;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.accordion .accordion-title a:hover {
text-decoration: none;
background-color: transparent;
color: #db2d2e;
}
.accordion .accordion-title a.active {
color: #fff;
background-color: #db2d2e;
cursor: default;
border-color: #e3e3e3;
border-color: #db2d2e;
border-top: 0px;
}
.accordion .accordion-title a:after {
content: "\f078";
width: 20px;
height: 20px;
margin-top: -8px;
position: absolute;
top: 50%;
left: 20px;
font-family: "Font Awesome 5 Free";
speak: none;
font-style: normal;
font-weight: 900;
font-variant: normal;
text-transform: none;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #626262;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.accordion .accordion-title a.active:after,
.accordion .accordion-title a.active:hover:after {
content: "\f077";
color: #fff;
}
.accordion .accordion-title a.active:hover {
color: #ffffff;
}
.accordion .accordion-title a:hover:after {
color: #db2d2e;
}
.accordion-content {
padding: 25px;
border: 1px solid #e3e3e3;
}
/*----------------------*/
/* Accordion With Tab */
/*----------------------*/
#tabs,
.cardealer-tabs,
.cardealer-faq-tabs {
margin: 0;
padding: 0;
}
#tabs .tabs,
.cardealer-tabs .tabs,
.cardealer-faq-tabs .tabs {
position: relative;
margin: 0;
}
#tabs ul.tabs,
.cardealer-tabs ul.tabs,
.cardealer-faq-tabs ul.tabs {
padding-left: 0;
border: none;
}
#tabs .tabs li,
.cardealer-tabs .tabs li,
.cardealer-faq-tabs .tabs li {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
border-bottom: 3px solid transparent;
line-height: 25px;
padding: 0;
color: #363636;
overflow: hidden;
background: transparent;
margin-bottom: 0px;
display: inline-block;
margin: 0;
cursor: pointer;
position: relative;
margin-right: 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;
}
#tabs .tabcontent,
.cardealer-tabs .cardealer-tabcontent,
.cardealer-faq-tabs .cardealer-tabcontent {
overflow: hidden;
opacity: 1 !important;
}
.cars_condition_carousel-wrapper .cardealer-tabs .cardealer-tabcontent {
overflow: visible;
}
#tabs ul.tabs li.active,
#tabs ul.tabs li.active:focus,
#tabs ul.tabs li:hover,
.cardealer-tabs ul.tabs li.active,
.cardealer-tabs ul.tabs li.active:focus,
.cardealer-tabs ul.tabs li:hover ,
.cardealer-faq-tabs ul.tabs li.active,
.cardealer-faq-tabs ul.tabs li.active:focus,
.cardealer-faq-tabs ul.tabs li:hover {
border-bottom: 3px solid #db2d2e;
color: #db2d2e;
}
.tabcontent,
.cardealer-tabcontent {
margin-bottom: 20px;
margin-top: 20px;
}
.cardealer-faq-tabs ul.tabs li a,
.cardealer-faq-tabs ul.tabs li a:hover,
.cardealer-faq-tabs ul.tabs li a:focus,
.cardealer-tabs ul.tabs li a,
.cardealer-tabs ul.tabs li a:hover,
.cardealer-tabs ul.tabs li a:focus,
#tabs ul.tabs li a,
#tabs ul.tabs li a:hover,
#tabs ul.tabs li a:focus {
padding: 10px;
border: none;
color: inherit;
line-height: inherit;
background-color: inherit;
}
#tabs .tab-content .tab-pane,
.cardealer-tabs .tab-content .tab-pane,
.cardealer-faq-tabs .tab-content .tab-pane {
margin-bottom: 20px;
margin-top: 20px;
}
.faqs-wrapper .cardealer-tabs ul.tabs li,
.faqs-wrapper .cardealer-faq-tabs ul.tabs li,
.faqs-wrapper #tabs ul.tabs li {
float: none;
}
@media (min-width: 768px) {
.cardealer-tabs .cardealer-tabcontent .row,
.cardealer-faq-tabs .cardealer-tabcontent .row {
display: flex;
flex-wrap: wrap;
}
}
.pulse {
animation-name: pulse;
-webkit-animation-name: pulse;
-o-animation-name: pulse;
-ms-animation-name: pulse;
-moz-animation-name: pulse;
animation-duration: 0.4s;
-webkit-animation-duration: 0.4s;
-o-animation-duration: 0.4s;
-ms-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
}
/*----------------------*/
/* Pulse - Keyframes */
/*----------------------*/
@keyframes pulse {
0% {transform: scale(0.8); opacity: 0;}
100% {transform: scale(1); opacity: 1;}
}
@-webkit-keyframes pulse {
0% {transform: scale(0.8); opacity: 0;}
100% {transform: scale(1); opacity: 1;}
}
@-ms-keyframes pulse {
0% {transform: scale(0.8); opacity: 0;}
100% {transform: scale(1); opacity: 1;}
}
@-moz-keyframes pulse {
0% {transform: scale(0.8); opacity: 0;}
100% {transform: scale(1); opacity: 1;}
}
@-o-keyframes pulse {
0% {transform: scale(0.8); opacity: 0;}
100% {transform: scale(1); opacity: 1;}
}
/*===============================================*/
/* Button - Shortcode */
/*===============================================*/
.cdhl_button_wrapper {
display: block;
}
.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: 8px 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);
}
/*----------------------*/
/* Button Icon */
/*----------------------*/
.icon-position-left i {
margin-right: 10px;
}
.icon-position-right i {
margin-left: 10px;
}
.cdhl_button_wrapper .icon-position-left i,
.cdhl_button_wrapper .icon-position-right i {
padding-left: 0px;
padding-right: 0px;
}
/*----------------------*/
/* Button Size */
/*----------------------*/
.button.large {
padding: 14px 30px;
}
.button.medium {
padding: 10px 24px;
}
.button.small {
padding: 8px 20px;
}
.button.extra-small {
padding: 6px 16px;
font-size: 12px;
}
.button.extra-large {
font-size: 16px;
line-height: 24px;
padding: 15px 50px;
}
/*----------------------*/
/* Button Border */
/*----------------------*/
.button.border {
background: transparent;
border: 1px solid #e3e3e3;
color: #323232;
}
.button.border:before {
background: #db2d2e;
}
.button.border:hover,
.button.border:focus,
.button.border:active {
color: #ffffff;
border-color: #db2d2e;
}
/*----------------------*/
/* Button Aligment */
/*----------------------*/
.cdhl_popup_wrapper.align-left,
.cdhl_button_wrapper.align-left {
text-align: left;
}
.cdhl_popup_wrapper.align-center,
.cdhl_button_wrapper.align-center {
text-align: center;
}
.cdhl_popup_wrapper.align-right,
.cdhl_button_wrapper.align-right {
text-align: right;
}
.cdhl_popup_wrapper.btn-block .button,
.cdhl_button_wrapper.btn-block .button {
width: 100%;
}
/*===============================================*/
/* App Button - Shortcode */
/*===============================================*/
.cdhl_app-buttons_wrapper .cdhl_app_button_label {
font-size: 22px;
line-height: 30px;
margin-bottom: 15px;
font-weight: 500;
color: var(--label_color);
}
.cdhl_app-buttons_wrapper .cdhl_app_button_items_wrapper {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.cdhl_app-buttons_wrapper .pgs_app_btn {
display: flex;
text-align: inherit;
padding: 12px 30px 12px 25px;
}
.cdhl_app-buttons_wrapper .cdhl-app-btn-icon i {
font-size: 26px;
padding-left: 0;
}
.cdhl_app-buttons_wrapper .cdhl-app-btn-content {
border-left: 1px solid rgba(209,209,209,0.5);
padding-left: 18px;
margin-left: 18px;
line-height: normal;
}
.cdhl_app-buttons_wrapper .cdhl-app-btn-content .cdhl-app-btn-label {
display: block;
font-size: 12px;
}
.cdhl_app-buttons_wrapper .cdhl-app-btn-content .cdhl-app-btn-title {
font-size: 16px;
}
/* App Button Flat ---------------*/
.cdhl_app-buttons_wrapper .pgs_app_btn.flat {
color: var(--button_title_color);
background: var(--button_bg_color);
}
.cdhl_app-buttons_wrapper .pgs_app_btn.flat:hover {
color: var(--button_title_hover_color);
}
.cdhl_app-buttons_wrapper .pgs_app_btn.flat:before {
background: var(--button_bg_hover_color);
}
/* App Button Border -------------*/
.cdhl_app-buttons_wrapper .pgs_app_btn.border {
color: var(--button_title_color);
border-color: var(--button_bg_color);
}
.cdhl_app-buttons_wrapper .pgs_app_btn.border:hover {
color: var(--button_title_hover_color);
border-color: var(--button_bg_color);
}
.cdhl_app-buttons_wrapper .pgs_app_btn.border:before {
background: var(--button_bg_hover_color);
}
/*===============================================*/
/* Blog Post 1 - Shortcode */
/*===============================================*/
.cdhl_blog_post_1.grid.row {display: flex; flex-wrap: wrap;}
.cdhl-blog-post-1 {border: 1px solid #e8e8e8; background: #ffffff;}
.cdhl-blog-post-1 .blog-post-image {position: relative;}
.cdhl-blog-post-1.blog-no-image .blog-post-image .post-thumb {background: #cecece; min-height: 125px;}
.cdhl-blog-post-1 .blog-post-image .entry-date {position: absolute; top: 20px; right: 20px; background: #db2d2e; display: flex; flex-direction: column; align-items: center;
width: 100px; height: 90px; justify-content: center;}
.cdhl-blog-post-1 .blog-post-image .entry-date .day {font-size: 34px; font-weight: 700; color: #ffffff; line-height: 34px;}
.cdhl-blog-post-1 .blog-post-image .entry-date .month {font-size: 18px; color: #ffffff; line-height: 22px;}
.cdhl-blog-post-1 .blog-post-content {padding: 40px;}
.cdhl-blog-post-1 .blog-post-content .post-category {display: block; margin-bottom: 7px;}
.cdhl-blog-post-1 .blog-post-content .post-category a {color: #969696; font-size: 14px; text-transform: uppercase; transition: all .25s ease-out 0s;}
.cdhl-blog-post-1 .blog-post-content .post-category a:hover {color: #db2d2e;}
.cdhl-blog-post-1 .blog-post-content .post-title {font-size: 26px; line-height: 34px; margin-bottom: 15px;}
.cdhl-blog-post-1 .blog-post-content .post-title a {transition: all .25s ease-out 0s;}
.cdhl-blog-post-1 .blog-post-content .post-title a:hover {color: #db2d2e;}
.cdhl-blog-post-1 .blog-post-content .read-link,
.cdhl-blog-post-1 .blog-post-content .read-link:hover {display: inline-flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 500; line-height: 28px; position: relative;}
.cdhl-blog-post-1 .blog-post-content .read-link:after {content: ""; width: 0; height: 1px; background: #db2d2e; position: absolute; left: 0; bottom: 0; transition: all .25s ease-out 0s;}
.cdhl-blog-post-1 .blog-post-content .read-link:hover:after {width: 100%;}
/* Grid Item Top Margin */
@media (min-width: 991px) {
.cdhl_blog_post_1.grid .cdhl-blog-post-1 {margin-top: 30px;}
.cdhl_blog_post_1.grid .col-md-6:nth-child(-n+2) .cdhl-blog-post-1,
.cdhl_blog_post_1.grid .col-md-4:nth-child(-n+3) .cdhl-blog-post-1 {margin-top: 0px;}
}
@media (max-width: 991px) and (min-width: 768px) {
.cdhl_blog_post_1.grid .cdhl-blog-post-1 {margin-top: 30px;}
.cdhl_blog_post_1.grid .col-sm-6:nth-child(-n+2) .cdhl-blog-post-1 {margin-top: 0px;}
}
@media (max-width: 767px) {
.cdhl_blog_posts_1.row {display: block;}
.cdhl-blog-post-1 .blog-post-content {padding: 30px;}
}
/*===============================================*/
/* Blog Post 2 - Shortcode */
/*===============================================*/
.cdhl_blog_post_2_wrapper {display: flex; gap: 50px;}
.cdhl_blog_post_2_wrapper .cdhl-blog-post-left {width: 50%; flex: none;}
.cdhl_blog_post_2_wrapper .cdhl-blog-post-left .blog-post-content {margin-top: 20px;}
.cdhl_blog_post_2_wrapper .blog-post-image .post-thumb {background: #cecece; min-height: 140px;}
.cdhl_blog_post_2_wrapper .blog-post-content .entry-date {color: #969696; font-size: 16px; margin-bottom: 7px;}
.cdhl_blog_post_2_wrapper .blog-post-content .post-title {font-size: 30px; line-height: 40px; margin-bottom: 10px;}
.cdhl_blog_post_2_wrapper .blog-post-content .post-title a {transition: all .25s ease-out 0s;}
.cdhl_blog_post_2_wrapper .blog-post-content .post-title a:hover {color: #db2d2e;}
/* Right Small Post */
.cdhl_blog_post_2_wrapper .cdhl-blog-post-right {width: 100%;}
.cdhl_blog_post_2_wrapper .cdhl-blog-post-right .blog-post-item {display: flex; gap: 30px; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #e8e8e8;}
.cdhl_blog_post_2_wrapper .cdhl-blog-post-right .blog-post-item:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.cdhl_blog_post_2_wrapper .cdhl-blog-post-right .blog-post-content {align-self: center;}
.cdhl_blog_post_2_wrapper .cdhl-blog-post-right .blog-post-image .post-thumb {width: 130px; height: 140px; min-height: inherit;}
.cdhl_blog_post_2_wrapper .cdhl-blog-post-right .blog-post-image .post-thumb img {object-fit: cover; width: 100%; height: 100%;}
.cdhl_blog_post_2_wrapper .cdhl-blog-post-right .post-title {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
/* Read More Link */
.cdhl_blog_post_2_wrapper .blog-post-content .read-link,
.cdhl_blog_post_2_wrapper .blog-post-content .read-link:hover {display: inline-flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 500; line-height: 28px; position: relative;}
.cdhl_blog_post_2_wrapper .blog-post-content .read-link:after {content: ""; width: 0; height: 1px; background: #db2d2e; position: absolute; left: 0; bottom: 0; transition: all .25s ease-out 0s;}
.cdhl_blog_post_2_wrapper .blog-post-content .read-link:hover:after {width: 100%;}
/*===============================================*/
/* Call to Action - Shortcode */
/*===============================================*/
.call-to-action {
background: #f6f6f6;
position: relative;
-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;
z-index: 1;
overflow: hidden;
}
.call-to-action .action-info {
position: relative;
z-index: 9;
}
.call-to-action i {
font-size: 48px;
line-height: 100px;
color: #db2d2e;
width: 100%;
-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;
}
.call-to-action h5 {
text-transform: uppercase;
padding: 0 0 10px;
margin-top: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.call-to-action p {
font-weight: 400;
padding: 15px 20px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.call-to-action a {
display: block;
font-size: 14px;
font-weight: 100;
color: #808080;
margin: 25px 0 15px;
position: relative;
z-index: 3;
line-height: 14px;
}
.call-to-action .action-img {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 0;
opacity: 0;
z-index: 0;
background-size: cover;
background-position: center 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;
}
.call-to-action .border {
position: absolute;
background: #db2d2e;
height: 0px;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
-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;
}
.call-to-action:hover .action-img,
.call-to-action.active .action-img {
opacity: 1;
}
.call-to-action:hover .border,
.call-to-action.active .border {
height: 45px;
}
.call-to-action:hover i,
.call-to-action.active i {
color: #fff;
}
.call-to-action:hover h5,
.call-to-action.active h5,
.call-to-action:hover p,
.call-to-action.active p {
color: #fff;
}
.call-to-action:hover a,
.call-to-action.active a {
color: #fff;
}
.call-to-action:hover:before,
.call-to-action.active:before {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
color: #fff;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
-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;
}
.call-to-action.button-hide .border {
display: none;
}
/*===============================================*/
/* Counter - Shortcode */
/*===============================================*/
.counter {
text-align: center;
}
.counter b {
font-size: 28px;
display: block;
color: var(--counter_color);
font-weight: bold;
margin: 10px 0px 0px;
}
.counter h6 {
color: var(--label_color);
position: relative;
padding-bottom: 10px;
margin: 10px 0px 30px;
}
.counter h6:before {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: var(--separator_color);
left: 50%;
margin-left: -10px;
bottom: 0px;
}
.counter i {
font-size: 32px;
color: var(--icon_color);
}
.counter.icon .content {
display: table-cell;
text-align: left;
vertical-align: top;
}
.counter.icon b {
font-size: 40px;
display: block;
color: var(--counter_color);
font-weight: 600;
margin: 0px 0px 10px;
}
.counter.icon h6 {
font-weight: 500;
font-size: 12px;
position: relative;
padding-bottom: 10px;
margin: 0;
}
.counter.icon h6:before {
display: none;
}
.counter.icon i{
font-size: 40px;
position: relative;
top: 15px;
}
.counter.icon i:before {
color: #999999;
}
.counter.icon.left .icon {
display: table-cell;
padding-right: 20px;
}
.counter.icon.left .icon i {
line-height: 42px;
}
.counter.icon.right .icon {
float: right;
display: inline-block;
padding-left: 20px;
}
.counter.icon.right .icon i {
line-height: 42px;
}
.counter.icon.right .content {
display: inline-block;
float: right;
text-align: right;
vertical-align: top;
}
/*----------------------*/
/* Left - Separator */
/*----------------------*/
.counter.left-separator {
position: relative;
}
.counter.left-separator .separator:after {
position: absolute;
bottom: 0;
float: left;
height: 50px;
display: block;
margin: auto;
content: "";
width: 1px;
background: var(--separator_color);
left: 5px;
transition: height .8s ease, background-color .8s ease;
-webkit-transition: height .8s ease, background-color .8s ease;
-o-transition: height .8s ease, background-color .8s ease;
-ms-transition: height .8s ease, background-color .8s ease;
-moz-transition: height .8s ease, background-color .8s ease;
}
.counter.left-separator .separator:before {
position: absolute;
bottom: 0;
float: left;
content: '';
display: block;
margin: auto;
width: 1px;
height: 30px;
background: var(--separator_color);
transition: height .8s ease, background-color .8s ease;
-webkit-transition: height .8s ease, background-color .8s ease;
-o-transition: height .8s ease, background-color .8s ease;
-ms-transition: height .8s ease, background-color .8s ease;
-moz-transition: height .8s ease, background-color .8s ease;
margin-right: 10px;
}
.counter.left-separator .info {
margin-left: 30px;
display: block;
text-align: left;
}
.counter.left-separator .info i {
font-size: 34px;
color: var(--icon_color);
display: inline-block;
margin-right: 10px;
}
.counter.left-separator .info b {
display: inline-block;
font-size: 40px;
font-weight: 600;
margin: 10px 0px;
}
.counter.left-separator h6 {
margin: 0px;
}
.counter.left-separator h6:before {
display: none;
}
/*----------------------*/
/* Lines */
/*----------------------*/
.box-border .vc_row-fluid > [class*='vc_col-'] {
border-left: 1px solid #dedede;
border-top: 1px solid #dedede;
text-align: center;
}
.box-border .vc_row-fluid > [class*='vc_col-'] > [class*='vc_column-'] {
padding: 20px 30px;
}
.box-border .vc_row-fluid > [class*='vc_col-']:first-child {
border-left: none;
}
.box-border .vc_row-fluid:first-child > [class*='vc_col-'],
.box-border .cd-space + .vc_row-fluid > [class*='vc_col-'] {
border-top: none;
}
/*----------------------*/
/* Style 2-3 */
/*----------------------*/
.counter.counter-style-2,
.counter.counter-style-3 {
display: flex;
align-items: flex-start;
}
.counter.icon.counter-style-2 .icon,
.counter.icon.counter-style-3 .icon {
display: flex;
float: none;
}
.counter.icon.counter-style-2 .icon i,
.counter.icon.counter-style-3 .icon i {
line-height: normal;
top: 0;
}
.counter.icon.counter-style-2 .icon i:before,
.counter.icon.counter-style-3 .icon i:before {
color: inherit;
}
.counter.icon.counter-style-2 .content,
.counter.icon.counter-style-3 .content {
display: block;
}
.counter.counter-style-2.right,
.counter.counter-style-3.right {
flex-direction: row-reverse;
}
/*----------------------*/
/* Style 5 */
/*----------------------*/
.counter.counter-style-5 .timer {
font-size: 60px;
font-weight: 500;
line-height: 1;
color: var(--counter_color);
}
.counter.counter-style-5 .counter-title {
margin: 0;
padding: 0;
margin-top: 15px;
color: var(--label_color) !important;
}
.counter.counter-style-5 .counter-title:before {
content: normal;
}
.counter.counter-style-5 .timer:after {
content: attr(data-suffix);
padding-left: 10px;
}
/*===============================================*/
/* Color Variant - Shortcode */
/*===============================================*/
.cdhl-color-variant .cdhl-variant-images .variant-image {
display: none;
transition: all .3s ease-in-out;
}
.cdhl-color-variant .cdhl-variant-images .variant-image.active {
display: block;
}
.cdhl-color-variant .cdhl-variant-colors {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
margin-top: 30px;
}
.cdhl-color-variant .cdhl-variant-colors .cdhl-variant-color {
cursor: pointer;
border-radius: 3px;
border: 2px solid #ffffff;
outline: 2px solid #e8e8e8;
transition: all .2s ease-in-out;
}
.cdhl-color-variant .cdhl-variant-colors .cdhl-variant-color:hover,
.cdhl-color-variant .cdhl-variant-colors .cdhl-variant-color.active {
outline-color: #323232;
}
/* Variant Text */
.cdhl-color-variant .cdhl-variant-colors .variant-type-text {
padding: 2px 10px;
font-size: 14px;
font-weight: 500;
border: none;
}
/*===============================================*/
/* Hotspot - Shortcode */
/*===============================================*/
.cdhl-image-hotspot {
position: relative;
}
.cdhl-image-hotspot .image-hotspot {
position: absolute;
display: inline-block;
}
.cdhl-image-hotspot .cdhl-hotspot-contents-wrapper {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
/*-------------------------*/
/* Trigger Style 1 */
/*-------------------------*/
.cdhl-image-hotspot .hotspot-dot {
position: relative;
font-size: 15px;
}
.cdhl-image-hotspot .dot-style-1 {
height: 28px;
width: 28px;
border: 2px solid #db2d2e;
display: inline-block;
text-align: center;
border-radius: 30px;
line-height: 20px;
cursor: pointer;
margin: 20px;
vertical-align: top;
}
.cdhl-image-hotspot .dot-style-1 span {
height: 8px;
width: 8px;
background-color: #db2d2e;
display: inline-block;
border-radius: 10px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -4px;
margin-top: -4px;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.cdhl-image-hotspot .image-hotspot.hotspot-visible .dot-style-1 span,
.cdhl-image-hotspot .image-hotspot:hover .dot-style-1 span{
height: 16px;
width: 16px;
margin-left: -8px;
margin-top: -8px;
}
/*-------------------------*/
/* Trigger Style 2 */
/*-------------------------*/
.cdhl-image-hotspot .dot-style-2 {
margin: 20px;
}
.cdhl-image-hotspot .dot-style-2:before {
height: 28px;
width: 28px;
background-color: #db2d2e;
display: inline-block;
text-align: center;
border-radius: 30px;
font-size: 12px;
line-height: 30px;
cursor: pointer;
content: "\f067";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #ffffff;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.cdhl-image-hotspot .image-hotspot.hotspot-visible .dot-style-2:before,
.cdhl-image-hotspot .image-hotspot:hover .dot-style-2:before{
transform: rotate(45deg);
}
.cdhl-image-hotspot .dot-style-2 span {
display: none;
}
/*-------------------------*/
/* Popup Position */
/*-------------------------*/
.cdhl-image-hotspot .hotspot-content {
position: absolute;
width: 300px;
min-height: 110px;
background: #fff;
padding: 35px;
z-index: 5;
text-align: left;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.cdhl-image-hotspot .image-hotspot.trigger-click.hotspot-visible .hotspot-content,
.cdhl-image-hotspot .image-hotspot.trigger-hover:hover .hotspot-content {
opacity: 1;
visibility: visible;
}
.cdhl-image-hotspot .image-hotspot.hotspot-open .hotspot-content {
opacity: 1;
visibility: visible;
}
.cdhl-image-hotspot .hotspot-content.hotspot-dropdown-left {
right: 55px;
top: -20px;
}
.cdhl-image-hotspot .trigger-hover:hover .hotspot-content.hotspot-dropdown-left {
right: 65px;
}
.cdhl-image-hotspot .trigger-click.hotspot-visible .hotspot-content.hotspot-dropdown-left {
right: 65px;
}
.cdhl-image-hotspot .hotspot-content.hotspot-dropdown-right {
left: 55px;
top: -20px;
}
.cdhl-image-hotspot .trigger-hover:hover .hotspot-content.hotspot-dropdown-right {
left: 65px;
}
.cdhl-image-hotspot .trigger-click.hotspot-visible .hotspot-content.hotspot-dropdown-right {
left: 65px;
}
.cdhl-image-hotspot .hotspot-content.hotspot-dropdown-down,
.cdhl-image-hotspot .hotspot-content.hotspot-dropdown-up {
left: -86px;
}
.cdhl-image-hotspot .hotspot-content.hotspot-dropdown-up {
bottom: 55px;
}
.cdhl-image-hotspot .trigger-hover:hover .hotspot-content.hotspot-dropdown-up {
bottom: 65px;
}
.cdhl-image-hotspot .trigger-click.hotspot-visible .hotspot-content.hotspot-dropdown-up {
bottom: 65px;
}
.cdhl-image-hotspot .hotspot-content.hotspot-dropdown-down {
top: 55px;
}
.cdhl-image-hotspot .trigger-hover:hover .hotspot-content.hotspot-dropdown-down {
top: 65px;
}
.cdhl-image-hotspot .trigger-click.hotspot-visible .hotspot-content.hotspot-dropdown-down {
top: 65px;
}
/*-------------------------*/
/* Hotspot Content */
/*-------------------------*/
.cdhl-image-hotspot-wrapper {
display: inline-block;
position: relative;
}
.cdhl-image-hotspot-wrapper .hotspot-content-image {
margin-bottom: 15px;
}
.cdhl-image-hotspot-wrapper .hotspot-content-text {
font-size: 16px;
line-height: 26px;
}
.cdhl-image-hotspot-wrapper .hotspot-title{
font-size: 22px;
line-height: 30px;
font-weight: 600;
color: #323232;
margin-bottom: 15px;
}
.cdhl-image-hotspot-wrapper .hotspot-btn a {
font-size: 14px;
padding: 10px 25px;
line-height: 18px;
background-color: #db2d2e;
color: #ffffff;
display: inline-block;
}
.cdhl-image-hotspot-wrapper .hotspot-btn a:hover {
background-color: #323232;
color: #ffffff;
}
/* Background : Light -----------------*/
.cdhl-hotspot-light-bg .hotspot-content {
background-color: #ffffff;
-webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.07);
-moz-box-shadow: 0 4px 15px rgba(0,0,0,0.07);
box-shadow: 0 4px 15px rgba(0,0,0,0.07);
}
.cdhl-hotspot-light-bg .hotspot-dropdown-left:after,
.cdhl-hotspot-light-bg .hotspot-dropdown-left:before {
border-left-color: #ffffff;
}
.cdhl-hotspot-light-bg .hotspot-dropdown-right:after,
.cdhl-hotspot-light-bg .hotspot-dropdown-right:before {
border-right-color: #ffffff;
}
.cdhl-hotspot-light-bg .hotspot-dropdown-down:after,
.cdhl-hotspot-light-bg .hotspot-dropdown-down:before {
border-bottom-color: #ffffff;
}
.cdhl-hotspot-light-bg .hotspot-dropdown-up:after,
.cdhl-hotspot-light-bg .hotspot-dropdown-up:before {
border-top-color: #ffffff;
}
.cdhl-hotspot-light-bg .hotspot-content-text {
color: #969696;
}
/* Background : Dark ----------------*/
.cdhl-hotspot-dark-bg .hotspot-dropdown-left:after,
.cdhl-hotspot-dark-bg .hotspot-dropdown-left:before {
border-left-color: #252525;
}
.cdhl-hotspot-dark-bg .hotspot-dropdown-right:after,
.cdhl-hotspot-dark-bg .hotspot-dropdown-right:before {
border-right-color: #252525;
}
.cdhl-hotspot-dark-bg .hotspot-dropdown-down:after,
.cdhl-hotspot-dark-bg .hotspot-dropdown-down:before {
border-bottom-color: #252525;
}
.cdhl-hotspot-dark-bg .hotspot-dropdown-up:after,
.cdhl-hotspot-dark-bg .hotspot-dropdown-up:before {
border-top-color: #252525;
}
.cdhl-hotspot-dark-bg .hotspot-content {
background-color: #252525;
}
/* Background : Theme -----------------*/
.cdhl-hotspot-theme-bg .hotspot-content {
background-color: #db2d2e;
}
.cdhl-hotspot-theme-bg .hotspot-dropdown-left:after,
.cdhl-hotspot-theme-bg .hotspot-dropdown-left:before {
border-left-color: #db2d2e;
}
.cdhl-hotspot-theme-bg .hotspot-dropdown-right:after,
.cdhl-hotspot-theme-bg .hotspot-dropdown-right:before {
border-right-color: #db2d2e;
}
.cdhl-hotspot-theme-bg .hotspot-dropdown-down:after,
.cdhl-hotspot-theme-bg .hotspot-dropdown-down:before {
border-bottom-color: #db2d2e;
}
.cdhl-hotspot-theme-bg .hotspot-dropdown-up:after,
.cdhl-hotspot-theme-bg .hotspot-dropdown-up:before {
border-top-color: #db2d2e;
}
/* Hotspot Background Dark ------------------*/
.cdhl-hotspot-dark-bg .hotspot-title {
color: #ffffff;
}
.cdhl-hotspot-theme-bg .hotspot-title {
color: #ffffff;
}
.cdhl-hotspot-dark-bg .hotspot-btn a:hover {
background-color: #ffffff;
color: #db2d2e;
}
.cdhl-hotspot-dark-bg .hotspot-content-text {
color: #a1a1a1;
}
/* Hotspot Background Theme ------------------*/
.cdhl-hotspot-theme-bg .hotspot-content-text {
color: #ffffff;
}
.cdhl-hotspot-theme-bg .hotspot-btn a {
background-color: #ffffff;
color: #db2d2e;
}
.cdhl-hotspot-theme-bg .hotspot-btn a:hover {
background-color: #323232;
color: #ffffff;
}
/*===============================================*/
/* Hero Vehicle Banner - Shortcode */
/*===============================================*/
.hero-vehicle-info-wrapper {
position: relative;
}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-inner.container {
width: auto;
max-width: 1170px;
}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item {background-color: #cccccc; background-image: var(--bg-image); background-size: cover;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-content {display: flex; flex-direction: column; justify-content: center; padding: 50px 0; height: 600px; min-height: 400px; padding-right: 30%; overflow: hidden;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-title {
font-size: var(--font-size);
font-weight: var(--font-weight);
color: var(--title_color);
line-height: var(--line-height);
margin-bottom: 25px;
font-family: var(--font-family);
font-style: var(--font-style);
text-transform: var(--text-transform);
text-decoration: var(--text-decoration);
letter-spacing: var(--letter-spacing);
word-spacing: var(--word-spacing);
margin-bottom: 25px;
}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-description {font-size: 17px; color: var(--description_color); margin: 0; padding-right: 25%;}
/* Custom Height & Padding Top --------------------*/
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item {
padding-top: var(--slider_top_spacing);
}
.hero-vehicle-info-wrapper.hero-vehicle-info-wrapper-slider-height-full-height .hero-vehicle-info-carousel-item-content {
height: calc(100vh - 190px - var(--slider_top_spacing));
}
.hero-vehicle-info-wrapper.hero-vehicle-info-wrapper-slider-height-custom .hero-vehicle-info-carousel-item-content {
height: var(--slider_height_value);
}
/* Hero Vehicle Bottom Info --------------------*/
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta {display: flex;}
/* Hero Vehicle Bottom Meta Info ---------------*/
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-specs {display: flex; gap: 15px; width: 100%; padding: 30px 0; border-top: 1px solid rgba(255,255,255,0.2);}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-specs .hero-vehicle-info-carousel-item-meta-spec {width: 25%; flex: 2;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-specs .hero-vehicle-info-carousel-item-meta-spec-icon {display: block; color: var(--attribute_icon_color); font-size: 38px; line-height: 40px; margin-bottom: 15px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-specs .hero-vehicle-info-carousel-item-meta-spec-title {color: var(--attribute_text_color); font-size: 22px; line-height: 26px; margin-bottom: 5px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-specs .hero-vehicle-info-carousel-item-meta-spec-subtitle {font-size: 16px; color: var(--attribute_text_color); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;}
/* Hero Vehicle Bottom Meta Data ---------------*/
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data {display: flex; align-items: center; flex: none; background: var(--box_color); width: 500px; min-height: 190px; padding: 35px 50px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-left {width: 55%;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-right {width: 45%; padding-left: 30px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-make-label {display: block; color: var(--box_text_color); margin-bottom: 10px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-title {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 24px; line-height: 32px; color: var(--box_text_color); margin: 0;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-price > span {display: block; color: var(--box_text_color); margin-bottom: 5px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-price .price {display: flex; flex-direction: column;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-price .old-price {color: var(--box_text_color); font-size: 16px; font-weight: 500; line-height: 26px; text-decoration: line-through;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-price .new-price {color: var(--box_text_color); font-size: 24px; font-weight: 500; margin-bottom: 15px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-price .car-buy-online-btn {margin: 0; margin-bottom: 5px; padding: 0 15px;
line-height: 24px; font-weight: 500;}
/* Hero Vehicle Button ---------------*/
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-link .hero-vehicle-info-carousel-item-meta-data-link {position: relative; overflow: hidden; z-index: 0; background: #ffffff; color: #323232; text-transform: uppercase; font-weight: 500; padding: 13px 25px; white-space: nowrap; font-size: 13px; display: inline-block; line-height: 20px; border-radius: 3px; transition: all .25s ease-in-out;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-link .hero-vehicle-info-carousel-item-meta-data-link:hover {color: #ffffff;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-link .hero-vehicle-info-carousel-item-meta-data-link:before {
content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #323232; transform: translateY(100%); transition: all .5s ease-out 0s;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-link .hero-vehicle-info-carousel-item-meta-data-link:hover:before { transform: scaleY(1); transition-timing-function: cubic-bezier(0.52,1.64,0.37,0.50);}
/* Button Dark Color */
.hero-vehicle-info-wrapper .carousel-item-btn-color-style-dark .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-link .hero-vehicle-info-carousel-item-meta-data-link {background: #323232; color: #ffffff;}
.hero-vehicle-info-wrapper .carousel-item-btn-color-style-dark .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-link .hero-vehicle-info-carousel-item-meta-data-link:hover {color: #323232;}
.hero-vehicle-info-wrapper .carousel-item-btn-color-style-dark .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-link .hero-vehicle-info-carousel-item-meta-data-link:before {background: #ffffff;}
/* Button Theme Color */
.hero-vehicle-info-wrapper .carousel-item-btn-color-style-theme_primary .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-link .hero-vehicle-info-carousel-item-meta-data-link {background: var(--cd-primary-color); color: #ffffff;}
.hero-vehicle-info-wrapper .carousel-item-btn-color-style-theme_primary .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-link .hero-vehicle-info-carousel-item-meta-data-link:hover {color: #ffffff;}
.hero-vehicle-info-wrapper .carousel-item-btn-color-style-theme_primary .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-link .hero-vehicle-info-carousel-item-meta-data-link:before {background: #323232;}
/* Hero Vehicle Slide Arrow ---------------*/
:root {
--width-container: 1170px;
--white-space-container: calc((100vw - var(--width-container)) / 2);
}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-nav {position: absolute; right: calc((100vw - var(--width-container)) / 2); z-index: 2; top: var(--slider_top_spacing); bottom: 190px; display: flex; flex-direction: column; justify-content: center; margin-right: 5px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-nav .slick-arrow {position: relative; left: auto; top: auto; right: auto; margin: 5px 0; width: 45px; height: 90px; display: flex; justify-content: center; align-items: center; background: rgb(255 255 255 / 10%); color: #ffffff; border: 2px solid rgba(255,255,255,0.1); opacity: 1; transition: all 0.25s ease-in-out;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-nav .slick-arrow:before {opacity: 1; font-size: 22px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-nav .slick-arrow:hover {background: rgb(255 255 255 / 30%);}
.content-wrapper .container .elementor-section.elementor-section-full_width .hero-vehicle-info-wrapper .hero-vehicle-info-carousel-nav,
.content-wrapper .container .elementor-section.elementor-section-boxed .hero-vehicle-info-wrapper .hero-vehicle-info-carousel-nav,
.elementor-section.elementor-section-boxed .hero-vehicle-info-wrapper .hero-vehicle-info-carousel-nav {right: 10px;}
.content-wrapper .container .elementor-section.elementor-section-full_width .hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-content,
.content-wrapper .container .elementor-section.elementor-section-boxed .hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-content,
.elementor-section.elementor-section-boxed .hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-content {padding-right: 120px;}
/* Transition Slide Animation ---------------*/
.hero-vehicle-info-wrapper.hero-vehicle-info-wrapper-slide-transition-slide .hero-vehicle-info-carousel-item-title {position: relative; transition: all .80s ease-in-out; transition-delay: 0.1s;}
.hero-vehicle-info-wrapper.hero-vehicle-info-wrapper-slide-transition-slide .hero-vehicle-info-carousel-item-description {position: relative; transition: all .90s ease-in-out; transition-delay: 0.2s;}
/* Animation Next Slide ---------------*/
.hero-vehicle-info-wrapper.hero-vehicle-info-wrapper-slide-transition-slide .hero-vehicle-info-carousel-items.slide-to-left .hero-vehicle-info-carousel-item-title {left: 100px;}
.hero-vehicle-info-wrapper.hero-vehicle-info-wrapper-slide-transition-slide .hero-vehicle-info-carousel-items.slide-to-left .slick-slide.slick-active .hero-vehicle-info-carousel-item-title {left: 0;}
.hero-vehicle-info-wrapper.hero-vehicle-info-wrapper-slide-transition-slide .hero-vehicle-info-carousel-items.slide-to-left .hero-vehicle-info-carousel-item-description {left: 100px;}
.hero-vehicle-info-wrapper.hero-vehicle-info-wrapper-slide-transition-slide .hero-vehicle-info-carousel-items.slide-to-left .slick-slide.slick-active .hero-vehicle-info-carousel-item-description {left: 0;}
/* Text Animation Previous Slide ---------------*/
.hero-vehicle-info-wrapper.hero-vehicle-info-wrapper-slide-transition-slide .hero-vehicle-info-carousel-items.slide-to-right .hero-vehicle-info-carousel-item-title {right: 100px;}
.hero-vehicle-info-wrapper.hero-vehicle-info-wrapper-slide-transition-slide .hero-vehicle-info-carousel-items.slide-to-right .slick-slide.slick-active .hero-vehicle-info-carousel-item-title {right: 0;}
.hero-vehicle-info-wrapper.hero-vehicle-info-wrapper-slide-transition-slide .hero-vehicle-info-carousel-items.slide-to-right .hero-vehicle-info-carousel-item-description {right: 100px;}
.hero-vehicle-info-wrapper.hero-vehicle-info-wrapper-slide-transition-slide .hero-vehicle-info-carousel-items.slide-to-right .slick-slide.slick-active .hero-vehicle-info-carousel-item-description {right: 0;}
/*---------------------------------*/
/* Bottom Meta Info ---------------*/
/*---------------------------------*/
.hero-vehicle-info-wrapper {container-type: inline-size; container-name: meta-data;}
@container meta-data (max-width: 900px) and (min-width: 685px) {
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-specs .hero-vehicle-info-carousel-item-meta-spec-title {font-size: 18px; line-height: 24px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-specs .hero-vehicle-info-carousel-item-meta-spec-subtitle {font-size: 15px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data {width: 320px; min-height: 150px; padding: 30px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-left {width: 50%;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-right {width: 50%; padding-left: 20px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-title {font-size: 22px; line-height: 28px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-price .old-price {font-size: 14px; line-height: 24px;}
.hero-vehicle-info-wrapper .hero-vehicle-info-carousel-item-meta-data .hero-vehicle-info-carousel-item-meta-data-price .new-price {font-size: 20px;}
}
/*===============================================*/
/* Potenza Custom Menu - Shortcode */
/*===============================================*/
.potenza-custom-menu.horizontal .widget {
margin-bottom: 0;
}
.potenza-custom-menu.horizontal ul.menu {
width: 100%;
display: table;
}
.potenza-custom-menu.horizontal ul.menu li {
background: #db2d2e;
padding: 0;
position: relative;
display: table-cell;
width: auto;
text-align: center;
letter-spacing: 2px;
border-left: 2px solid rgba(255,255,255,0.3);
}
.potenza-custom-menu.horizontal ul.menu li a {
position: relative;
z-index: 1;
color: #ffffff;
width: 100%;
display: block;
text-transform: uppercase;
font-size: 16px;
padding: 62px 0 22px;
}
.potenza-custom-menu.horizontal ul.menu li:last-child {
border-right: 2px solid rgba(255,255,255,0.3);
}
.potenza-custom-menu.horizontal ul.menu li.glyph-icon {
position: relative;
padding-right: 0;
font-size: 40px;
line-height: 40px;
margin-bottom: 14px;
color: #ffffff;
z-index: 0;
}
.potenza-custom-menu.horizontal ul.menu li.glyph-icon:before {
color: #ffffff;
position: absolute;
left: 0;
right: 0;
top: 20px;
z-index: 0;
}
.potenza-custom-menu.horizontal ul.menu li:hover,
.potenza-custom-menu.horizontal ul.menu li.glyph-icon:hover,
.potenza-custom-menu.horizontal ul.menu li.active {
background: #ffffff;
color: #db2d2e;
}
.potenza-custom-menu.horizontal ul.menu li:hover a,
.potenza-custom-menu.horizontal ul.menu li.glyph-icon:hover:before,
.potenza-custom-menu.horizontal ul.menu li.active a,
.potenza-custom-menu.horizontal ul.menu li.glyph-icon.active:before {
color: #db2d2e;
}
.potenza-custom-menu.horizontal.sticky {
position: fixed;
top: 0;
left: 0px;
right: 0px;
padding: 0 50px;
z-index: 9999;
width: 100%;
background: #db2d2e;
}
.potenza-custom-menu.horizontal.sticky ul.menu li a {
padding: 58px 0 22px;
}
/*----------------------*/
/* Vertical */
/*----------------------*/
.potenza-custom-menu.vertical ul.menu li {
position: relative;
}
.potenza-custom-menu.vertical ul.menu li a {
background: #f6f6f6;
display: block;
padding: 10px 20px 10px 42px;
}
.potenza-custom-menu.vertical ul.menu li.glyph-icon:before {
position: absolute;
padding: 13px 16px;
line-height: 20px;
-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;
}
.potenza-custom-menu.vertical ul.menu li:hover a,
.potenza-custom-menu.vertical ul.menu li.glyph-icon:hover:before {
color: #db2d2e;
}
/*===============================================*/
/* Opening Hours - Shortcode */
/*===============================================*/
.opening-hours h6 {
position: relative;
padding-bottom: 10px;
margin-bottom: 15px;
}
.opening-hours h6:before {
content: "";
position: absolute;
left: 0;
bottom: 0px;
width: 20px;
height: 2px;
background: #db2d2e;
}
.elementor-section .opening-hours ul {
padding: 0;
margin: 0;
}
.opening-hours ul li {
display: flex;
list-style-type: none;
margin: 3px 0;
}
.opening-hours strong {
display: inline-block;
width: 100px;
flex: none;
color: #363636;
margin-right: 10px;
}
/*===============================================*/
/* Potenza Icon : Tab Vertical - Shortcode */
/*===============================================*/
.potenza-icon.icon-left {
text-align: left;
}
.potenza-icon.icon-center {
text-align: center;
}
.potenza-icon.icon-right {
text-align: right;
}
/*===============================================*/
/* Potenza Video - Shortcode */
/*===============================================*/
.play-video .play-video-bg {
position: relative;
padding: 100px 0 300px;
}
.play-video .play-video-bg h3 {
line-height: 40px;
margin-bottom: 0px;
}
.play-video .video-info {
position: relative;
z-index: 1;
}
.play-video .video-info img {
margin-bottom: 0;
}
.play-video .video-info a {
width: 90px;
height: 90px;
padding: 8px;
background: transparent;
border: 2px solid #ffffff;
display: inline-block;
margin: 0 auto;
border-radius: 50%;
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: 9999;
font-size: 20px;
}
.play-video .video-info a i {
width: 70px;
height: 70px;
line-height: 72px;
background: #ffffff;
color: #db2d2e;
border-radius: 50%;
padding-left: 4px;
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;
}
.play-video .video-info a:hover i {
background: #323232;
color: #ffffff;
}
.play-video .video-info:before {
background: rgba(219, 45, 46, 0.8);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
/*===============================================*/
/* Video Button */
/*===============================================*/
.cdhl_video-button_wrapper {
display: inline-block;
}
.cdhl_video-button_wrapper .video-info {
position: relative;
z-index: 1;
}
.cdhl_video-button_wrapper .video-info a {
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
color: var(--video_button_icon_color);
background: var(--video_button_background_color);
border-radius: 100px;
font-size: 20px;
transform: scale(1);
transition: all 0.3s ease-in-out;
}
.cdhl_video-button_wrapper .video-info a:hover {
background: var(--video_button_background_hover__color);
color: var(--video_button_icon_hover_color);
transform: scale(0.9);
}
.cdhl_video-button_wrapper .video-info:after,
.cdhl_video-button_wrapper .video-info a:after,
.cdhl_video-button_wrapper .video-info a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid var(--video_button_background_color);
border-radius: 50%;
animation: squares 2.9s linear 0s infinite;
-webkit-animation: squares 2.9s linear 0s infinite;
animation-play-state: running;
-ms-animation: squares 2.9s linear 0s infinite;
-o-animation: squares 2.9s linear 0s infinite;
animation-play-state: running;
opacity: 0;
}
.cdhl_video-button_wrapper .video-info:after {
z-index: -1;
animation-delay: 0s;
}
.cdhl_video-button_wrapper .video-info a:before {
animation-delay: 1s;
}
.cdhl_video-button_wrapper .video-info a:after {
animation-delay: 2s;
}
@keyframes squares {
0% {transform: scale(1); opacity: 0;}
20% {transform: scale(1.24); opacity: 1;}
to {transform: scale(2.1); opacity: 0;}
}
/*===============================================*/
/* Potenza Video Slider - Shortcode */
/*===============================================*/
.slick_sider.video-slider .slick-track iframe {
width: 100% !important;
border: none;
}
.slick_sider.video-slider .sliderSidebar .item {
padding: 5px;
}
.slick_sider.video-slider .item img {
cursor: pointer;
margin-bottom: 0;
}
.slick_sider.video-slider .item:focus {
outline: none;
}
.slick_sider.video-slider .slick-prev,
.slick_sider.video-slider .slick-next {
opacity: 0;
background: #db2d2e;
border-radius: 50%;
border: 0px solid #e3e3e3;
}
.slick_sider.video-slider .slick-prev:hover,
.slick_sider.video-slider .slick-prev:focus,
.slick_sider.video-slider .slick-next:hover,
.slick-slider .slick-next:focus {
background: #323232;
border-color: #323232;
}
.slick_sider.video-slider .slick-next:before {
content: '\f105';
font-family: "Font Awesome 5 Free";
font-size: 20px;
line-height: 30px;
text-align: center;
color: #ffffff;
font-weight: 600;
}
.slick_sider.video-slider .slick-prev:before {
content: '\f104';
font-family: "Font Awesome 5 Free";
font-size: 20px;
line-height: 30px;
text-align: center;
color: #ffffff;
font-weight: 600;
}
.slick_sider.video-slider .slick-next:hover:before,
.slick_sider.video-slider .slick-prev:hover:before {
color: #ffffff;
}
.slick_sider.video-slider:hover .slick-slider .slick-next {
right: -15px;
opacity: 1;
}
.slick_sider.video-slider:hover .slick-slider .slick-prev {
left: -15px;
opacity: 1;
}
.slick_sider.video-slider .slider-nav .slick-next,
.slick_sider.video-slider .slider-nav .slick-prev {
display: none !important;
}
.slick_sider.video-slider:hover .slick-next {
right: 15px;
}
.slick_sider.video-slider:hover .slick-prev {
left: 15px;
}
/*===============================================*/
/* Our Clients : Tab Vertical - Shortcode */
/*===============================================*/
.our-clients .owl-carousel .owl-item {
text-align: center;
}
.elementor-widget-cdhl_clients .cdhl_clients_wrapper {
min-height: 1px;
}
.our-clients .owl-carousel .owl-item img {
display: inline;
}
.our-clients .owl-carousel > .item {
width: 18%;
}
.our-clients .owl-carousel > .item:nth-child(n+6) {
display: none;
}
.our-clients .row > [class*='col-'] .item {
margin: 10px 0;
}
.our-clients .row > [class*='col-'] .item img {
padding: 10px;
}
/*===============================================*/
/* Timeline - Shortcode */
/*===============================================*/
.wrapper ul.timeline {
list-style: none;
padding: 20px 0 20px;
margin: 0;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 1px;
background-color: #dedede;
left: 50%;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 100px;
position: relative;
}
.timeline > li:last-child {
margin-bottom: 20px;
}
.timeline > li:before,
.timeline > li:after {
content: "";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline .timeline-body p {
line-height: 24px;
}
.timeline > li > .timeline-panel {
width: 50%;
float: left;
border: 1px solid #dedede;
border-radius: 2px;
padding: 20px;
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;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
.timeline > li.timeline-inverted + li:not(.timeline-inverted),
.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
margin-top: -60px;
}
.timeline > li:not(.timeline-inverted) {
padding-right: 90px;
}
.timeline > li.timeline-inverted {
padding-left: 90px;
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
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;
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
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;
}
.timeline > li > .timeline-badge {
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -25px;
background-color: #ffffff;
border: 1px solid #dedede;
z-index: 5;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
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;
}
.timeline > li > .timeline-badge h4 {
line-height: 50px;
color: #323232;
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;
}
.timeline .timeline-heading h5 {
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
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;
}
.timeline .timeline-heading h5:before {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: #db2d2e;
left: 0px;
bottom: 0px;
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;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline > li:hover > .timeline-badge {
background-color: #db2d2e;
}
.timeline > li:hover > .timeline-panel {
background: #db2d2e;
color: #ffffff;
border-color: transparent;
}
.timeline > li:hover > .timeline-panel:after {
border-left-color: #db2d2e;
}
.timeline > li.timeline-inverted:hover > .timeline-panel:after {
border-right-color: #db2d2e;
}
.timeline > li:hover > .timeline-panel h5,
.timeline > li:hover > .timeline-badge h4 {
color: #ffffff;
}
.timeline > li:hover > .timeline-panel h5:before {
background: #ffffff;
}
/*----------------------*/
/* Button Border */
/*----------------------*/
.button.gray {
background: #f6f6f6;
color: #323232;
}
.button.gray:before {
background: #db2d2e;
}
.button.gray:hover,
.button.gray:focus,
.button.gray:active {
color: #ffffff;
}
/*===============================================*/
/* List - Shortcode */
/*===============================================*/
ul.list-none li {line-height: 30px;}
ul.list {margin: 0; padding: 0;}
ul.list li {list-style-type: none; margin: 3px 0;}
ul.list li > i {margin-right: 8px; color: #db2d2e;}
ul.list li > svg {margin-right: 8px; width: 12px; fill: #db2d2e;}
/*---------------------------------*/
/* List Custom CSS */
/*---------------------------------*/
.cd-list-new ul.list li {margin: 8px 0; font-weight: 500; color: #262c48;}
.cd-list-new ul.list li > i {margin-right: 12px; font-size: 16px;}
.entry-content .cdhl_lists_wrapper ul.list,
.comment-content .cdhl_lists_wrapper ul.list {
padding-left: 0;
margin-left: 0;
}
.elementor-section .elementor-widget-text-editor ol,
.elementor-section .elementor-widget-text-editor ul {
padding-left: 0;
margin-left: 0;
}
.elementor-section .elementor-widget-text-editor ol li,
.elementor-section .elementor-widget-text-editor ul li {
list-style-position: inside;
}
/*===============================================*/
/* Newsletter - Shortcode */
/*===============================================*/
.news-letter-main {
display: flex;
align-items: center;
padding: 0;
margin: 0;
}
.news-letter-main .news-letter-form {
position: relative;
margin: 15px 0;
}
.news-letter-main .news-letter-form input {
background: #ffffff;
display: inline-block;
height: 48px;
border: 1px solid #ffffff;
margin-bottom: 0;
}
.news-letter-main .news-letter-form input:focus {
border-color: #db2d2e;
}
.news-letter-main .news-letter-form a.button.red {
padding: 13px 20px;
float: right;
}
.news-letter-main .news-letter-form a.button.red:before {
background: #323232;
color: #ffffff;
}
.news-letter-main .news-letter-form a.button.red:focus,
.news-letter-main .news-letter-form a.button.red:hover {
color: #ffffff;
}
.news-letter-main h4 {
margin-bottom: 5px;
margin-top: 6px;
color: #db2d2e;
}
.news-letter-main .news-letter-form .cd-loader{
right: 115px;
top: 14px;
}
.news-letter-main .newsletter-msg {
color: #fff;
padding: 5px 10px;
background: #db2d2e;
position: absolute;
left: 20px;
top: 43px;
right: 20px;
box-shadow: 0px 3px 12px #0000005e;
z-index: 1;
}
.news-letter-main .newsletter-msg:before {
bottom: 100%;
left: 10px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #db2d2e;
border-width: 8px;
margin-left: 0;
}
/*--------------------*/
/* Dark Background */
/*--------------------*/
.newsletter-color-dark .text-white {
color: #999999;
}
.news-letter-main.newsletter-color-dark .news-letter-form input {
background: #f6f6f6;
border: 1px solid #f6f6f6;
}
/*-------------------------------*/
/* Newsletter : Style 2 */
/*-------------------------------*/
.news-letter.style-2 .cdhl_newsletter_inner {
display: inline-block;
width: 100%;
}
.news-letter.style-2 .mailchimp-newsletter-form {
margin: 0;
}
.news-letter.style-2 .newsletter-control-wrapper {
display: flex;
gap: 10px;
}
.news-letter.style-2 .newsletter-control-wrapper .input-control {
width: 100%;
position: relative;
}
.news-letter.style-2 .newsletter-control-wrapper .input-control input {
height: 52px;
font-size: 15px;
background: transparent;
}
.news-letter.style-2 .newsletter-control-wrapper .input-control input:not(:focus) {
border-color: #e8e8e8;
}
.news-letter.style-2 .newsletter-control-wrapper .button-control .button {
padding: 15px 60px;
float: none;
}
.news-letter.style-2 .newsletter-control-wrapper .cd-loader {
right: 15px;
}
/* Newsletter Light */
.news-letter.style-2.newsletter-color-light .newsletter-control-wrapper .button:hover {
color: #323232;
}
.news-letter.style-2.newsletter-color-light .newsletter-control-wrapper .button:before {
background: #ffffff;
}
.news-letter.style-2.newsletter-color-light .newsletter-control-wrapper .input-control input {
color: #ffffff;
}
.news-letter.style-2.newsletter-color-light .newsletter-control-wrapper .input-control input:not(:focus) {
border-color: rgba(255,255,255,0.3);
}
.news-letter.style-2.newsletter-color-light .newsletter-control-wrapper .input-control input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: rgba(255,255,255,0.4);
}
.news-letter.style-2.newsletter-color-light .newsletter-control-wrapper .input-control input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: rgba(255,255,255,0.4);
}
.news-letter.style-2.newsletter-color-light .newsletter-control-wrapper .input-control input::-ms-input-placeholder { /* Microsoft Edge */
color: rgba(255,255,255,0.4);
}
/*-------------------------------*/
/* Newsletter : Style 3 */
/*-------------------------------*/
.news-letter.style-3 .cdhl_newsletter_inner {
display: inline-block;
width: 100%;
}
.news-letter.style-3 .mailchimp-newsletter-form {
margin: 0;
}
.news-letter.style-3 .newsletter-control-wrapper {
display: flex;
gap: 10px;
position: relative;
}
.news-letter.style-3 .newsletter-control-wrapper .input-control {
width: 100%;
position: relative;
}
.news-letter.style-3 .newsletter-control-wrapper .input-control input {
height: 52px;
font-size: 15px;
padding: 0;
padding-right: 180px;
background: transparent;
border: none;
border-bottom: 1px solid #e8e8e8;
}
.news-letter.style-3 .newsletter-control-wrapper .input-control input:focus {
border-bottom-color: #db2d2e;
}
.news-letter.style-3 .newsletter-control-wrapper .button-control {
position: absolute;
right: 0;
top: 0;
}
.news-letter.style-3 .newsletter-control-wrapper .button-control .button {
padding: 11px 40px;
float: none;
}
.news-letter.style-3 .newsletter-control-wrapper .cd-loader {
right: 160px;
}
/* Newsletter Light */
.news-letter.style-3.newsletter-color-light .newsletter-control-wrapper .button:hover {
color: #323232;
}
.news-letter.style-3.newsletter-color-light .newsletter-control-wrapper .button:before {
background: #ffffff;
}
.news-letter.style-3.newsletter-color-light .newsletter-control-wrapper .input-control input {
color: #ffffff;
border-bottom-color: rgba(255,255,255,0.4);
}
.news-letter.style-3.newsletter-color-light .newsletter-control-wrapper .input-control input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: rgba(255,255,255,0.4);
}
.news-letter.style-3.newsletter-color-light .newsletter-control-wrapper .input-control input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: rgba(255,255,255,0.4);
}
.news-letter.style-3.newsletter-color-light .newsletter-control-wrapper .input-control input::-ms-input-placeholder { /* Microsoft Edge */
color: rgba(255,255,255,0.4);
}
/*===============================================*/
/* Mailchimp - Shortcode */
/*===============================================*/
.cdhl-mailchimp .mc4wp-form > .mc4wp-form-fields {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px 15px;
}
.cdhl-mailchimp .mc4wp-form > .mc4wp-form-fields > p {
margin: 0;
}
.cdhl-mailchimp .mc4wp-form > .mc4wp-form-fields > p > label {
display: flex;
gap: 0 10px;
white-space: nowrap;
align-items: center;
margin: 0;
padding: 0;
}
.cdhl-mailchimp .mc4wp-form > .mc4wp-form-fields label + input {
margin-top: 5px;
}
.cdhl-mailchimp .mc4wp-form>.mc4wp-form-fields input,
.cdhl-mailchimp .mc4wp-form>.mc4wp-form-fields > p > label > input {
font-size: 14px;
min-width: 280px;
height: 48px;
color: inherit;
background: #f6f6f6;
border: 1px solid #f6f6f6;
padding: 0 15px;
margin-left: 0px;
transition: all 0.3s ease-out 0s;
}
.cdhl-mailchimp .mc4wp-form > .mc4wp-form-fields input:focus {
border-color: #db2d2e;
}
.cdhl-mailchimp .mc4wp-form > .mc4wp-form-fields input[type="submit"] {
font-size: 14px;
line-height: 22px;
text-align: center;
border: 0 solid transparent;
background: #db2d2e;
color: #fff;
min-width: inherit;
text-transform: capitalize;
min-height: 48px;
padding: 5px 20px;
transition: all 0.3s ease-out 0s;
}
.cdhl-mailchimp .mc4wp-form > .mc4wp-form-fields > p > input[type="submit"] {
margin-left: 0;
}
.cdhl-mailchimp .mc4wp-form > .mc4wp-form-fields input[type="submit"]:hover {
background: #323232;
color: #fff;
}
/* Mailchimp Light */
.cdhl-mailchimp.mailchimp-color-light .mc4wp-form > .mc4wp-form-fields p label {
color: #ffffff;
}
.cdhl-mailchimp.mailchimp-color-light .mc4wp-form > .mc4wp-form-fields input {
background: #ffffff;
border: 1px solid #ffffff;
}
.cdhl-mailchimp.mailchimp-color-light .mc4wp-form > .mc4wp-form-fields input:focus {
border-color: #db2d2e;
}
.cdhl-mailchimp.mailchimp-color-light .mc4wp-form > .mc4wp-form-fields input[type="submit"] {
border: none;
width: auto;
}
/*===============================================*/
/* Quick Links - Shortcode */
/*===============================================*/
.q-link-full .wpb_wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.cdhl_quick-links_wrapper {
display: flex;
flex-wrap: wrap;
}
.q-link {
flex: 2;
min-width: 16.6666%;
background: #ffffff;
padding: 30px 15px;
border: 1px solid #e8e8e8;
margin-right: -1px;
border-top: 0px;
text-align: center;
cursor: pointer;
}
.q-link:hover {
background: #ffffff;
}
.q-link i {
margin-bottom: 40px;
font-size: 30px;
width: 80px;
height: 80px;
line-height: 80px;
color: #323232;
border: 1px solid #f1f1f1;
display: inline-block;
text-align: center;
border-radius: 50%;
-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;
}
.q-link svg {
margin-bottom: 40px;
font-size: 30px;
width: 80px;
height: 80px;
line-height: 80px;
fill: #323232;
border: 25px solid transparent;
outline: 1px solid #f1f1f1;
display: inline-block;
text-align: center;
border-radius: 50%;
-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;
}
.q-link h6 {
margin-bottom: 0px;
-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;
}
.q-link.box-hover:hover {
background: #db2d2e;
padding-bottom: 30px;
}
.q-link.box-hover:hover i{
color: #ffffff;
}
.q-link.box-hover:hover svg {
fill: #ffffff;
}
.q-link.box-hover:hover h6{
color: #ffffff;
}
/*===============================================*/
/* Blog - Shortcode */
/*===============================================*/
[class*='col-'] > .blog-1,
[class*='col-'] > .blog-2{
margin-bottom: 30px;
}
.our-blog.our-blog-grid .row {
display: flex;
flex-wrap: wrap;
}
/*----------------------*/
/* Blog - Style 1 */
/*----------------------*/
.blog-1 .blog-content {
padding-left: 30px;
}
.blog-1 .blog-content a.link {
text-transform: uppercase;
position: relative;
padding-bottom: 10px;
line-height: 24px;
font-size: 18px;
color: #363636;
font-weight: 600;
font-family: 'Roboto', sans-serif;
display: block;
margin-bottom: 20px;
}
.blog-1 .blog-content a.link:before {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: #db2d2e;
left: 0px;
bottom: 0px;
}
.blog-1 .blog-content a.link:hover {
color: #db2d2e;
}
.blog-1 .blog-content p {
margin-top: 25px;
}
.blog-1 .blog-content a.button {
margin-top: 20px;
display: inline-block;
}
.our-blog-list_view > .row {
margin: 0;
}
/*----------------------*/
/* Blog - Style 2 */
/*----------------------*/
.blog-2 .blog-image {
position: relative;
}
.blog-2.blog-no-image .blog-content {
margin: 0px 0px 0;
}
.blog-2.blog-no-image .blog-image {
background: #ffffff;
margin: 0;
min-height: inherit;
}
.blog-2.blog-no-image .blog-image .date-box {
position: relative;
left: auto;
top: auto;
}
.blog-2.blog-no-image .blog-image .date-box span {
padding-top: 15px;
padding-bottom: 35px;
margin-bottom: 0;
}
.blog-2.blog-no-image .blog-image + .blog-content {
margin: -20px 10px 0;
}
.blog-2 .blog-image .date-box {
position: absolute;
left: 20px;
top: 20px;
}
.blog-2 .blog-image .date-box span {
padding: 7px 14px;
background: #db2d2e;
line-height: 18px;
color: #ffffff;
font-weight: 600;
display: block;
text-align: center;
text-transform: capitalize;
}
.blog-2 .blog-content {
background: #ffffff;
position: relative;
margin: 0 0 0;
-webkit-box-shadow: 0px 3px 0px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 3px 0px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 0px 1px rgba(0, 0, 0, 0.1);
}
.blog-2 .blog-image + .blog-content {
margin: -20px 10px 0;
}
.blog-2 .blog-admin-main {
padding-left: 20px;
border-bottom: 1px solid #e3e3e3;
}
.blog-2 .blog-content .blog-admin {
clear: both;
display: inline-block;
padding: 10px 0 4px;
}
.blog-2 .blog-content .blog-admin img {
width: 50px;
height: 50px;
display: table-cell;
float: left;
border-radius: 50%;
margin-bottom: 0;
}
.blog-2 .blog-content .blog-admin span {
float: left;
vertical-align: middle;
font-size: 14px;
padding-top: 13px;
margin-left: 15px;
}
.blog-2 .blog-content .blog-admin span a {
color: #999999;
}
.blog-2 .blog-content .blog-admin span a:hover {
color: #db2d2e;
}
.blog-2 .blog-content .blog-meta ul li {
display: inline-block;
text-align: center;
border-left: 1px solid #e3e3e3;
padding: 0;
vertical-align: top;
}
.blog-2 .blog-content .blog-meta > ul > li > a,
.blog-2 .blog-content .blog-meta > ul > li > .cardealer-share > .cardealer-share-action {
display: inline-block;
padding: 11px 20px;
}
.blog-2 .blog-content .blog-meta ul li a {
color: #db2d2e;
cursor: pointer;
}
.blog-2 .blog-content .blog-meta ul li a:hover {
color: #363636;
}
.blog-2 .blog-description {
padding: 20px;
}
.blog-2 .blog-description a {
margin-bottom: 15px;
font-size: 16px;
display: block;
color: #323232;
font-weight: 600;
text-transform: uppercase;
}
.blog-2 .blog-description a:hover {
color: #db2d2e;
}
.blog-2 .blog-description .separator {
margin-bottom: 15px;
}
.blog-2 .blog-description .separator:after {
width: 50px;
display: block;
margin: auto;
content: "";
height: 1px;
background: #db2d2e;
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;
}
.blog-2 .blog-description .separator:before {
content: '';
display: block;
margin: auto;
left: 50%;
height: 1px;
width: 30px;
bottom: -10px;
background: #db2d2e;
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;
}
.blog-2:hover .separator:before {
width: 50px;
left: 0;
background: #000000;
}
.blog-2:hover .separator:after {
width: 30px;
left: 0;
background: #000000;
}
.latest-blog.border .blog-2 .blog-content {
border: 1px solid #e3e3e3;
}
/*----------------------*/
/* Blog Social */
/*----------------------*/
.share {
position: relative;
cursor: pointer;
}
.share .blog-social {
position: absolute;
bottom: 5px;
right: 0;
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: 0;
z-index: -1;
}
.share .blog-social li a {
padding: 4px 0;
width: 30px;
height: 30px;
background: #db2d2e;
border-radius: 50%;
text-align: center;
display: inline-block;
color: #ffffff !important;
line-height: 24px;
font-size: 12px;
}
.share .blog-social li a:hover {
color: #ffffff;
background: #363636;
}
.share:hover .blog-social {
opacity: 1;
bottom: 71px;
z-index: 1;
}
.share .blog-social a:hover i {
color: #ffffff;
}
.blog-2 .blog-content .blog-social {
bottom: auto;
top: 20px;
right: 10px;
}
.blog-2 .share:hover .blog-social {
right: 45px;
}
.blog-2 .blog-content .blog-social ul li {
border-left: none;
padding: 0;
padding-left: 5px;
display: table-cell;
}
.blog .entry-share .share .blog-social li a {
padding: 5px 11px;
}
.blog .entry-share .share .blog-social {
right: 5px;
bottom: 44px;
}
.blog-2 .cardealer-share-has-inline-links .cardealer-share-action {gap: inherit;}
.blog-2 .cardealer-share .cardealer-share-action-item .cardealer-share-action-link:after {content: "..."; display: block;}
.blog-2 .cardealer-share-has-inline-links .cardealer-share-inline-links .single-share-box {display: flex; gap: 5px; right: 20px; bottom: 15px; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out;}
.blog-2 .cardealer-share-has-inline-links .cardealer-share-action:hover .cardealer-share-inline-links .single-share-box {right: 40px; opacity: 1; visibility: visible;}
.blog-2 .cardealer-share-has-inline-links .cardealer-share-inline-links .single-share-box .cardealer-share-item {padding: 0; border: 0;}
.blog-2 .cardealer-share-has-inline-links .cardealer-share-inline-links .single-share-box .cardealer-share-item a {color: #ffffff;}
/*===============================================*/
/* Team - Shortcode */
/*===============================================*/
.team {
overflow: hidden;
background: #f6f6f6;
margin-bottom: 20px;
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;
}
.team .team-image {
overflow: hidden;
position: relative;
}
.team .team-image img {
width: 100%;
margin-bottom: 0;
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;
}
.team:hover .team-image 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);
}
.team .team-name {
padding: 20px;
position: relative;
z-index: 4;
}
.team .team-name .cat {
font-style: italic;
color: #ffffff;
}
.team .team-name h5,
.team .team-name span {
-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;
}
.team .team-social {
position: absolute;
bottom: -5px;
margin: 0 auto;
left: 0;
right: 0;
}
.team .team-social ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
margin: 0;
}
.team .team-social a {
font-size: 14px;
height: 40px;
line-height: 40px;
margin: 2px;
text-align: center;
width: 40px;
color: #db2d2e;
background: #ffffff;
display: inline-block;
transform: translate(0px, 40px);
-webkit-transform: translate(0px, 40px);
-o-transform: translate(0px, 40px);
-moz-transform: translate(0px, 40px);
-ms-transform: translate(0px, 40px);
border-radius: 50%;
}
.team .team-social li a:hover {
background: #db2d2e;
color: #ffffff;
}
.team .team-social ul li {
display: inline-block;
}
.team .team-social ul li:nth-child(1) a,
.team .team-social ul li:nth-child(2) a,
.team .team-social ul li:nth-child(3) a,
.team .team-social ul li:nth-child(4) a,
.team .team-social ul li:nth-child(5) a,
.team .team-social ul li:nth-child(6) a,
.team .team-social ul li:nth-child(7) a {
transform: translate(0px, 40px);
opacity: 0;
}
.team .team-social ul li:nth-child(1) a {
-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;
}
.team .team-social ul li:nth-child(2) a {
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.team .team-social ul li:nth-child(3) a {
-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;
}
.team .team-social ul li:nth-child(4) a {
-webkit-transition: all 0.6s ease-out 0s;
-moz-transition: all 0.6s ease-out 0s;
-ms-transition: all 0.6s ease-out 0s;
-o-transition: all 0.6s ease-out 0s;
transition: all 0.6s ease-out 0s;
}
.team .team-social ul li:nth-child(5) a {
-webkit-transition: all 0.7s ease-out 0s;
-moz-transition: all 0.7s ease-out 0s;
-ms-transition: all 0.7s ease-out 0s;
-o-transition: all 0.7s ease-out 0s;
transition: all 0.7s ease-out 0s;
}
.team .team-social ul li:nth-child(6) a {
-webkit-transition: all 0.8s ease-out 0s;
-moz-transition: all 0.8s ease-out 0s;
-ms-transition: all 0.8s ease-out 0s;
-o-transition: all 0.8s ease-out 0s;
transition: all 0.8s ease-out 0s;
}
.team .team-social ul li:nth-child(7) a {
-webkit-transition: all 0.9s ease-out 0s;
-moz-transition: all 0.9s ease-out 0s;
-ms-transition: all 0.9s ease-out 0s;
-o-transition: all 0.9s ease-out 0s;
transition: all 0.9s ease-out 0s;
}
.team:hover .team-social ul li:nth-child(1) a,
.team:hover .team-social ul li:nth-child(2) a,
.team:hover .team-social ul li:nth-child(3) a,
.team:hover .team-social ul li:nth-child(4) a,
.team:hover .team-social ul li:nth-child(5) a,
.team:hover .team-social ul li:nth-child(6) a,
.team:hover .team-social ul li:nth-child(7) a {
transform: translate(0px, -20px);
-webkit-transform: translate(0px, -20px);
-o-transform: translate(0px, -20px);
-moz-transform: translate(0px, -20px);
-ms-transform: translate(0px, -20px);
opacity: 1;
}
.team:hover {
background: #db2d2e;
}
.team:hover .text-black {
color: #ffffff;
}
.owl-carousel.pgs_team.style-1 .team {
margin-bottom: 0;
}
.team .team-social {
padding: 0 15px;
}
/*----------------------*/
/* Team Style - 2 */
/*----------------------*/
.team-2 .team-info {
background: #f6f6f6;
padding: 20px;
margin-bottom: 30px;
}
.team-2 .team-image img {
width: 100%;
margin-bottom: 0;
}
.team-2 .team-social {
margin-top: 20px;
}
.team-2 .team-social ul {
padding: 0;
margin: 0;
}
.team-2 .team-social ul li {
display: inline-block;
margin-right: 4px;
margin-bottom: 4px;
}
.team-2 .team-social ul li a {
display: block;
width: 30px;
height: 30px;
color: #ffffff;
font-size: 14px;
text-align: center;
line-height: 30px;
background: #db2d2e;
}
.team-2 .team-social ul li a:hover {
background: #323232;
}
/*----------------------*/
/* Team Style - 3 */
/*----------------------*/
.pgs_team.style-3 .team {
background: #ffffff;
position: relative;
margin-bottom: 0;
}
.pgs_team.style-3 .team .team-name {
background: #ffffff;
margin: 10px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 10px;
z-index: 9;
}
.pgs_team.style-3 .team:hover .team-social ul li:nth-child(1) a,
.pgs_team.style-3 .team:hover .team-social ul li:nth-child(2) a,
.pgs_team.style-3 .team:hover .team-social ul li:nth-child(3) a,
.pgs_team.style-3 .team:hover .team-social ul li:nth-child(4) a,
.pgs_team.style-3 .team:hover .team-social ul li:nth-child(5) a,
.pgs_team.style-3 .team:hover .team-social ul li:nth-child(6) a,
.pgs_team.style-3 .team:hover .team-social ul li:nth-child(7) a {
transform: translate(0px, -110px);
-webkit-transform: translate(0px, -110px);
-o-transform: translate(0px, -110px);
-moz-transform: translate(0px, -110px);
-ms-transform: translate(0px, -110px);
}
.pgs_team.style-3 .team:hover .text-black {
color: #323232;
}
.pgs_team.style-3.owl-carousel .team {
margin-bottom: 0px;
}
.pgs_team.style-3 .team {
margin-bottom: 30px;
}
/*===============================================*/
/* Testimonial - Shortcode */
/*===============================================*/
.testimonial-1 .testimonial-block .testimonial-avtar {
margin-top: -65px;
position: relative;
z-index: 1;
}
.testimonial-1 .testimonial-block .testimonial-avtar img {
width: 80px;
height: 80px;
display: inline-block;
border: 4px solid #ffffff;
border-radius: 50%;
}
.testimonial-1 .testimonial-block .testimonial-avtar h6 {
display: block;
font-weight: normal;
text-transform: capitalize;
color: #db2d2e;
margin-bottom: 0px;
}
.testimonial-1 .testimonial-block .testimonial-box {
background: #f6f6f6;
padding: 20px;
}
.testimonial-1 .testimonial-block .testimonial-content {
margin-top: 20px;
}
.testimonial-1 .testimonial-block .testimonial-content i {
font-size: 28px;
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;
}
.testimonial-1 .testimonial-block .testimonial-image {
overflow: hidden;
}
.testimonial-1 .testimonial-block .testimonial-image 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;
}
.testimonial-1 .testimonial-block:hover .testimonial-image 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);
}
.testimonial-1 .testimonial-block:hover .testimonial-content i {
color: #db2d2e;
}
/*----------------------*/
/* Testimonial - 2 */
/*----------------------*/
.testimonial-2 .testimonial-center {
width: 60%;
margin: 0 auto;
}
.testimonial-2 .item {
text-align: left;
}
.testimonial-2 .owl-carousel .owl-stage-outer {
overflow: visible;
}
.testimonial-2 .owl-carousel .owl-item {
opacity: 0.2;
}
.testimonial-2 .owl-carousel .owl-item.active {
opacity: 1;
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;
cursor: move;
}
.testimonial-2 .testimonial-content {
background: #db2d2e;
padding: 40px 30px;
position: relative;
}
.testimonial-2 .testimonial-content:before {
width: 0;
height: 0;
border-style: solid;
content: "";
border-width: 20px 20px 0 0;
border-color: #db2d2e transparent transparent transparent;
position: absolute;
left: 50px;
bottom: -20px;
}
.testimonial-2 .testimonial-content i {
display: table-cell;
color: #ffffff;
font-size: 50px;
padding-right: 20px;
}
.testimonial-2 .testimonial-content p {
display: table-cell;
color: #ffffff;
vertical-align: top;
}
.testimonial-2 .testimonial-info {
margin-top: 50px;
}
.testimonial-2 .testimonial-info .testimonial-avatar {
display: table-cell;
padding-right: 20px;
}
.testimonial-2 .testimonial-info .testimonial-avatar img {
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px solid #db2d2e;
}
.testimonial-2 .testimonial-info .testimonial-name {
display: table-cell;
vertical-align: middle;
text-align: left;
}
.testimonial-2 .testimonial-info .testimonial-name h6 {
display: inline-block;
color: #323232;
}
.testimonial-style-3 .testimonial-name .testimonial-designation:before {
content: "|";
padding-right: 4px;
padding-left: 1px;
}
/*----------------------*/
/* Testimonial - 3 */
/*----------------------*/
.testimonial-3 .testimonial-content {
background: #db2d2e;
padding: 30px;
position: relative;
}
.testimonial-3 .testimonial-content:before {
width: 0;
height: 0;
border-style: solid;
content: "";
border-width: 20px 20px 0 0;
border-color: #db2d2e transparent transparent transparent;
position: absolute;
left: 50px;
bottom: -20px;
}
.testimonial-3 .testimonial-content p i {
display: table-cell;
padding: 0 15px;
color: #ffffff;
font-size: 24px;
}
.testimonial-3 .testimonial-content span {
font-style: italic;
display: table-cell;
color: #ffffff;
}
.testimonial-3 .item {
text-align: left;
}
.testimonial-3 .testimonial-info {
margin-top: 50px;
}
.testimonial-3 .testimonial-info h6 {
margin-bottom: 0px;
}
/*----------------------*/
/* Testimonial - 4 */
/*----------------------*/
.testimonial-4 .testimonial-block i {
font-size: 36px;
color: #db2d2e;
display: block;
margin-bottom: 20px;
}
.testimonial-4 .testimonial-block p {
padding: 0px 100px;
font-style: italic;
display: block;
margin-bottom: 20px;
}
/*----------------------*/
/* Dark Background */
/*----------------------*/
.row-background-dark .testimonial-1 .testimonial-info .testimonial-name span,
.row-background-dark .testimonial-2 .testimonial-info .testimonial-name span,
.row-background-dark .testimonial-3 .testimonial-info .testimonial-name span,
.row-background-dark .testimonial-4 .testimonial-info .testimonial-name span,
.row-background-dark .testimonial-4 .testimonial-block p {
color: #ffffff;
}
/*----------------------*/
/* Testimonial - 5 */
/*----------------------*/
.testimonial-5 .testimonial-avtar {
margin-top: -45px;
position: relative;
z-index: 1;
}
.testimonial-5 .testimonial-avtar h6 {
font-size: 18px;
display: inline-block;
font-style: italic;
text-transform: capitalize;
}
.testimonial-5 .testimonial-avtar span {
font-size: 18px;
font-style: italic;
font-weight: bold;
display: inline-block;
}
.testimonial-5 .testimonial-avtar img {
width: 80px;
height: 80px;
display: block;
border: 4px solid #ffffff;
border-radius: 50%;
margin: 0 auto;
}
.testimonial-5 .testimonial-content {
padding: 0 100px;
}
.testimonial-5 .testimonial-content p {
font-size: 18px;
font-weight: bold;
font-style: italic;
margin-top: 20px;
}
.testimonial-5 .testimonial-content i {
font-size: 28px;
line-height: 30px;
margin-top: 10px;
}
.testimonial-5 .owl-carousel .owl-item img {
margin: 0 auto;
}
.testimonial-5 .owl-carousel .owl-item .testimonial-image img {
margin: 0 auto;
width: 100%;
}
/*===============================================*/
/* Pricing Table - Shortcode */
/*===============================================*/
.pricing-table {
background: #f6f6f6;
padding: 30px 0px 0;
position: relative;
margin-top: 20px;
margin: 23px 0 0;
}
.pricing-title h2 {
margin-bottom: 10px;
}
.pricing-title .pricing-prize h2 {
color: #DB2E2D;
text-transform: capitalize;
margin-bottom: 0px;
margin-top: 20px;
}
.pricing-title .pricing-prize span {
font-size: 18px;
margin-bottom: 0;
padding-top: 20px;
}
.pricing-title span {
font-size: 16px;
display: block;
margin-bottom: 12px;
}
.pricing-list ul {
margin-top: 20px;
}
.pricing-list li {
font-size: 16px;
padding: 17px 0px;
border-top: 1px solid #e8e8e8;
}
.pricing-list li.text-gray {
color: #C3BFBF;
}
.pricing-order {
background: #363636;
display: inline-block;
position: relative;
width: 100%;
padding: 20px 0;
}
.pricing-ribbon {
position: absolute;
left: -3px;
top: 10px;
z-index: 9;
}
.pricing-table.active {
margin-top: -15px;
position: relative;
padding: 0;
border: none;
}
.pricing-table.active .pricing-title h2.text-bg {
background: #DB2E2D;
padding: 27px;
}
.pricing-table.active .pricing-order {
background: #DB2E2D;
padding: 30px 0;
}
.pricing-table.active .pricing-list ul {
margin-top: 19px;
}
.pricing-table.active .pricing-list li.text-light-red {
color: #DB2E2D;
}
.pricing-table.pricing-table-border {
border-left: 1px solid #e8e8e8;
}
.pricing-table .pricing-list ul {
padding-left: 0;
margin-left: 0;
margin-bottom: 20px;
list-style-type: none;
}
.pricing-table.active .button.gray:before {
background: #363636;
}
/*----------------------*/
/* Pricing */
/*----------------------*/
.pricing-title h2 {
margin-bottom: 20px;
font-size: 26px;
line-height: 36px;
padding: 0 20px;
}
.pricing-title span {
font-size: 14px;
display: block;
margin-bottom: 12px;
padding: 0 25px;
}
.pricing-list ul {
margin-top: 20px;
}
.entry-content .pricing-list li {
list-style: none;
}
.pricing-list li {
font-size: 14px;
padding: 10px 0px;
border-top: 1px solid #e8e8e8;
}
.pricing-list li.text-gray {
color: #C3BFBF;
}
.pricing-order {
background: #363636;
display: inline-block;
position: relative;
width: 100%;
padding: 20px 0 20px;
}
.pgs-pricing-table-style-1.pricing-table {
background: #fff;
}
.pgs-pricing-table-style-1.pricing-table.active {
background: #00a9da;
}
.pgs-pricing-table-style-1.pricing-table.active .pricing-title h2.text-bg {
background: #00a9da;
padding: 34px 27px;
}
.pgs-pricing-table-style-1 .pricing-order {
background: #fff;
padding: 20px 0;
}
.pgs-pricing-table-style-1.pricing-table.active .pricing-order {
background: #00a9da;
padding: 20px 0;
}
.pgs-pricing-table-style-1.pricing-table.active .pricing-list li.text-light-blue {
color: #fff;
}
.pgs-pricing-table-style-1.pricing-table.active .pricing-title h3.text-bg {
background: #00a9da;
padding: 44px 0 30px;
}
.pgs-pricing-table-style-1.pricing-table.active .pricing-bg {
background: #fff;
color: #00a9da;
}
.pgs-pricing-table-style-1 .pricing-title h2 {
border-bottom: 5px solid #00a9da;
padding-bottom: 26px;
margin-bottom: 0px;
font-size: 28px;
line-height: 28px;
font-weight: 400;
text-transform: none;
margin: 0;
}
.pgs-pricing-table-style-1 .pricing-title .pricing-prize h2 {
border-bottom: none;
padding-bottom: 0;
color: #00a9da;
}
.pgs-pricing-table-style-1 .pricing-title span {
padding: 13px 0;
margin-bottom: 0px;
}
.pgs-pricing-table-style-1.pricing-table.active .pricing-title span {
padding: 15px 0;
margin-bottom: 0px;
}
.pgs-pricing-table-style-1.pricing-table.active .pricing-list ul {
margin-top: 0px;
}
.pgs-pricing-table-style-1.pricing-table .pricing-list ul {
margin-top: 0px;
padding-left: 0;
}
.pgs-pricing-table-style-1.pricing-table.active {
margin-top: 0px;
}
.pgs-pricing-table-style-1.pricing-table.pricing-table-border {
border-left: 0px solid #e8e8e8;
}
.pgs-pricing-table-style-1.pricing-table.active .pricing-title {
background: #ffffff;
}
.pricing-table.active {
margin-top: 0px;
}
.pricing-table .pricing-order a {
cursor: pointer;
padding: 10px 30px;
}
/*===============================================*/
/* Skills - Shortcode */
/*===============================================*/
.skills-2 ul {
display: inline-block;
width: 100%;
padding: 0;
}
.skills-2 h3 {
text-transform: capitalize;
margin-bottom: 30px;
}
.entry-content .skills-2 ul {
padding-left: 0px;
}
.skills-2 li {
position: relative;
margin-bottom: 40px;
font-size: 17px;
list-style: none;
}
.entry-content .skills-2 li {
list-style: none;
}
.skills-2 li:last-child {
margin-bottom: 18px;
}
.skills-2 .bar {
background-color: #DB2E2D !important;
}
.skills-2 .bar_container,
.bar {
position: absolute;
left: 0;
height: 5px;
border-radius: 3px;
content: "";
top: 30px;
}
.skills-2 .bar_container {
bottom: -15px;
top: auto;
width: 100%;
background-color: #eceff8;
text-align: right;
}
.skills-2 .bar {
top: 0;
background: #00a9da;
}
.skills-2 .pct {
position: absolute;
bottom: 15px;
right: 0;
opacity: 0;
transition: opacity 0.3s linear;
color: #626262 !important;
}
/*===============================================*/
/* Feature Box - Shortcode */
/*===============================================*/
.feature-box {
text-align: center;
}
.feature-box i {
background: transparent;
width: inherit;
height: inherit;
line-height: 40px;
font-size: 30px;
display: block;
margin-bottom: 15px;
color: #db2d2e;
}
.feature-box .icon svg {
background: transparent;
width: 25px;
height: inherit;
line-height: 40px;
font-size: 30px;
display: inline-block;
margin-bottom: 15px;
fill: #db2d2e;
}
.feature-box p {
padding: 0px;
}
.feature-box h6 {
font-weight: 600;
}
/*----------------------*/
/* Align - Left */
/*----------------------*/
.feature-box.left-align {
text-align: left;
}
.feature-box.left-align .icon i:before {
color: #db2d2e;
}
.feature-box.left-align.box-hover,
.feature-box.right-align.box-hover {
padding: 20px;
transition: all 0.5s ease-in-out;
-webkit-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;
}
.feature-box.left-align.box-hover:hover,
.feature-box.right-align.box-hover:hover {
background: #db2d2e;
}
.feature-box.style-8.box-hover:hover .icon i:before,
.feature-box.style-9.box-hover:hover .icon i:before,
.feature-box.style-8.box-hover:hover .content h6,
.feature-box.style-9.box-hover:hover .content h6 {
color: #ffffff !important;
}
.feature-box.left-align.box-hover:hover .icon i:before,
.feature-box.right-align.box-hover:hover .icon i:before,
.feature-box.left-align.box-hover:hover h6,
.feature-box.right-align.box-hover:hover h6,
.feature-box.left-align.box-hover:hover .content,
.feature-box.right-align.box-hover:hover .content,
.feature-box.left-align.box-hover:hover .content p,
.feature-box.right-align.box-hover:hover .content p {
color: #ffffff;
}
/*----------------------*/
/* Align - Right */
/*----------------------*/
.feature-box.right-align {
text-align: right;
}
.feature-box.right-align .icon i:before {
color: #db2d2e;
}
/*----------------------*/
/* Icon - Left */
/*----------------------*/
.feature-box.left-icon {
text-align: left;
}
.feature-box.left-icon .icon {
display: table-cell;
padding-right: 20px;
}
.feature-box.left-icon .content {
display: table-cell;
vertical-align: top;
}
.feature-box.default-feature.box-hover:hover .content h6,
.feature-box.left-icon.box-hover:hover .content h6,
.feature-box.right-icon.box-hover:hover .content h6 {
color: #db2d2e;
}
/*----------------------*/
/* Icon - Right */
/*----------------------*/
.feature-box.right-icon {
text-align: right;
}
.feature-box.right-icon .icon {
float: right;
padding-left: 20px;
}
.feature-box.right-icon .content {
display: table-cell;
vertical-align: top;
text-align: right;
}
/*----------------------*/
/* Icon - Round */
/*----------------------*/
.feature-box.round-icon {
text-align: center;
}
.feature-box.round-icon i {
text-align: center;
width: 80px;
height: 80px;
font-size: 30px;
line-height: 80px;
background: #f6f6f6;
display: inline-block;
border-radius: 50%;
color: #969696;
margin-bottom: 20px;
transition: all 0.5s ease-in-out;
-webkit-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;
}
.feature-box.feature-border.round-icon h6 {
position: relative;
padding-bottom: 10px;
}
.feature-box.feature-border.round-icon h6:before {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: #db2d2e;
left: 50%;
margin-left: -10px;
bottom: 0px;
}
.feature-box.round-icon.box-hover:hover i {
background: #db2d2e;
color: #ffffff;
}
/*----------------------*/
/* Icon Round - Left */
/*----------------------*/
.feature-box.round-icon.left {
text-align: left;
}
.feature-box.round-icon.left h6:before {
left: 0px;
padding-left: 0px;
margin-left: 0px;
}
.feature-box.round-icon.left .icon {
display: table-cell;
padding-right: 20px;
}
.feature-box.round-icon.left .icon i {
width: 60px;
height: 60px;
font-size: 20px;
line-height: 60px;
}
.feature-box.round-icon.left .content {
display: table-cell;
vertical-align: top;
position: relative;
}
/*----------------------*/
/* Icon Round - Right */
/*----------------------*/
.feature-box.round-icon.right {
text-align: right;
}
.feature-box.round-icon.right h6:before {
right: 0px;
left: inherit;
}
.feature-box.round-icon.right .icon {
float: right;
padding-left: 20px;
}
.feature-box.round-icon.right .icon i {
width: 60px;
height: 60px;
font-size: 20px;
line-height: 60px;
}
.feature-box.round-icon.right .content {
display: table-cell;
vertical-align: top;
position: relative;
}
/*----------------------*/
/* Style - Round Border */
/*----------------------*/
.feature-box.round-border .icon {
width: 70px;
height: 70px;
float: left;
margin-right: 20px;
text-align: center;
border-radius: 50%;
border: 1px solid #f6f6f6;
transition: all 0.5s ease-in-out;
-webkit-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;
}
.feature-box.round-border .icon i {
font-size: 20px;
background: #f6f6f6;
color: #999999;
display: block;
border-radius: 50%;
margin: 9px 10px 10px 9px;
width: 50px;
height: 50px;
line-height: 50px;
transition: all 0.5s ease-in-out;
-webkit-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;
}
.feature-box.round-border .icon svg {
margin-bottom: 0;
fill: #999999;
background: #f6f6f6;
width: 100%;
border: 8px solid #ffffff;
border-radius: 60px;
padding: 15px;
}
.feature-box.round-border .content {
display: table-cell;
margin-top: 10px;
vertical-align: top;
text-align: left;
}
.feature-box.round-border .content h5 {
margin-bottom: 0px;
margin-top: 10px;
}
.feature-box.round-border .content h6 {
margin-top: 10px;
}
.feature-box.round-border .content p {
margin-top: 0px !important;
margin-bottom: 0px;
padding-bottom: 0 !important;
}
.feature-box.round-border.box-hover:hover .icon,
.feature-box-3.box-hover:hover .icon i {
border-color: #db2d2e;
}
.feature-box.round-border.box-hover:hover .icon i {
background: #db2d2e;
color: #ffffff;
}
/*----------------------*/
/* Responsive */
/*----------------------*/
@media (max-width: 767px) {
.feature-car-area .feature-box.right-align,
.feature-box.round-icon.right {
text-align: left;
}
.feature-box.round-icon.right .icon {
float: none;
padding-left: 0;
padding-right: 20px;
}
.feature-box.round-icon.right .content {
float: none;
}
.feature-box.round-icon.right h6:before {
right: auto;
left: 0;
margin-left: 0;
}
.feature-box.right-icon {
text-align: left;
display: flex;
}
.feature-box.right-icon .icon {
float: none;
padding-left: 0;
padding-right: 20px;
}
.feature-box.right-icon .content {
display: block;
text-align: left;
}
}
/*----------------------*/
/* Feature Box Style 10 */
/*----------------------*/
.feature-box.style-9 .icon i:before {
color: inherit !important;
}
.feature-box.style-10 {
position: relative;
overflow: hidden;
padding: 0 !important;
}
.feature-box.style-10:before {
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
top: auto;
height: 75%;
transition: all .35s;
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
}
.feature-box.style-10 .icon {
position: absolute;
bottom: 40px;
z-index: 9;
padding: 20px;
}
.feature-box.style-10 .content {
position: absolute;
bottom: 0;
z-index: 9;
padding: 20px;
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;
}
.feature-box.style-10 .content h6 {
color: #ffffff;
}
.feature-box.style-10 .content p {
display: none;
}
.feature-box.style-10 .icon i {
color: #ffffff !important;
font-size: 50px;
line-height: 50px;
display: block;
margin-bottom: 10px;
}
.feature-box.style-10 img {
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;
}
.feature-box.style-10: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);
}
.feature-box.style-10.no-image {
background: #323232;
padding: 30px !important;
min-height: 295px;
}
.feature-box.style-10.no-image .icon {
position: relative;
bottom: inherit;
padding: 0;
}
.feature-box.style-10.no-image .content {
position: relative;
bottom: inherit;
padding: 0;
}
/*===============================================*/
/* Infobox - Shortcode */
/*===============================================*/
.cdhl-infobox .infobox-icon i {
font-size: 60px;
color: var(--cd-primary-color);
line-height: normal;
}
.cdhl-infobox .infobox-title {
font-size: 24px;
font-weight: 500;
line-height: 34px;
color: var(--cd-secondary-color);
margin-bottom: 15px;
}
.cdhl-infobox h2.infobox-title {
font-size: 34px;
line-height: 42px;
}
.cdhl-infobox h3.infobox-title {
font-size: 30px;
line-height: 40px;
}
.cdhl-infobox h5.infobox-title {
font-size: 22px;
line-height: 32px;
}
.cdhl-infobox h6.infobox-title {
font-size: 20px;
line-height: 30px;
}
.cdhl-infobox .infobox-link {
position: relative;
display: inline-flex;
align-items: center;
color: var(--cd-primary-color);
font-size: 0.95em;
font-weight: 500;
line-height: 28px;
margin-top: 20px;
overflow: hidden;
transition: all 0.25s ease-in-out;
}
.cdhl-infobox .infobox-link:after {
content: "";
width: 0;
height: 1px;
background: var(--cd-primary-color);
position: absolute;
left: 0;
bottom: 0;
transition: all .25s ease-out 0s;
}
.cdhl-infobox .infobox-link:hover:after {
width: 100%;
}
.cdhl-infobox .infobox-link span {
position: relative;
margin-right: 0;
display: inline-block;
vertical-align: middle;
text-indent: -110px;
visibility: hidden;
white-space: nowrap;
opacity: 0;
-webkit-transition: visibility 0.4s ease,margin-right 0.4s ease-out,text-indent 0.5s ease-out,opacity 0.4s ease;
-ms-transition: visibility 0.4s ease,margin-right 0.4s ease-out,text-indent 0.5s ease-out,opacity 0.4s ease;
transition: visibility 0.4s ease,margin-right 0.4s ease-out,text-indent 0.5s ease-out,opacity 0.4s ease;
will-change: visibility,margin-right,text-indent,opacity;
}
.cdhl-infobox:hover .infobox-link span,
.cdhl-infobox .infobox-link:hover span {
opacity: 1;
text-indent: 0;
margin-right: 10px;
visibility: visible;
-webkit-transition: visibility 0.4s ease,margin-right 0.3s ease-out,text-indent 0.4s ease-out,opacity 0.4s ease;
-ms-transition: visibility 0.4s ease,margin-right 0.3s ease-out,text-indent 0.4s ease-out,opacity 0.4s ease;
transition: visibility 0.4s ease,margin-right 0.3s ease-out,text-indent 0.4s ease-out,opacity 0.4s ease;
}
/*-------------------*/
/* Icon Border */
/*-------------------*/
.cdhl-infobox .infobox-icon-type-border i {
width: 85px;
height: 85px;
font-size: 40px;
color: var(--cd-primary-color);
border: 2px solid;
display: flex;
justify-content: center;
align-items: center;
}
/*-------------------*/
/* Icon Flat */
/*-------------------*/
.cdhl-infobox .infobox-icon.infobox-icon-type-flat i {
width: 85px;
height: 85px;
font-size: 40px;
color: #FFFFFF;
background: var(--cd-primary-color);
display: flex;
justify-content: center;
align-items: center;
}
/*-------------------*/
/* Icon Shape */
/*-------------------*/
.cdhl-infobox.cdhl-icon-rounded .infobox-icon i {
border-radius: 3px;
}
.cdhl-infobox.cdhl-icon-round .infobox-icon i {
border-radius: 80px;
}
/*-------------------*/
/* Style 1 */
/*-------------------*/
.cdhl-infobox.style-1 .infobox-icon {
margin-bottom: 20px;
}
/*-------------------*/
/* Style 2 */
/*-------------------*/
.cdhl-infobox.style-2 {
display: flex;
gap: 25px;
}
.cdhl-infobox.style-2 .infobox-icon-type-default {
margin-right: 5px;
}
.cdhl-infobox.style-2 .infobox-icon {
margin-bottom: 0;
}
/*-------------------*/
/* Style 3 */
/*-------------------*/
.cdhl-infobox.style-3 .infobox-head {
display: flex;
gap: 25px;
margin-bottom: 20px;
}
.cdhl-infobox.style-3 .infobox-icon-type-default {
margin-right: 5px;
}
.cdhl-infobox.style-3 .infobox-title {
align-self: center;
margin-bottom: 0;
}
/*===============================================*/
/* Social Icons - Shortcode */
/*===============================================*/
.social a {
display: inline-block;
margin-bottom: 10px;
}
.social ul {
display: table;
width: 100%;
}
.social ul li {
display: table-cell;
background: transparent;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.social ul li a {
line-height: 60px;
width: 100%;
padding: 0px 20px;
display: block;
color: #ffffff;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.social ul li a i {
font-size: 30px;
vertical-align: middle;
color: rgba(255, 255, 255, 0.4);
float: right;
line-height: 60px;
}
.social ul li:hover a.facebook {
background: #3a5897;
}
.social ul li:hover a.twitter {
background: #41d1da;
}
.social ul li:hover a.pinterest {
background: #c3222b;
}
.social ul li:hover a.dribbble {
background: #dd4b80;
}
.social ul li:hover a.linkedin {
background: #db2d2e;
}
.social ul li:hover a.behance {
background: #005cff;
}
/*----------------------*/
/* Social - Style 1 */
/*----------------------*/
.social.style-1 a i {
font-size: 14px;
color: #858585;
width: 30px;
height: 30px;
line-height: 32px;
text-align: center;
display: inline-block;
float: none;
margin-right: 5px;
}
.social.style-1 a:hover i {
color: #db2d2e;
}
/* Dark BG ---------*/
.row-background-dark .social.style-1 a i {
color: #ffffff;
}
.row-background-dark .social.style-1 a:hover i {
color: #db2d2e;
}
/*----------------------*/
/* Social - Style 2 */
/*----------------------*/
.social.style-2 a i {
font-size: 14px;
color: #909090;
width: 35px;
height: 35px;
line-height: 37px;
text-align: center;
border-radius: 50%;
background: #f6f6f6;
display: inline-block;
float: none;
margin-right: 5px;
-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;
}
.social.style-2 a:hover i {
background: #db2d2e;
color: #ffffff;
}
/*----------------------*/
/* Social - Style 3 */
/*----------------------*/
.social.style-3 a i {
font-size: 14px;
color: #ffffff;
width: 35px;
height: 35px;
line-height: 37px;
text-align: center;
background: #db2d2e;
display: inline-block;
float: none;
margin-right: 5px;
-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;
}
.social.style-3 a:hover i {
background: #323232;
color: #ffffff;
}
/*===============================================*/
/* Contact Form 7 - Shortcode */
/*===============================================*/
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
background: #f6f6f6;
border: 1px solid transparent;
resize: vertical;
margin-bottom: 15px !important;
width: 100%;
padding: 12px 18px;
color: #626262;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus {
background: transparent;
border-color: #db2d2e;
outline: none !important;
}
.wpcf7-form .form-group {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0;
}
/*----------------------*/
/* Form Validation */
/*----------------------*/
.wpcf7-form .wpcf7-not-valid-tip {
display: none;
}
.wpcf7-form input[type="text"].wpcf7-not-valid,
.wpcf7-form input[type="email"].wpcf7-not-valid,
.wpcf7-form .wpcf7-not-valid {
background: rgba(248, 89, 89, 0.1);
border: 1px solid rgba(248, 89, 89, 0.5);
color: #db2d2e !important;
}
div.wpcf7 .ajax-loader {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -8px;
}
div.wpcf7 .ajax-loader.is-active {
position: relative;
}
div.wpcf7-response-output {
margin: 0.5em 0 0;
padding: 0.5em 1.2em;
}
/*----------------------*/
/* Appointment Form */
/*----------------------*/
.wpcf7-form .contact-form.appointment-form .form-group {
margin-bottom: 50px;
}
.wpcf7-form .contact-form.appointment-form input[type="text"],
.wpcf7-form .contact-form.appointment-form input[type="email"],
.wpcf7-form .contact-form.appointment-form textarea {
background: transparent;
border:0;
border-bottom: 3px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
font-size: 16px;
font-weight: 600;
padding-left: 0;
}
.wpcf7-form .contact-form.appointment-form input[type="text"]:focus,
.wpcf7-form .contact-form.appointment-form input[type="email"]:focus,
.wpcf7-form .contact-form.appointment-form textarea:focus {
border-bottom: 3px solid rgba(255, 255, 255, 1);
}
.wpcf7-form .contact-form.appointment-form .form-group .form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.wpcf7-form .contact-form.appointment-form .form-group .form-control::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.wpcf7-form .contact-form.appointment-form .form-group .form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.wpcf7-form .contact-form.appointment-form input[type="submit"] {
width: auto;
display: inline-block;
}
.row-background-dark .contact-form.appointment-form .button:hover {
color: #ffffff;
}
/*------------------------*/
/* Appointment Form Light */
/*------------------------*/
.wpcf7-form .contact-form.appointment-form.appointment-form-light .form-group {
margin-bottom: 20px;
}
.wpcf7-form .contact-form.appointment-form.appointment-form-light input[type="text"],
.wpcf7-form .contact-form.appointment-form.appointment-form-light input[type="email"],
.wpcf7-form .contact-form.appointment-form.appointment-form-light textarea {
background: transparent;
background: #f6f6f6;
border:1px solid #f6f6f6;
color: #323232;
font-size: 14px;
font-weight: 400;
padding-left: 18px;
}
.wpcf7-form .contact-form.appointment-form.appointment-form-light input[type="text"]:focus,
.wpcf7-form .contact-form.appointment-form.appointment-form-light input[type="email"]:focus,
.wpcf7-form .contact-form.appointment-form.appointment-form-light textarea:focus {
border: 1px solid #1551a1;
background: #ffffff;
}
.wpcf7-form .contact-form.appointment-form.appointment-form-light .form-group .form-control::-moz-placeholder {
color: #323232;
}
.wpcf7-form .contact-form.appointment-form.appointment-form-light .form-group .form-control::-ms-input-placeholder {
color: #323232;
}
.wpcf7-form .contact-form.appointment-form.appointment-form-light .form-group .form-control::-webkit-input-placeholder {
color: #323232;
}
.wpcf7-form .contact-form.appointment-form.appointment-form-light input[type="submit"] {
width: auto;
display: inline-block;
}
/*----------------------*/
/* Contact Form - White */
/*----------------------*/
.wpcf7-form .contact-form.contact-white-form input[type="text"],
.wpcf7-form .contact-form.contact-white-form input[type="email"],
.wpcf7-form .contact-form.contact-white-form textarea {
background: #ffffff;
border:0;
}
/*===============================================*/
/* Potenza Share - Shortcode */
/*===============================================*/
.overview-share {
display: flex;
gap: 15px 20px;
flex-wrap: wrap;
}
.overview-share .pdf,
.overview-share .see-video,
.overview-share .share {
display: inline-block;
margin-right: 0px;
vertical-align: top;
}
.overview-share .icon,
.overview-share .cardealer-share-action-link {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
display: table-cell;
background: #626262;
color: #ffffff;
border-radius: 50%;
font-size: 12px;
}
.overview-share .info {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
text-transform: uppercase;
}
.overview-share .info a {
color: inherit;
text-transform: uppercase;
font-weight: bold;
}
.overview-share .share {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
cursor: inherit;
}
.overview-share.cd-back-color .share .cardealer-share a {
margin-right: 0;
display: block;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
background: #323232;
color: #ffffff;
border-radius: 50%;
font-size: 12px;
position: relative;
right: -1px;
}
.overview-share .share span {
color: inherit;
text-transform: uppercase;
font-weight: bold;
padding-right: 5px;
user-select: none;
}
.overview-share .info a:hover {
color: #db2d2e;
}
.overview-share .share .cardealer-share a:hover {
background: #db2d2e;
}
.overview-share.cd-back-color .see-video,
.overview-share.cd-back-color .pdf {
border-radius: 30px;
padding: 0px 20px 0px 0px;
}
.overview-share.cd-back-color .icon {
height: 42px;
width: 42px;
line-height: 42px;
position: relative;
left: -1px;
background: #323232;
}
.overview-share.cd-back-color .share {
padding: 0;
margin: 0;
padding-left: 20px;
border-radius: 30px;
}
.overview-share.cd-back-color .share .cardealer-share {
background: inherit !important;
color: inherit !important;
padding: 0;
margin: 0;
}
.overview-share .cardealer-share {
margin-right: 0;
}
.overview-share .cardealer-share .cardealer-share-action {
gap: inherit;
flex-direction: row-reverse;
}
.overview-share .cardealer-share .single-share-box {
position: inherit;
}
.overview-share .cardealer-share-action .cardealer-share-action-more {
margin-top: 0px;
margin-left: 5px;
}
/*===============================================*/
/* Potenza Vehicles Conditions Tabs - Shortcode */
/*===============================================*/
.cars_condition_carousel-wrapper .cardealer-tabs h6 {
display: inline-block;
}
.cars_condition_carousel-wrapper .cardealer-tabs .tabs {
display: inline-block;
vertical-align: middle;
}
.cars_condition_carousel-wrapper .cardealer-tabs .tabs li {
margin-left: 2px;
color: #323232;
background: #f6f6f6;
border:none;
padding: 2px 14px;
border-radius: 3px;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
}
.cars_condition_carousel-wrapper .cardealer-tabs .tabs li.active,
.cars_condition_carousel-wrapper .cardealer-tabs .tabs li.active:focus,
.cars_condition_carousel-wrapper .cardealer-tabs .tabs li:hover {
background: #db2d2e;
color: #ffffff;
border:none;
}
.cars_condition_carousel-items [class*='col-'] > .car-item {
margin-bottom: 30px;
}
/*===============================================*/
/* Potenza Vehicles Search - Shortcode */
/*===============================================*/
.slider-content.vehicle-search-section .search-tab {
background: rgba(17, 20, 22, 0.5);
padding: 30px;
padding-top: 25px;
padding-bottom: 10px;
text-align: left;
position: relative;
margin: 0;
}
.slider-content.vehicle-search-section .search-tab .tabs li {
display: inline-block;
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
background: transparent;
border:none;
line-height: 25px;
overflow: hidden;
padding: 2px 14px;
border-radius: 3px;
font-size: 13px;
margin: 0 2px;
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;
}
.slider-content.vehicle-search-section .search-tab ul.tabs li.active,
.slider-content.vehicle-search-section .search-tab ul.tabs li.active:focus,
.slider-content.vehicle-search-section .search-tab ul.tabs li:hover {
background: #db2d2e;
color: #ffffff;
border:none;
}
.slider-content.vehicle-search-section h4 {
text-transform: capitalize;
font-weight: 400;
font-size: 28px;
margin-top: 10px;
line-height: 28px;
}
.slider-content.vehicle-search-section .search-tab .cardealer-tabcontent {
overflow: visible;
margin-bottom: 0;
border-top: 5px solid rgba(0, 0, 0, 0.5);
padding-top: 20px;
margin-top: 10px;
position: relative;
}
.slider-content.vehicle-search-section .search-tab .cardealer-tabcontent form {
margin-left: -15px;
margin-right: -15px;
}
.slider-content.vehicle-search-section .search-tab .cardealer-tabcontent .selected-box,
.slider-content.vehicle-search-section .search-tab .cardealer-tabcontent .form-group {
margin-bottom: 20px;
display: inline-block;
width: 100%;
vertical-align: top;
}
.slider-content.vehicle-search-section .search-tab .cardealer-tabcontent .form-group .form-control {
background: #6d7377;
border-color: #6d7377;
color: #ffffff;
padding: 10px 18px;
margin-bottom: 0;
}
.slider-content.vehicle-search-section .search-tab .cardealer-tabcontent .form-group .form-control::-moz-placeholder {
color: #ffffff;
}
.slider-content.vehicle-search-section .search-tab .cardealer-tabcontent .form-group .form-control::-ms-input-placeholder {
color: #ffffff;
}
.slider-content.vehicle-search-section .search-tab .cardealer-tabcontent .form-group .form-control::-webkit-input-placeholder {
color: #ffffff;
}
.slider-content.vehicle-search-section.dark .search-tab .select2-container .select2-selection--single {
background: #6d7377;
border-color: #6d7377;
color: #ffffff;
}
.slider-content.vehicle-search-section.dark .search-tab .select2-container .select2-selection--single .select2-selection__rendered {
color: #ffffff;
}
.slider-content.vehicle-search-section .search-tab .cardealer-tabcontent button {
border: 0;
margin-bottom: 20px;
}
.slider-content.vehicle-search-section .search-tab h6 {
display: inline-block;
color: #ffffff;
margin-top: 15px;
vertical-align: top;
margin-right: 20px;
margin-bottom: 0;
}
.slider-content.vehicle-search-section .search-tab ul.tabs {
display: inline-block;
margin-top: 10px;
}
.slider-content.vehicle-search-section .search-tab .car-total {
display: inline-block;
vertical-align: middle;
position: absolute;
top: -50px;
right: 0;
}
.slider-content.vehicle-search-section .search-tab .car-total h5 {
margin-bottom: 0;
}
.slider-content.vehicle-search-section .search-tab .car-total h5 i {
padding-right: 8px;
font-size: 20px;
line-height: 24px;
display: inline-block;
}
.slider-content.vehicle-search-section .search-tab .car-total h5 p {
display: inline-block;
margin-bottom: 0;
}
.slider-content.vehicle-search-section {
position: relative;
}
.slider-content.vehicle-search-section .filter-loader i {
position: absolute;
width: 25px;
height: 25px;
left: 50%;
top: 50;
margin-left: -7px;
margin-top: 0;
}
/*----------------------*/
/* light */
/*----------------------*/
.slider-content.vehicle-search-section.light .search-tab {
background: #ffffff;
border:1px solid #e3e3e3;
}
.slider-content.vehicle-search-section.light .search-tab h6,
.slider-content.vehicle-search-section.light .search-tab h5 {
color: #323232;
}
.slider-content.vehicle-search-section.light .search-tab .tabs li {
background: #f6f6f6;
color: #323232;
}
.slider-content.vehicle-search-section.light .search-tab .cardealer-tabcontent {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.slider-content.vehicle-search-section.light .search-tab .cardealer-tabcontent .form-group .form-control {
background: #ffffff;
border-color: #e8e8e8;
color: #323232;
}
.slider-content.vehicle-search-section.light .search-tab .cardealer-tabcontent .form-group .form-control::-moz-placeholder {
color: #323232;
}
.slider-content.vehicle-search-section.light .search-tab .cardealer-tabcontent .form-group .form-control::-ms-input-placeholder {
color: #323232;
}
.slider-content.vehicle-search-section.light .search-tab .cardealer-tabcontent .form-group .form-control::-webkit-input-placeholder {
color: #323232;
}
/*------------------------------------*/
/* Vehicle Search : Style 2 */
/*------------------------------------*/
.slider-content.vehicle-search-section.style-2 .search-tab {
background: none;
border: none;
padding: 0;
}
.slider-content.vehicle-search-section.style-2 .search-tab .cardealer-tabcontent {
border-top: none;
}
.slider-content.vehicle-search-section.style-2 .search-tab h5 {
font-size: 30px;
line-height: normal;
}
.slider-content.vehicle-search-section.style-2 .search-tab h6 {
font-size: 30px;
line-height: normal;
margin-right: 30px;
margin-top: 0;
}
.slider-content.vehicle-search-section.style-2 .search-tab ul.tabs {
margin-top: 5px;
vertical-align: middle;
}
.slider-content.vehicle-search-section.style-2 .search-tab ul.tabs li {
background: none !important;
padding: 0px 10px;
font-size: 20px;
text-transform: none;
font-weight: 500;
text-decoration: underline;
line-height: 28px;
opacity: 0.6;
text-underline-offset: 5px;
}
.slider-content.vehicle-search-section.style-2 .search-tab ul.tabs li.active {
opacity: 1;
}
.slider-content.vehicle-search-section.style-2 .search-tab .cardealer-tabcontent .form-group,
.slider-content.vehicle-search-section.style-2 .search-tab .cardealer-tabcontent .selected-box {
margin-bottom: 0;
margin-top: 15px;
}
.slider-content.vehicle-search-section.style-2 .selected-box .select2-container .select2-selection--single {
height: auto;
border: none;
border-radius: 3px;
}
.slider-content.vehicle-search-section.style-2 .selected-box .select2-container .select2-selection--single .select2-selection__rendered {
padding: 13px 15px;
font-size: 16px;
line-height: 22px;
}
.slider-content.vehicle-search-section.style-2 .search-tab .cardealer-tabcontent .form-group .form-control {
padding: 13px 15px;
height: auto;
border: none;
border-radius: 3px;
font-size: 16px;
}
.slider-content.vehicle-search-section.style-2 .search-tab .cardealer-tabcontent button {
padding: 13px 20px;
border-radius: 3px;
margin-bottom: 0;
margin-top: 15px;
}
/*---------------------*/
/* Style 2 : Dark */
/*---------------------*/
.slider-content.vehicle-search-section.style-2.dark .selected-box .select2-container .select2-selection--single,
.slider-content.vehicle-search-section.style-2.dark .search-tab .cardealer-tabcontent .form-group .form-control {background: #323232;}
.slider-content.vehicle-search-section.style-2.dark .selected-box .select2-container .select2-selection--single .select2-selection__rendered {color: #ffffff;}
.slider-content.vehicle-search-section.style-2.dark .search-tab ul.tabs li,
.slider-content.vehicle-search-section.style-2.dark .search-tab h5,
.slider-content.vehicle-search-section.style-2.dark .search-tab h6 {color: #323232;}
/*---------------------*/
/* Style 2 : Light */
/*---------------------*/
.slider-content.vehicle-search-section.style-2.light .selected-box .select2-container .select2-selection--single .select2-selection__rendered {color: #323232;}
.slider-content.vehicle-search-section.style-2.light .search-tab ul.tabs li,
.slider-content.vehicle-search-section.style-2.light .search-tab h5,
.slider-content.vehicle-search-section.style-2.light .search-tab h6,
.slider-content.vehicle-search-section.style-2.light .search-tab .car-total span {color: #ffffff;}
.slider-content.vehicle-search-section.style-2.light .search-tab .cardealer-tabcontent button {background: #323232;}
.slider-content.vehicle-search-section.style-2.light .search-tab .cardealer-tabcontent button:hover {color: #323232;}
.slider-content.vehicle-search-section.style-2.light .search-tab .cardealer-tabcontent button:before {background: #ffffff;}
/*===============================================*/
/* Potenza Custom Filters - Shortcode */
/*===============================================*/
.search-block {
padding: 30px 20px 30px;
background: #ffffff;
border: 1px solid #e3e3e3;
position: relative;
}
.search-block .row [class*="col-"] > span {
margin-bottom: 10px;
display: block;
font-size: 13px;
}
.search-block .selected-box {
margin-bottom: 15px;
}
.search-block .select2-container .select2-selection--single {
margin-bottom: 0;
}
.search-block .select {
height: 50px;
margin-bottom: 10px;
}
.search-block .select-styled {
padding: 13px 15px;
color: #999999;
}
.search-block .select-styled:after {
top: 22px;
opacity: 0.5;
}
.search-block .select-styled:active:after,
.search .search-block .select-styled.active:after {
top: 14px;
}
.search-block .select-options li {
color: #999999;
}
.search-block.default {
margin-top: 0;
}
.search-block.wide {
padding: 0;
border: none;
}
.search-block.red-bg.wide {
padding: 30px 15px;
}
.search-block.transparent {
background: transparent;
color: #ffffff;
}
.search-block.transparent .price-slide .price label {
color: #ffffff;
}
.search-block.transparent .price-slide .price input {
color: #ffffff;
}
.search-block.red-bg {
background: #db2d2e;
border: none;
color: #ffffff;
}
.search-block.red-bg .price-slide .price label {
color: #ffffff;
}
.search-block.red-bg .price-slide a.button {
background: #323232;
}
.search-block.red-bg .price-slide a.button:hover {
color: #323232;
}
.search-block.red-bg .price-slide a.button:before {
background: #ffffff;
}
.search-block.red-bg .price-slide .price input {
color: #ffffff;
}
.search-block.red-bg .range-slider-value-wrapper input {color: #ffffff;}
.search-block.red-bg .price-slide .ui-slider .ui-slider-range,
.search-block.red-bg .year_range .ui-slider .ui-slider-range {background: #323232;}
.search-block.red-bg .year-range-slide .slider-year-range .ui-slider-handle,
.search-block.red-bg .price-slide .slider-range .ui-slider-handle {background: #323232;}
.search-block .range-btn-wrapper {margin-top: 0;}
.search-block .range-slider-value-wrapper {display: flex; margin-bottom: 15px;}
.search-block .range-slider-value-wrapper label {margin-bottom: 0; margin-right: 7px;}
.search-block .range-slider-value-wrapper input {border: none; background: none; margin: 0; padding: 0; font-size: 14px; color: #323232; font-weight: 700;}
.search-block .price_slider_wrapper .button {margin-top: 20px;}
.search-block .range-slider-value-wrapper .dealer-slider-amount span.currency {display: inline-block; width: auto; font-size: inherit; margin: inherit;}
.search-block .filter-loader .filter-loader {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
left: 0;
top: 0;
z-index: 9;
text-align: center;
}
.search-block.red-bg .filter-loader .filter-loader {
background: rgba(255, 255, 255, 0.9);
}
.search-block .filter-loader i {
position: absolute;
width: 25px;
height: 25px;
left: 50%;
top: 50%;
margin-left: -7px;
margin-top: 0px;
}
.search-block.transparent .filter-loader .filter-loader {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
left: 0;
top: 0;
z-index: 9;
text-align: center;
}
.search-block.wide .price_slider_wrapper .price-slide { margin-bottom: 40px; }
.sort-filters-box .padding-none { padding: 0; margin-bottom: 20px; }
.sort-filters-box .stripe { color: #db2d2e; margin-right: 15px; position: relative; }
.sort-filters-box .stripe-item { display: inline-block; }
.sort-filters-box .stripe-item li { margin-right: 10px; display: inline-block; }
.sort-filters-box .stripe-item li i { margin-right: 3px; }
.sort-filters-box .stripe-item li a { width: auto; padding: 5px 10px; font-weight: 600; color: #323232; font-size: 12px; border: 1px solid #dddddd;
border-radius: 25px; background: #ffffff; transition: all 0.2s ease-out 0s;}
.sort-filters-box .stripe-item li a:hover {color: #ffffff;}
.sort-filters-box .stripe-item li a:hover {background: #010101; color: #ffffff; border-color: #010101;}
.sort-filters-box .stripe-item li a span {color: #db2d2e;}
.all-cars-list-arch .alert { margin-top: 25px; }
.sort-filters-box .cardealer-tabs .tabs li {margin-left: 2px; background: #f6f6f6; padding: 2px 14px; border-radius: 3px; font-size: 13px; text-transform: uppercase; font-weight: bold; vertical-align: top; border: none;}
.sort-filters-box .cardealer-tabs .tabs li.active,
.sort-filters-box .cardealer-tabs .tabs li.active:focus,
.sort-filters-box .cardealer-tabs .tabs li:hover {color: #ffffff; border:none;}
/* Search Block New Custom CSS */
.search-block-new .search-block {box-shadow: 0 10px 50px rgba(0,0,0,0.05); padding: 45px 35px 35px 35px; border: none; border-radius: 7px;}
.search-block-new .search-block [class*=col-] > span {font-size: 15px; line-height: 22px;}
.search-block-new .dealer-slider-amount bdi {color: #262c48; font-size: 16px; font-weight: 600;}
/*----------------------------*/
/* Search Logo : Style 2 */
/*----------------------------*/
.search-logo.style_2 {
background: none;
box-shadow: none;
padding: 0;
}
.search-logo.style_2 h6 {
font-size: 30px;
line-height: normal;
margin-right: 30px;
}
.search-logo.style_2 .cardealer-tabs .tabs li {
padding: 5px 20px;
border-radius: 3px;
font-size: 15px;
font-weight: 500;
vertical-align: top;
border: none;
text-transform: none;
margin-left: 5px;
}
.search-logo.style_2 .cardealer-tabs .cardealer-tabcontent {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 0;
margin-top: 0;
}
.search-logo.style_2 .cardealer-tabcontent .col-md-3 {
width: 16.6666%;
}
.search-logo.style_2 .search-logo-box {
border: 2px solid #e8e8e8;
border-radius: 3px;
padding: 25px;
text-align: center;
box-shadow: none;
position: relative;
margin: 0;
margin-top: 30px;
min-height: 116px;
border-radius: 12px;
background: #ffffff;
transition: all .25s ease-in-out;
}
.search-logo.style_2 .search-logo-box:hover {
border-color: #db2e2d;
}
.search-logo.style_2 .search-logo-box strong {
display: block;
position: relative;
text-transform: none;
font-weight: 500;
color: #323232;
margin-top: 16px;
z-index: 2;
}
.search-logo.style_2 .search-logo-box span {
position: absolute;
right: 10px;
top: 10px;
border: 2px solid #f3f3f3;
width: 25px;
height: 25px;
font-size: 13px;
line-height: 20px;
text-align: center;
font-weight: 500;
border-radius: 50%;
z-index: 2;
color: #323232;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.search-logo.style_2 .search-logo-box:hover span {
color: #ffffff;
border-color: #db2e2d;
}
/*----------------------------*/
/* Custom Filters : Style 3 */
/*----------------------------*/
.cdhl_custom-filters_wrapper .search-block.style-3 {
background: none;
border: none;
padding: 0;
}
.cdhl_custom-filters_wrapper .search-block.style-3 > .col-sm-12 {
padding: 0;
}
.cdhl_custom-filters_wrapper .search-block.style-3 span.selected-box-lable {
display: none;
}
.cdhl_custom-filters_wrapper .search-block.style-3 .select2-container .select2-selection--single {
height: 46px;
}
.cdhl_custom-filters_wrapper .search-block.style-3 .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 15px;
line-height: 46px;
color: #323232 ;
}
.cdhl_custom-filters_wrapper .search-block.style-3 .range-slider-value-wrapper {
margin-top: 10px;
margin-bottom: 10px;
}
.cdhl_custom-filters_wrapper .search-block.style-3 .price_slider_wrapper .dealer-slider-amount bdi {
color: #323232;
font-weight: 600;
font-size: 16px;
}
.cdhl_custom-filters_wrapper .search-block.style-3 .price_slider_wrapper .cfb-submit-btn {
width: 100%;
padding: 13px 20px;
margin-top: 30px;
}
/* Theme Color ------------------*/
.cdhl_custom-filters_wrapper .search-block.style-3.red-bg .price_slider_wrapper .dealer-slider-amount bdi {
color: #ffffff;
}
/* Transparent Color ------------------*/
.cdhl_custom-filters_wrapper .search-block.style-3.transparent .price_slider_wrapper .dealer-slider-amount bdi {
color: #ffffff;
}
/*===============================================*/
/* Potenza Tab Vertical Multi Tab - Shortcode */
/*===============================================*/
.elementor-widget-cdhl_vertical-multi-tab .cdhl_vertical-multi-tab_wrapper {
min-height: 1px;
}
.tab-vertical.tabs-left .left-tabs-block {
width: 22%;
margin-right: 3%;
float: left;
}
.tab-vertical.tabs-left .nav-tabs {
float: none;
width: 100%;
border: none;
}
.tab-vertical.tabs-left .nav-tabs > li {
border-bottom: 1px solid #e8e8e8;
padding: 13px 0;
display: inline-block;
width: 100%;
}
.tab-vertical.tabs-left .nav-tabs > li:first-child {
border-top: 1px solid #e8e8e8;
}
.entry-content .tab-vertical.tabs-left ul {
padding-left: 0;
margin-left: 0;
}
.tab-vertical.tabs-left .nav-tabs > li > a {
border: none;
border-left: 3px solid #dddddd;
margin: 0;
padding: 5px 15px;
border-radius: 0;
text-transform: uppercase;
color: #323232;
background: none;
position: relative;
}
.tab-vertical.tabs-left .nav-tabs > li > a:hover,
.tab-vertical.tabs-left .nav-tabs > li.active > a {
color: #db2d2e;
border-left-color: #db2d2e;
}
.tab-vertical.tabs-left .nav-tabs > li > a:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-size: 18px;
color: #cccccc;
position: absolute;
top: 5px;
right: 0;
font-weight: 900;
}
.tab-vertical.tabs-left .nav-tabs > li.active > a:before {
color: #db2d2e;
}
.tab-vertical.tabs-left .tab-content {
width: 75%;
float: left;
}
.tab-vertical.tabs-left .tab-content .tab-pane.active {
display: flex;
flex-wrap: wrap;
}
.tab-vertical.tabs-left .tab-content .tab-pane .grid-item {
width: 32%;
float: left;
background: #ffffff;
margin-right: 2%;
margin-bottom: 35px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.tab-vertical.tabs-left .tab-content .tab-pane .grid-item:nth-child(3n) {
margin-right: 0;
}
.tab-vertical.tabs-left .car-item .car-image > img {
margin-bottom: 0;
}
.left-tabs-block .ads-img {
margin: 30px 0px;
}
.left-tabs-block .ads-img img {
max-width: 100%;
}
.tab-vertical.tabs-left .tab-content .tab-pane .grid-item.no-data {
box-shadow: none;
width: 100%;
text-align: center;
}
/*----------------------*/
/* Dark Background */
/*----------------------*/
.row-background-dark .tab-vertical.tabs-left .nav-tabs > li:first-child {
border-top-color: rgba(255, 255, 255, 0.4);
}
.row-background-dark .tab-vertical.tabs-left .nav-tabs > li {
border-bottom-color: rgba(255, 255, 255, 0.4);
}
.row-background-dark .tab-vertical.tabs-left .nav-tabs > li > a {
color: #FFFFFF;
border-left-color: #ffffff;
}
.row-background-dark .tab-vertical.tabs-left .nav-tabs > li > a:before {
color: #FFFFFF;
}
.row-background-dark .tab-vertical.tabs-left .nav-tabs > li > a:hover,
.row-background-dark .tab-vertical.tabs-left .nav-tabs > li.active > a {
color: #db2d2e;
border-left-color: #db2d2e;
}
.row-background-dark .tab-vertical.tabs-left .nav-tabs > li.active > a:before {
color: #db2d2e;
}
/*===============================================*/
/* Isotope Filters - Shortcode */
/*===============================================*/
.isotope-filters {
display: table;
margin: 0 auto 40px;
text-align: center;
}
.isotope-filters > .isotope-filters {
margin-bottom: 0;
}
.isotope-filters button {
text-transform: uppercase;
font-weight: 600;
color: #323232;
border: none;
font-size: 14px;
margin: 4px;
cursor: pointer;
color: #626262;
padding: 5px 12px;
background: transparent;
border-bottom: 2px solid transparent;
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;
-webkit-transition: all 0.5s ease-in-out;
}
.isotope-filters button:focus {
outline: none;
outline-style: none;
outline-offset: 0;
}
.isotope-filters button.active,
.isotope-filters button:hover {
border-bottom-color: #db2d2e;
color: #db2d2e;
}
/*----------------------*/
/* Recent Vehicle 2 */
/*----------------------*/
.recent-vehicle .isotope.column-4 .grid-item {
width: 25%;
padding: 15px;
}
.recent-vehicle .isotope.column-5 .grid-item {
width: 20%;
}
/*===============================================*/
/* Promocode - Shortcode */
/*===============================================*/
.promocode-box .form-control {
margin-bottom: 0;
height: 45px;
margin-right: 3px;
}
.promocode-box .promocode-btn {
height: 45px;
}
.pgs_promocode_image .promocode_img_container > img {
margin-bottom: 10px;
}
.promocode-box .promocode-msg {
margin: 0;
margin-top: 5px;
}
/*===============================================*/
/* Dealer List - Shortcode */
/*===============================================*/
.cdfs-dealers-wrapper .cdfs-dealers-search-form {
background: #fbfbfb;
padding: 30px;
margin-bottom: 40px;
border: 2px solid #efefef;
border-radius: 5px;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-field {
margin-bottom: 20px;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-field label {
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 10px;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-field select,
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-field input[type="text"] {
color: inherit;
height: auto;
padding: 12px 15px;
background: #ffffff;
border: 2px solid #e8e8e8;
border-radius: 3px;
outline: none;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-filters {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 10px;
margin-bottom: 30px;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-tools > .row {
display: flex;
flex-wrap: wrap;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-tools .cdfs-dealers-search-tools-first {
display: flex;
flex-wrap: wrap;
grid-gap: 30px;
order: 2;
width: 50%;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-tools .cdfs-dealers-search-tools-first .cdfs-dealers-search-field {
margin-bottom: 0;
flex: 2;
min-width: calc(50% - 15px);
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-tools .cdfs-dealers-search-tools-first .cdfs-dealers-search-field input {
width: 100%;
padding: 8px 15px;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-tools .cdfs-dealers-search-tools-second {
order: 1;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-tools .cdfs-dealers-search-tools-second .cdfs-dealers-search-field {
margin-bottom: 0;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-tools .cdfs-dealers-search-tools-second .cdfs-dealers-search-field select {
padding: 8px 15px;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-tools .cdfs-dealers-search-tools-third {
display: flex;
flex-wrap: wrap;
grid-gap: 10px;
order: 3;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-tools .cdfs-dealers-search-button {margin-bottom: 0;}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-tools .cdfs-dealers-search-reset button {
padding: 8px 30px;
font-weight: 500;
background: none;
border: 1px solid #db2d2e;
border-radius: 3px;
transition: all 0.3s ease-out 0s;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-tools .cdfs-dealers-search-reset button:hover {
background: #db2d2e;
color: #ffffff;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-tools .cdfs-dealers-search-search button {
background: #db2d2e;
color: #ffffff;
padding: 9px 28px;
font-weight: 500;
border: none;
border-radius: 3px;
transition: all 0.3s ease-out 0s;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-tools .cdfs-dealers-search-search button i {
padding-right: 8px;
}
.cdfs-dealers-wrapper .cdfs-dealers-search-form .cdfs-dealers-search-tools .cdfs-dealers-search-search button:hover {
background: #323232;
color: #ffffff;
}
/* Dealer List Tabel */
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper {
border: 2px solid #efefef;
padding: 15px 30px;
border-radius: 7px;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list {
border-collapse: inherit;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list th,
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list td {
border: none;
border-bottom: 1px solid #e8e8e8;
padding: 20px 0;
padding-right: 10px;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list th {
text-transform: uppercase;
color: #323232;
font-size: 13px;
padding-top: 15px;
border-bottom-width: 2px;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list .cdfs-dealers-list-column-dealer .cdfs-dealers-list-dealer {
display: flex;
align-items: center;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list .cdfs-dealers-list-column-dealer .cdfs-dealers-list-dealer .cdfs-dealers-list-dealer-thumb {
margin-right: 10px;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list .cdfs-dealers-list-column-dealer .cdfs-dealers-list-dealer .cdfs-dealers-list-dealer-thumb img {
border-radius: 80px;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list .cdfs-dealers-list-dealer-name a {
font-weight: 600;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list .vehicle-seller-info-rating-count {
display: block;
margin-top: 5px;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list .cdfs-dealers-list-column-location {
max-width: 150px;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list .cdfs-dealers-list-column-location .search-distance {
margin-top: 5px;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list .cdfs-dealers-list-column-location .search-distance span {
font-weight: 600;
color: #323232;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list tbody tr:last-child td {
border-bottom: none;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list td a {
color: #323232;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list td a:hover {
color: #db2d2e;
text-decoration: underline !important;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list-no-data-found {
text-align: center;
}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-dealers-list-no-data-found td {
padding-top: 35px;
}
/* Rating */
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-star-ratings {display: inline-block; unicode-bidi: bidi-override; color: #f8b700; width: 79px; font-size: 64px; position: relative; margin: 0; padding: 0; margin-right: 5px;}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-star-ratings .fill-ratings {padding: 0; position: absolute; z-index: 1; display: block; top: 0; left: 0; overflow: hidden;}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-star-ratings .fill-ratings span i {font-weight: 600;}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-star-ratings span {display: flex; font-size: 14px;}
.cdfs-dealers-wrapper .cdfs-dealers-list-wrapper .cdfs-star-ratings .empty-ratings {display: block; padding: 0; z-index: 0;}
/*=========================================================*/
/* Potenza Vehicle Listing - Widget */
/*=========================================================*/
.elementor-widget-cdhl_vehicles-listing-search .title,
.elementor-widget-cdhl_vehicles-listing-price-filter .title,
.elementor-widget-cdhl_vehicles-listing-filters .title {
position: relative; padding-bottom: 10px; margin-bottom: 20px; font-weight: 600;
}
.elementor-widget-cdhl_vehicles-listing-search .title:before,
.elementor-widget-cdhl_vehicles-listing-price-filter .title:before,
.elementor-widget-cdhl_vehicles-listing-filters .title:before {
position: absolute; content: ""; width: 20px; height: 2px; background: #db2d2e; left: 0; bottom: 0px;
}
.elementor-widget-cdhl_vehicles-listing .vehicle-listing-view-list .vehicle-listing {margin-left: 0; margin-right: 0;}
.elementor-widget-cdhl_vehicles-listing .vehicle-listing-view-list .vehicle-listing .car-grid {border: 1px solid #e3e3e3; background: #ffffff; padding: 15px; margin-top: 30px;}
.elementor-widget-cdhl_vehicles-listing .vehicle-listing-view-list .vehicle-listing .car-grid:first-child {margin-top: 0;}
.elementor-widget-cdhl_vehicles-listing .vehicle-listing-view-list .vehicle-listing .car-item {min-height: inherit; height: auto !important;}
.elementor-widget-cdhl_vehicles-listing .vehicle-listing-view-list .car-grid .car-title a {position: relative; padding-bottom: 10px; margin-bottom: 10px; margin-top: 10px; display: inline-block; font-size: 20px; text-transform: uppercase; font-weight: 600; color: #363636;}
.elementor-widget-cdhl_vehicles-listing .vehicle-listing-view-list .car-grid .car-title a:before {position: absolute; content: ""; width: 20px; height: 2px; background: #db2d2e; left: 0; bottom: 0px;}
.elementor-widget-cdhl_vehicles-listing .vehicle-listing-view-list .car-details .price + a.button {padding: 3px 20px; position: absolute;top: 0;
right: 15px;}
.elementor-widget-cdhl_vehicles-listing .vehicle-listing-view-masonry > .vehicle-listing {margin-top: -30px;}
.elementor-widget-cdhl_vehicles-listing .vehicle-listing-view-masonry .car-item {margin-top: 30px;}
.elementor-widget-cdhl_vehicles-listing .vehicle-listing-view-list .car-grid .car-list {margin-top: 21px;}
.elementor-widget-cdhl_vehicles-listing .vehicle-listing-view-list .car-grid .car-list ul li {border: 1px solid #e3e3e3; padding: 5px 10px; font-size: 12px; margin-right: 5px;}
/*-------------------------------*/
/* Vehicle Listing Search */
/*-------------------------------*/
.elementor-widget-cdhl_vehicles-listing-search .cd-search-wrap .cd-search-autocomplete-input {
width: 100%;
padding-right: 40px;
}
.elementor-widget-cdhl_vehicles-listing-search .cd-search-wrap .cd-search-submit {
background: none;
color: #db2d2e;
}
/*-------------------------------*/
/* Vehicle Listing Filters */
/*-------------------------------*/
.elementor-widget-cdhl_vehicles-listing-filters .cdhl-vehicle-filters {
background: #f5f5f5;
padding: 15px;
}
.elementor-widget-cdhl_vehicles-listing-filters .listing_sort .year-range-slider-wrapper {
width: 100% !important;
margin-top: 10px;
}
.elementor-widget-cdhl_vehicles-listing-filters .listing_sort .year-range-slide .range-slide-slider {
background: #cfcfcf;
}
.elementor-widget-cdhl_vehicles-listing-filters .listing_sort .year-range-slider-wrapper .range-btn-wrapper {
margin-top: 15px;
margin-bottom: 25px;
}
.elementor-widget-cdhl_vehicles-listing-filters .listing_sort .year-range-slider-wrapper .range-btn-wrapper .range-slider-value-wrapper {
display: flex;
align-self: center;
}
.elementor-widget-cdhl_vehicles-listing-filters .listing_sort .year-range-slider-wrapper .range-btn-wrapper .range-slider-value-wrapper label {
margin: 0;
padding-right: 5px;
font-size: 13px;
}
.elementor-widget-cdhl_vehicles-listing-filters .listing_sort .year-range-slider-wrapper .range-btn-wrapper .range-slider-value-wrapper input {
background: none;
border: 0;
font-size: 13px;
color: #323232;
font-weight: 700;
padding: 0;
width: 100%;
padding-right: 10px;
}
.elementor-widget-cdhl_vehicles-listing-filters .cars-total-vehicles {
margin-bottom: 10px;
}
.elementor-widget-cdhl_vehicles-listing-filters .cars-total-vehicles .stripe {
position: relative;
display: block;
color: #db2d2e;
margin-right: 15px;
margin-bottom: 10px;
}
.elementor-widget-cdhl_vehicles-listing-filters .cars-total-vehicles .stripe-item {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.elementor-widget-cdhl_vehicles-listing-filters .listing_sort .select2-container {
margin-bottom: 10px;
}
.elementor-widget-cdhl_vehicles-listing-filters .listing_sort .filter-loader .filter-loader {
background: rgb(245 245 245 / 80%);
}
/* Listing Filters Horizontal */
.cdhl_vehicles-listing-filters_wrapper.horizontal {
border: 1px solid #e3e3e3;
background: #ffffff;
padding: 20px;
}
.cdhl_vehicles-listing-filters_wrapper.horizontal .sort-filters > .year-range-slider-wrapper {
width: 32.5% !important;
display: inline-block;
vertical-align: top;
width: auto;
margin-top: 0;
padding-right: 15px;
}
.cdhl_vehicles-listing-filters_wrapper.horizontal .sort-filters .year-range-slider-wrapper .range-btn-wrapper {
margin-top: 7px;
margin-bottom: 10px;
}
.cdhl_vehicles-listing-filters_wrapper.horizontal .listing_sort .select2-container {
width: 15.5% !important;
margin-right: 1%;
margin-top: 0;
margin-bottom: 10px;
}
/*-------------------------------*/
/* Potenza Vehicles Listing */
/*-------------------------------*/
.elementor-widget-cdhl_vehicles-listing .vehicle-listing-view-grid .vehicle-listing-main {
display: flex;
flex-wrap: wrap;
gap: 30px 0;
}
.elementor-widget-cdhl_vehicles-listing .vehicle-listing-wrapper .car-item {
width: 100%;
height: 100%;
min-height: 336px;
position: relative;
overflow: hidden;
background: #ffffff;
border: 1px solid #e3e3e3;
}
.elementor-widget-cdhl_vehicles-listing .cdhl_vehicles-listing_wrapper .cars-pagination-nav {
display: inline-block;
position: relative;
width: 100%;
padding-top: 30px;
}
/*===============================================*/
/* 360 View Widget */
/*===============================================*/
.cd-view360-inline .cloudimage-360-inner-box .cloudimage-360-loader {
top: auto;
bottom: 0;
height: 3px;
background-color: var(--cd-primary-color);
}
.cd-view360-inline .cloudimage-360-prev,
.cd-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;
}
.cd-view360-inline .cloudimage-360-prev:hover,
.cd-view360-inline .cloudimage-360-next:hover {
color: #ffffff;
background: var(--cd-primary-color);
border-color: var(--cd-primary-color);
}
.cd-view360-inline .cloudimage-360-prev {
left: 20px;
}
.cd-view360-inline .cloudimage-360-next {
right: 20px;
z-index: 102;
}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists