Editing: app.css
@charset "UTF-8"; .stm-orange { color: #ffb129; } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 10px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 5px 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-family: "Noto Sans", sans-serif; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } .bypostauthor > article .fn:after { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-family: "Genericons"; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; speak: none; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: top; } .wp-caption-text { margin-top: 10px; } .gallery { display: flex; flex-wrap: wrap; margin-bottom: 30px; } .gallery .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; margin: 0; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { max-width: 100%; height: auto; margin: 0 auto; } .gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-size: 12px; line-height: 1.5; padding: 0.5em 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .bypostauthor { text-decoration: none; } /* 1.2 Form controls, form groups */ input[type=text], input[type=number], input[type=tel], input[type=date], input[type=email], input[type=search], input[type=password] { display: block; width: 100%; height: 47px; line-height: 47px; padding: 0 21px; font-weight: 400; color: #888888; border: 2px solid #eceff3; font-size: 14px; outline: none !important; background-color: #eceff3; } input[type=text].form-error, input[type=number].form-error, input[type=tel].form-error, input[type=email].form-error, input[type=search].form-error, input[type=password].form-error { border-color: #ff2325; } input[type=text]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus { background-color: #fff; border-color: #6c98e1; color: #232628; } .stm-row-comments input[type=text], .stm-row-comments input[type=tel], .stm-row-comments input[type=email], .stm-row-comments input[type=search], .stm-row-comments input[type=password] { height: 44px; line-height: 44px; } .stm-forms-sm { margin-bottom: 11px; } .stm-forms-sm input[type=text], .stm-forms-sm input[type=tel], .stm-forms-sm input[type=date], .stm-forms-sm input[type=email], .stm-forms-sm input[type=search], .stm-forms-sm input[type=password] { height: 37px; line-height: 37px; } .stm-mc-unit input[type=text], .stm-mc-unit input[type=tel], .stm-mc-unit input[type=date], .stm-mc-unit input[type=email], .stm-mc-unit input[type=search], .stm-mc-unit input[type=password] { display: block; width: 100%; height: 38px; line-height: 38px; border: none; padding: 0 17px; font-weight: 400; color: #aaa; font-size: 13px; outline: none !important; background-color: #fff; } textarea { padding: 21px; width: 100%; max-width: 100%; background-color: #eceff3; border: 2px solid #eceff3; color: #888; resize: none; } textarea:focus { background-color: #fff; border-color: #6c98e1; color: #232628; } .form-label { margin-bottom: 2px; text-transform: uppercase; color: #888; font-size: 12px; } .form-label-small { margin-bottom: 3px; color: #888; font-size: 13px; } .form-modal-label { margin-bottom: 3px; font-size: 13px; color: #888; } .form-group { margin-bottom: 19px; } .form-group-textarea { margin-bottom: 16px; } .wpcf7-not-valid { border-color: #ff2325 !important; } .has-error input[type=text], .has-error input[type=tel], .has-error input[type=date], .has-error input[type=email], .has-error input[type=search], .has-error input[type=password] { border-color: #ff2325; } .modal-body input:not([type=submit]) { height: 37px; line-height: 37px; } .modal-body button { display: inline-block; } .stm-button { background: #cc6119; color: #191919; transition: all 0.2s ease; opacity: 1; } .stm-button i { font-size: 10px; margin-right: 5px; } .stm-button:hover { opacity: 0.8; } .form-error { border-color: #ff2325; } .stm-form-alert { margin-top: 6px; font-size: 13px; line-height: 18px; color: #888; } .form-hr { margin: 0 0 29px; background-color: #dddddd; } .comment-form-comment textarea { height: 172px; } input[type=checkbox], input[type=radio] { margin: 0; position: relative; top: -1px; vertical-align: middle; } span.wpcf7-list-item { margin-left: 0 !important; } .wpcf7-list-item-label { color: #888 !important; font-size: 13px; } textarea, input, input[type=radio] { -webkit-appearance: auto; -moz-appearance: auto; -o-appearance: auto; appearance: auto; } .stm-label-type-2 { margin-bottom: 5px; font-weight: 400; } /* 1.3 Layout styles */ html { overflow-y: scroll; font-size: 100%; } body { font-family: "Open Sans"; font-size: 14px; line-height: 22px; color: #555555; } .container { width: auto; max-width: 1140px; } #wrapper { overflow: hidden; } .stm-col-pad-left { padding-left: 25px !important; } .stm-col-pad-right { padding-right: 25px !important; } .modal-open #wrapper, .modal-open #page { -moz-filter: blur(8px); -o-filter: blur(8px); filter: blur(8px); } .row-4 .col-md-3:nth-child(4n+1) { clear: both; } .row-3 .col-md-4:nth-child(3n+1) { clear: both; } .row-2 .col-md-6:nth-child(2n+1) { clear: both; } .post-type-archive-service #wrapper { margin-bottom: 30px; } .wpcf7-response-output { margin: 10px 0 0 !important; padding: 15px !important; border: 2px solid #6c98e1 !important; color: #6c98e1 !important; border-radius: 5px; } .wpcf7-response-output.wpcf7-validation-errors { border-color: #ff2325 !important; color: #ff2325 !important; } .wpcf7-response-output.wpcf7-mail-sent-ok { border-color: #32cd32 !important; color: #32cd32 !important; } .wpcf7-not-valid-tip { display: none !important; } /* 1.3.2 Footer */ #footer { bottom: 0; left: 0; right: 0; width: 100%; } #footer .panel { margin-bottom: 0; } #footer .panel .panel-footer { border-top: 0; } #footer #footer_top { padding: 15px 0; } #footer #footer_top .widget_title h3 { color: #fff; } .less_4 aside .widget-wrapper { border-bottom: 0 !important; padding-bottom: 0 !important; } .more_8 aside .widget-wrapper { border-bottom: 0 !important; padding-bottom: 30px !important; } .cols_4 aside:nth-child(5) .widget-wrapper, .cols_4 aside:nth-child(6) .widget-wrapper, .cols_4 aside:nth-child(7) .widget-wrapper, .cols_4 aside:nth-child(8) .widget-wrapper { padding-top: 39px; margin-top: 24px; border-top: 1px solid #444444; } .cols_3 aside:nth-child(1) .widget-wrapper, .cols_3 aside:nth-child(2) .widget-wrapper, .cols_3 aside:nth-child(3) .widget-wrapper { padding-bottom: 39px; margin-bottom: 24px; border-bottom: 1px solid #444444; } .cols_1 { margin: 0 -15px; } .cols_1 aside { float: left; padding: 0 15px 0; width: 100%; } .cols_1 aside:nth-child(1n+1) { clear: both; } .cols_2 { margin: 0 -15px; } .cols_2 aside { float: left; padding: 0 15px 0; width: 50%; } .cols_2 aside:nth-child(2n+1) { clear: both; } .cols_3 { margin: 0 -15px; } .cols_3 aside { float: left; padding: 0 15px 0; width: 33.33333%; } .cols_3 aside:nth-child(3n+1) { clear: both; } .cols_4 { margin: 0 -15px; } .cols_4 aside { float: left; padding: 0 15px 0; width: 25%; } .cols_4 aside:nth-child(4n+1) { clear: both; } aside.widget-default ul { list-style: none; margin: 0; padding: 0; } aside.widget-default ul li a { margin-bottom: 26px; font-size: 13px; line-height: 20px; color: #888; } #footer-copyright { padding: 20px 0 19px; } #footer-copyright .footer-copyright { position: relative; } #footer-copyright .footer-copyright:before { position: absolute; content: ""; display: block; top: -20px; left: 15px; right: 15px; height: 1px; background-color: #444; } #footer-copyright .copyright-text { font-size: 13px; color: #888; } #footer-copyright .copyright-text a { color: #6c98e1; } #footer-copyright .copyright-text .divider { display: inline-block; vertical-align: middle; position: relative; top: -1px; background-color: #888; margin: 0 10px; height: 13px; width: 1px; } .copyright-socials ul { list-style: none; padding: 0; margin: 0 7px 0 0; } .copyright-socials ul:after { display: table; content: ""; clear: both; } .copyright-socials ul li { float: left; margin-left: 37px; } .copyright-socials ul li:first-child { margin-left: 0; } .copyright-socials ul li a { color: #6c98e1; } #footer-copyright, #footer-main { background-color: #232628; } /* 1.4 Typography styles */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .heading-font, .button, .load-more-btn, .vc_tta-panel-title, .page-numbers li > a, .page-numbers li > span, .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a span, .stm_auto_loan_calculator input, .post-content blockquote, .contact-us-label, .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li > a, .stm-shop-sidebar-area .widget.widget_product_categories > ul, #main .stm-shop-sidebar-area .widget .product_list_widget li .product-title, #main .stm-shop-sidebar-area .widget .product_list_widget li a, .woocommerce ul.products li.product .onsale, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce table.shop_attributes td, .woocommerce table.shop_table td.product-name a, .woocommerce-cart table.cart td.product-price, .woocommerce-cart table.cart td.product-subtotal, .header-listing .listing-menu li a { color: #232628; } h1, .h1 { margin: 0 0 10px; line-height: 1.2; font-size: 50px; font-weight: 700; } h2, .h2 { margin: 0 0 14px; line-height: 1.2; font-size: 36px; font-weight: 700; } h3, .h3 { margin: 0 0 15px; line-height: 1.2; font-size: 26px; font-weight: 700; } h4, .h4 { margin: 0 0 11px; line-height: 1.2; font-size: 16px; font-weight: 700; } h5, .h5 { margin: 0 0 7px; line-height: 22px; font-size: 14px; font-weight: 700; } h6, .h6 { margin: 0 0 8px; line-height: 1.2; font-size: 12px; font-weight: 700; } body.stm-macintosh h1, body.stm-macintosh .h1, body.stm-macintosh h2, body.stm-macintosh .h2, body.stm-macintosh h3, body.stm-macintosh .h3, body.stm-macintosh h4, body.stm-macintosh .h4, body.stm-macintosh h5, body.stm-macintosh .h5, body.stm-macintosh h6, body.stm-macintosh .h6, body.stm-macintosh .heading-font { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ul { padding-left: 20px; } ul li { margin-bottom: 8px; } ol { padding-left: 20px; } ol li { margin-bottom: 8px; } ul ol, ol ol, ol ul, ul ul { margin-top: 8px; } img { max-width: 100%; height: auto; } a { color: #191919; } a:hover { color: #cc6119; } a:focus { color: #cc6119; } a:active { color: #cc6119; } blockquote { margin: 22px 0; padding: 2px 32px; border-left-width: 4px; border-left-color: #cc6119; font-size: 14px; line-height: 22px; color: #888888; font-style: italic; } label { font-weight: 400; margin-bottom: 0; } p { margin: 0 0 14px; } table { width: 100%; margin-bottom: 20px; } table > thead tr th { text-transform: uppercase; font-size: 16px; } table > tbody tr td { padding: 9px 0 8px; font-size: 12px; color: #888; border-bottom: 1px solid #d5d9e0; } /* Contact Form 7 input[type='date'] */ .wpcf7-form-control-wrap input[type=date] { position: relative; } .wpcf7-form-control-wrap input[type=date]::-webkit-calendar-picker-indicator { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; color: transparent; background: transparent; } .wpcf7-form-control-wrap input[type=date]:after { content: "\e92b"; font-family: "stm-icon"; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); color: #888; } #stm-overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 100; } .stm-hoverable-interactive-galleries .car-listing-tabs-unit .image:before { background-color: transparent; } .stm-hoverable-interactive-galleries .car-listing-tabs-unit .interactive-hoverable { min-height: 218px; } @media (min-width: 768px) { .stm-hoverable-interactive-galleries .car-listing-tabs-unit .interactive-hoverable { min-height: 143px; } } #wpadminbar #wp-admin-bar-root-default #wp-admin-bar-stm-me-theme-options a img { height: 22px; width: 22px; opacity: 1; padding-top: 0px; max-width: 22px !important; vertical-align: middle; } /* Automanager styles */ .main-menu .header-menu > li > ul > li > ul a { line-height: 18px; } .stm_automanager_features_list .stm_automanager_single h3 { font-size: 14px; text-transform: uppercase; } .stm_automanager_features_list ul.list-style-2 li { font-size: 14px; line-height: 18px; margin-bottom: 16px; } .automanager-listing-page .regular-price-with-sale { font-size: 12px; opacity: 0.8; } .automanager-listing-page .regular-price-with-sale strong { display: block; margin-top: -5px; font-size: 24px; line-height: 29px; } .car-action-unit.stm-brochure { min-width: 157px; padding-left: 35px; } #top-bar .top-bar-wrapper { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .single-regular-sale-price > table tr td:first-child { border-right: 1px solid rgba(255, 255, 255, 0.13); } #searchform .search-input { padding: 0 75px 0 25px !important; } .stm-isotope-listing-item { padding-bottom: 15px; } .listing-list-loop .content .meta-top { margin-bottom: 16px; } .listing-list-loop .content .meta-middle { margin-bottom: 19px; } @media (max-width: 768px) { .listing-list-loop .content .meta-middle { margin-bottom: 0; } } .listing-list-loop .content .meta-middle .meta-middle-unit { margin-bottom: 8px; } .stm-blog-fullwidth-info { height: 580px; overflow: hidden; } body:not(.elementor-editor-active) .car-listing-modern-grid img.lazy.img-responsive { min-height: 134px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1024px) { body:not(.elementor-editor-active) .car-listing-modern-grid img.lazy.img-responsive { min-height: auto; } } #footer-copyright .footer-copyright:before { background: rgba(255, 255, 255, 0.2); } body .vc_row[data-vc-full-width] { overflow: visible; } body .vc_row[data-vc-full-width].vc_parallax { overflow: hidden; } #stm-fixed-cover { background-size: cover; } .stm-single-car-history-image { margin: 15px 0; } .stm-user-private .stm-schedule { display: none; } .single-car-data > table tr td.t-value.t-vin { overflow: hidden; text-overflow: ellipsis; } .filter.stm-vc-ajax-filter button[disabled] { opacity: 0.5; } .car-listing-tabs-unit img { width: 100%; } .woocommerce-cart .entry-header, .woocommerce-checkout .entry-header { margin-bottom: 50px; } .woocommerce-MyAccount-navigation ul { margin: 30px 0; background-color: #232628; border: none; display: table; width: 100%; table-layout: fixed; } .woocommerce-MyAccount-navigation ul:before { display: none; } .woocommerce-MyAccount-navigation ul:after { display: none; } .woocommerce-MyAccount-navigation ul > li { float: none; position: relative; margin: 0; display: table-cell; } .woocommerce-MyAccount-navigation ul > li > a { display: block; position: relative; text-align: center; padding: 18px 18px; background-color: #232628; border-radius: 0; border: none; font-size: 13px; text-transform: uppercase; color: #fff; font-weight: 700; } .woocommerce-MyAccount-navigation ul > li > a:before { position: absolute; content: ""; display: block; top: -4px; left: 0; right: 0; height: 4px; background-color: #cc6119; opacity: 0; } .woocommerce-MyAccount-navigation ul > li > a .vc_tta-icon { position: relative; top: 3px; color: #fff; } .woocommerce-MyAccount-navigation ul > li > a .vc_tta-title-text { position: relative; top: 1px; left: 2px; } .woocommerce-MyAccount-navigation ul > li.is-active > a:before { display: none; } .woocommerce-MyAccount-navigation ul > li.is-active a { background-color: #fff; color: #cc6119; border: 3px solid #232628; } .stm-icon-counter .dp-in { width: 100%; } @media (max-width: 490px) { .stm-similar-cars-units .stm-similar-car { width: 100% !important; margin-bottom: 10px; float: none !important; } .woocommerce-MyAccount-navigation ul { display: flex; overflow-x: scroll; overflow-y: hidden; height: 65px; padding: 0; } .woocommerce-MyAccount-navigation ul li a { border: 3px solid transparent; text-overflow: ellipsis; white-space: nowrap; } .woocommerce-orders .woocommerce-MyAccount-content { display: block; overflow-x: scroll; overflow-y: hidden; } .woocommerce-edit-address .woocommerce-MyAccount-content .addresses { padding: 0 15px; } .woocommerce-edit-address .woocommerce-MyAccount-content .addresses .address:first-child { margin-bottom: 50px; } .woocommerce-edit-account .woocommerce-EditAccountForm.edit-account fieldset { margin-top: 30px; } .woocommerce-account .subscriptio_subscription_list { display: block; overflow-x: scroll; overflow-y: hidden; } } .stm-form-price-edit .stm_price_input:last-child { border-top: 1px solid #fff; } .stm-form-price-edit .stm_price_input { padding: 25px 40px; } .woocommerce .quantity input { padding: 0 3px 0 3px; } /*General styles for pricing plans*/ .stm-user-current-plan-info { margin-top: 30px; padding: 21px 29px 25px; background: rgba(0, 0, 0, 0.1); border-radius: 4px; } .stm-user-current-plan-info .sub-title { margin-bottom: 1px; font-size: 13px; color: rgba(255, 255, 255, 0.4); letter-spacing: -0.2px; } .stm-user-current-plan-info .stm-plan-name { margin-bottom: 10px; font-size: 15px; line-height: 18px; color: #fff; font-weight: 700; text-transform: uppercase; } .stm-user-current-plan-info .stm-free-plan { margin-bottom: 20px; } .stm-user-current-plan-info .days-left { min-height: 24px; margin-bottom: 13px; font-size: 15px; line-height: 24px; color: #fff; font-weight: 700; } .stm-user-current-plan-info .button { padding: 15px 22px 13px; font-size: 12px; } .stm-user-private .stm-user-private-sidebar.side-fixed { max-width: 255px; width: 100%; position: fixed; top: 0; } @media (min-width: 991px) and (max-width: 1169px) { .stm-user-private .stm-user-private-sidebar.side-fixed { padding-right: 10px; max-width: calc(25% - 45px); max-height: 93vh; top: 7vh; overflow-y: auto; } } .stm_add_car_title_form { margin: 25px 0; } .stm_add_car_title_form input { max-width: 60%; } .stm-form-price-edit h4 { margin-bottom: 16px; } .stm-prices-add { margin-bottom: 30px; } .stm-form-price-edit .stm_price_input { padding-bottom: 30px; } .woocommerce table.my_account_orders .button { margin-left: 10px; } .subscriptio_subscription_info { margin-top: 40px; } body.woocommerce-order-pay .woocommerce table.shop_table th, body.woocommerce-order-pay .woocommerce table.shop_table td, .subscriptio_frontend_items_list, .subscriptio_frontend_items_list th, .subscriptio_frontend_items_list td { font-size: 15px !important; } body.woocommerce-order-pay .woocommerce { margin-bottom: 60px; } #subscriptio_button_cancel_subscription { margin: 20px 0 !important; } .listing-archive-dealer-info .dealer-info-block.stm_phone_disabled .title { margin-top: 17px; } li.product-category.product { width: 33.33333333%; float: left; padding: 0 15px; } li.product-category.product a { display: block; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 49px !important; } .car-listing-row .car-meta-bottom ul li i { margin-top: 5px; margin-left: 5px; float: right; } @media (max-width: 768px) { .stm-blog-pagination .page-numbers li { margin-bottom: 15px; } .stm-boats-contact-information { padding-right: 20px; padding-left: 20px; } } .stm-simple-parallax { background-position-x: 50% !important; } .stm-simple-parallax .stm-simple-parallax-gradient { position: absolute; width: 1920px; height: 100%; left: 50%; transform: translateX(-50%); z-index: 5; } .stm-single-car-page { max-width: 1920px; width: auto; margin-right: auto !important; margin-left: auto !important; background-position-x: 50% !important; } .stm-single-car-page:before, .stm-single-car-page:after, .stm-simple-parallax .stm-simple-parallax-gradient:before, .stm-simple-parallax .stm-simple-parallax-gradient:after { content: ""; display: block; position: absolute; top: 0; width: 130px; height: 100%; } .stm-simple-parallax .stm-simple-parallax-gradient:before { left: 0; } .stm-simple-parallax .stm-simple-parallax-gradient:after { right: 0; } .stm-single-car-page:before { left: 0; } .stm-single-car-page:after { right: 0; } .stm-simple-parallax-vertical:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; height: 130px; width: 100%; } .stm-simple-parallax > .vc_column_container { position: relative; z-index: 10; } .entry-header { z-index: 10; } /*IE bug*/ .listing-archive-dealer-info .dealer-info-block { display: block; } /*oct 27*/ .woocommerce form .form-row label.checkbox { display: inline-block; } body .woocommerce form .form-row .input-checkbox { margin: 18px 8px 0 0; -webkit-appearance: checkbox; -moz-appearance: checkbox; float: left; } .stm-pricing-table__periods-link { display: none; } .stm-pricing-table__periods-link.stm-pricing-table__periods-item_active { display: block; } /*Language styles*/ /*Listing fix*/ html[lang=it-IT] .car-action-unit.stm-share, html[lang=it-IT] .car-action-unit.stm-brochure, html[lang=de-DE] .car-action-unit.stm-share, html[lang=de-DE] .car-action-unit.stm-brochure, html[lang=es-ES] .car-action-unit.stm-share, html[lang=es-ES] .car-action-unit.stm-brochure, html[lang=fr-FR] .car-action-unit.stm-share, html[lang=fr-FR] .car-action-unit.stm-brochure, html[lang=pt-PT] .car-action-unit.stm-share, html[lang=pt-PT] .car-action-unit.stm-brochure { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: auto; } html[lang=it-IT] .car-action-unit.add-to-compare, html[lang=de-DE] .car-action-unit.add-to-compare, html[lang=fr-FR] .car-action-unit.add-to-compare, html[lang=es-ES] .car-action-unit.add-to-compare, html[lang=pt-PT] .car-action-unit.add-to-compare { width: auto; } /*Moto*/ html[lang=it-IT] .classic-filter-row .filter-sidebar .filter-price .stm-current-slider-labels, html[lang=fr-FR] .classic-filter-row .filter-sidebar .filter-price .stm-current-slider-labels, html[lang=es-ES] .classic-filter-row .filter-sidebar .filter-price .stm-current-slider-labels, html[lang=pt-PT] .classic-filter-row .filter-sidebar .filter-price .stm-current-slider-labels, html[lang=de-DE] .classic-filter-row .filter-sidebar .filter-price .stm-current-slider-labels { width: 100%; margin: 15px 0 25px; text-align: left; } html[lang=fr-FR] .listing-list-loop .content .meta-bottom .stm-single-car-links .stm-single-car-link a, html[lang=es-ES] .listing-list-loop .content .meta-bottom .stm-single-car-links .stm-single-car-link a, html[lang=pt-PT] .listing-list-loop .content .meta-bottom .stm-single-car-links .stm-single-car-link a, html[lang=de-DE] .listing-list-loop .content .meta-bottom .stm-single-car-links .stm-single-car-link a, html[lang=it-IT] .listing-list-loop .content .meta-bottom .stm-single-car-links .stm-single-car-link a { font-size: 11px; } .gform_wrapper ul.gfield_checkbox li .checker span input[type=checkbox] { display: block !important; position: absolute; width: 100% !important; height: 100%; top: 0; left: 0; margin-top: 0 !important; } .gform_wrapper ul.gfield_checkbox li .checker span { position: relative; } .gform_wrapper ul.gfield_radio li .radio span input[type=radio] { display: block !important; position: absolute; width: 100% !important; height: 100%; top: 0; left: 0; margin-top: 0 !important; } .gform_wrapper ul.gfield_radio li .radio span { position: relative; } .gform_wrapper .gfield_radio li label { line-height: 1; } .form-control { border-radius: 0; box-shadow: none; } .stm-settings-confirm-password .stm-listing-loader { visibility: hidden; opacity: 0; color: #fff; } .select2-container--default .select2-selection--single .select2-selection__arrow b.stm-preloader, .stm-settings-confirm-password .stm-listing-loader i { animation: rotating 2s infinite linear; } .stm-settings-confirm-password .stm-listing-loader.visible { visibility: visible; opacity: 1; } .stm-settings-confirm-password .stm-user-message { color: #fff; } .stm-image-avatar.hide-empty .stm-empty-avatar-icon { display: none; } .stm-image-avatar.hide-photo img, .stm-image-avatar.hide-photo .stm_image_upl { display: none; } .vc_row .archive-listing-page > .container { padding: 0; } /*Slider fixes*/ .stm-slider-round { padding: 58px 19px 50px 27px !important; } .stm-service-slider-title { padding: 27px 37px 27px 30px !important; } .stm-service-slider-price { padding: 12px 39px 11px 32px !important; } .stm-service-slider-title-centered { text-align: center !important; } .stm-boats-layer .pricing-unit { text-align: right !important; } .stm_trapeze { padding: 41px 30px 34px 15px !important; } .stm_trapeze_white { padding: 25px 0 29px 0 !important; } .stm_trapeze_red { padding: 13px 16px 12px 10px !important; } body.stm_frontend_customizer .stm-select-layout .select2-dropdown { z-index: 99999 !important; } .woocommerce-checkout #payment ul.payment_methods li img { margin-right: 10px; } #main .widget_search form.wp-block-search:after, #main .widget_search form.search-form:after { line-height: 45px; } #services .ui-widget-content { background: inherit !important; } @media (max-width: 767px) { .dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-cars, .dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-location .map_link, .dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.image { display: none; } .stm-blog-fullwidth-info { height: auto; } } @media (max-width: 500px) { .dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td { display: block; padding: 15px 0 5px; margin-bottom: 0; } } .woocommerce-billing-fields .create-account { margin-top: 20px; } .single-car-actions > ul li { margin-right: 10px; } @media (max-width: 767px) { .single-car-actions > ul li { margin-right: 0; } } .ui-widget { font-family: inherit !important; } .stm-filter-tab-selects.filter.stm-vc-ajax-filter { margin-bottom: 0; } .stm-ajax-row.stm-loading:after { display: none !important; } .widget_car_location #stm-dealer-gmap { width: 100%; margin-top: 0; } /*Prevent gallery from loading all images*/ .testimonials-carousel .testimonial-unit, .stm-thumbs-car-gallery .stm-single-image, .stm-big-car-gallery .stm-single-image { position: absolute; opacity: 0; visibility: hidden; margin: 0; } .testimonials-carousel .testimonial-unit:first-child, .stm-thumbs-car-gallery .stm-single-image:first-child, .stm-big-car-gallery .stm-single-image:first-child { position: relative; opacity: 1; visibility: visible; } .testimonials-carousel .testimonial-unit:first-child, .stm-thumbs-car-gallery.owl-loaded .stm-single-image:first-child, .stm-big-car-gallery.owl-loaded .stm-single-image:first-child { margin: 0 auto; } .stm-thumbs-car-gallery { margin-top: 25px; } .stm-big-car-gallery .owl-controls { margin: 0; } @media (max-width: 767px) { .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit label { margin-bottom: 15px; } .stm-sell-a-car-form .form-navigation .form-navigation-unit { margin-bottom: 20px; } } /*Print Media*/ @media print { #top-bar, #header, #footer, .stm_breadcrumbs_unit, .entry-header, .stm-car_dealer-buttons, .single-car-mpg .mpg-icon, .wpb_tabs_nav, .sale-price-description-single, .stm-thumbs-car-gallery, .stm-single-car-history-image, .stm_auto_loan_calculator, .single-car-actions { display: none !important; } .single-car-mpg .mpg-unit:last-child { float: right; } .stm-single-car-page .lists-inline > ul { width: 49% !important; } a[href]:after { content: none !important; } } .stm-unstyled { -webkit-appearance: inherit !important; -moz-appearance: inherit !important; appearance: inherit !important; } /*Car gurus*/ .stm_cargurus_wrapper { border-top: 1px solid #d5d9e0; padding-top: 15px; margin: 22px 0 15px; text-align: center; } .stm_cargurus_wrapper img { max-width: 100%; } .cg_banner .cg-dealrating-badge img { height: auto !important; max-width: 100% !important; } @media (max-width: 767px) { .car-listing-row.stm-car-compare-row.stm-no-cars { display: block !important; } .car-listing-row.stm-car-compare-row.stm-no-cars .colored-separator { display: none; } .car-listing-row.stm-car-compare-row.stm-no-cars .compare-col-stm-empty { width: 100%; } .car-listing-row.stm-car-compare-row.stm-no-cars .compare-col-stm-empty .image { text-align: center; } .stm-featured-top-cars-title .heading-font { font-size: 11px; } } /*Extra features from classfied*/ .stm-single-listing-car-features { margin-bottom: 20px; } .stm-single-listing-car-features .lists-inline > ul { width: 100%; margin-bottom: 0; } .stm-single-listing-car-features .lists-inline > ul li { float: left; width: 25%; } .stm-border-top-unit .title { padding: 20px 0; line-height: 1.2; font-size: 16px; font-weight: 700; text-transform: uppercase; } @media (max-width: 768px) { .stm-single-listing-car-features .lists-inline > ul li { width: 100%; } } .modal-body .stm-sell-a-car-form input[type=submit] { height: 46px; line-height: 14px; } /*Automanager*/ body.automanager-listing-page .wpb_tabs br { display: none; } @media (max-width: 1350px) { .stm-single-car-page:before, .stm-single-car-page:after, .stm-simple-parallax .stm-simple-parallax-gradient:before, .stm-simple-parallax .stm-simple-parallax-gradient:after { z-index: -1; } } @media (max-width: 767px) { table > tbody tr td.compare-value-hover .h5:before { content: attr(data-option) ":"; display: inline; font-size: 14px; } } /*Multiple select*/ .stm-multiple-select { padding-top: 4px; margin-bottom: 15px; overflow: hidden; } .select2-container .select2-selection--multiple .select2-selection__rendered { overflow: visible; } .stm-multiple-select .select2-container--default .select2-selection--multiple { padding: 5px 7px 2px; border-radius: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice { max-width: 100%; padding: 3px 10px; margin: 3px 5px 8px 0; text-overflow: ellipsis; overflow: hidden; background-color: transparent; border: 0; box-shadow: 0 1px 3px rgba(59, 62, 68, 0.5); } .stm-multiple-select .select2-search { display: block; margin-bottom: 0; } .stm-multiple-select .select2-search .select2-search__field { margin: 5px 0 0 5px; height: 20px; line-height: 20px; } .woocommerce div.product div.images { margin-bottom: 2em; } .woocommerce div.product div.images img { display: block; width: 100%; height: auto; box-shadow: none; } .woocommerce div.product div.images div.thumbnails { padding-top: 1em; } .woocommerce div.product div.images.woocommerce-product-gallery { position: relative; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { background-color: #fff; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { width: 25%; display: inline-block; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { position: absolute; top: 0.5em; right: 0.5em; font-size: 2em; z-index: 9; width: 36px; height: 36px; background: #fff; text-indent: -9999px; border-radius: 100%; box-sizing: content-box; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { content: ""; display: block; width: 10px; height: 10px; border: 2px solid #000; border-radius: 100%; position: absolute; top: 9px; left: 9px; box-sizing: content-box; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:after { content: ""; display: block; width: 2px; height: 8px; background: #000; border-radius: 6px; position: absolute; top: 19px; left: 22px; transform: rotate(-45deg); box-sizing: content-box; } .woocommerce div.product div.images .flex-control-thumbs { overflow: hidden; zoom: 1; margin: 0; padding: 0; margin-top: 10px; } .woocommerce div.product div.images .flex-control-thumbs li { width: 25%; float: left; margin: 0; list-style: none; } .woocommerce div.product div.images .flex-control-thumbs li img { cursor: pointer; opacity: 0.5; margin: 0; } .woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { opacity: 1; } button.pswp__button { box-shadow: none !important; } button.pswp__button--arrow--left:active, button.pswp__button--arrow--right:active { position: absolute !important; top: 50% !important; } button.pswp__button, button.pswp__button--arrow--left::before, button.pswp__button--arrow--right::before, button.pswp__button:hover { background-color: transparent !important; } button.pswp__button--arrow--left, button.pswp__button--arrow--left:hover, button.pswp__button--arrow--right, button.pswp__button--arrow--right:hover { background-image: none !important; } button.pswp__button--close:hover { background-position: 0 -44px; } button.pswp__button--zoom:hover { background-position: -88px 0; } .add-compare-mobile { display: none; text-align: center; margin: 0 0 35px; } @media (max-width: 767px) { .add-compare-mobile.add-compare-mobile-show { display: block; } } .add-compare-mobile .stm-compare-empty { aspect-ratio: 2/1.1; -o-object-fit: cover; object-fit: cover; } .add-compare-mobile .image { position: relative; overflow: hidden; } .add-compare-mobile .image:before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; transition: opacity 0.2s ease; transform: translateZ(0); opacity: 0; } .add-compare-mobile .image i { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); font-size: 53px; color: #d1d7dc; z-index: 15; } .add-compare-mobile .image i.stm-icon-add_car { transform: translateY(0) translateX(0); margin: -26px 0 0 -36px; } .add-compare-mobile-label { font-size: 15px; text-transform: uppercase; text-align: center; } body.lg-on #wrapper { position: relative; z-index: 10; } body.lg-on #wpadminbar { z-index: 10; } /* fix for Font Awesome family being overriden by IcoMoon generated custom font family declaration */ body i.fa, body i.far, body i.fas { font-family: "Font Awesome 6 Free" !important; } body i.fab { font-family: "Font Awesome 6 Brands" !important; } .colored-separator { vertical-align: top; font-size: 0; line-height: 1; } .colored-separator .first-long, .colored-separator .last-short { display: inline-block; vertical-align: top; width: 33px; height: 5px; transform: skew(-40deg, 0deg); border-radius: 2px; background: var(--motors-base-color); } .colored-separator .first-long { margin-right: 3px; } .colored-separator .last-short { width: 16px; } .stm-listings-empty { text-align: center; margin: 30px 0; --stm-listings-empty-button-color: #1bc744; --stm-listings-empty-not-found-color: #000; --stm-listings-empty-another-color: #545454; } .stm-listings-empty__not-found, .stm-listings-empty__another { display: block; } .stm-listings-empty__not-found { font-weight: 600; font-size: 16px; line-height: 1.2; color: var(--stm-listings-empty-not-found-color); } .stm-listings-empty__another { font-size: 15px; font-weight: 500; line-height: 1.2; color: var(--stm-listings-empty-another-color); margin: 8px 0 0; } .stm-listings-empty__button { display: inline-block; color: var(--stm-listings-empty-button-color); margin: 14px 0 0; font-size: 15px; font-weight: 600; } .stm-listings-empty .stm-icon-search-list { display: block; font-size: 60px; color: #888888; margin-bottom: 45px; } .filter-sidebar { --location-field-border-width: 2px; --location-field-color: black; --location-field-border-color: #eceff3; --location-field-placeholder-color: #888888; --location-field-empty-color: black; --location-field-empty-border-color: #eceff3; --location-field-empty-placeholder-color: #888888; --location-field-focus-color: black; --location-field-focus-border-color: #1bc744; --location-field-focus-placeholder-color: #888888; --location-field-bg-color: #eceff3; } #ca_location_listing_filter { background: var(--location-field-bg-color) !important; border: var(--location-field-border-width) solid var(--location-field-border-color); color: var(--location-field-color); padding-left: 28px; } #ca_location_listing_filter::-moz-placeholder { color: var(--location-field-placeholder-color); } #ca_location_listing_filter::placeholder { color: var(--location-field-placeholder-color); } #ca_location_listing_filter:focus, #ca_location_listing_filter.empty:focus { background-color: var(--location-field-bg-color) !important; border-color: var(--location-field-focus-border-color); color: var(--location-field-focus-color); } #ca_location_listing_filter:focus::-moz-placeholder, #ca_location_listing_filter.empty:focus::-moz-placeholder { color: var(--location-field-focus-placeholder-color); } #ca_location_listing_filter:focus::placeholder, #ca_location_listing_filter.empty:focus::placeholder { color: var(--location-field-focus-placeholder-color); } #ca_location_listing_filter.empty { border-color: var(--location-field-empty-border-color); color: var(--location-field-empty-color); } #ca_location_listing_filter.empty::-moz-placeholder { color: var(--location-field-empty-placeholder-color); } #ca_location_listing_filter.empty::placeholder { color: var(--location-field-empty-placeholder-color); } #ca_location_listing_filter:not(.empty) + .stm-location-reset-field { display: inline-block !important; } .mobile-search-filter-opened .pac-container { z-index: 999999 !important; } #stm_slide_filter_max_search_radius { padding-right: 30px; } #stm_slide_filter_max_search_radius + .stm_unit_measurement { position: absolute; right: 25px; top: 10px; text-transform: uppercase; color: #8F8F8F; font-size: 14px; } .stm-location-search-unit { position: relative; } .filter-sidebar .stm-location-search-unit:before { content: "\e956"; position: absolute; top: 10px; left: 10px; color: #898989; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "stm-icon"; speak: none; font-size: 19px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .stm-location-search-unit #ca_location_listing_filter { padding-right: 30px; } .stm-location-reset-field { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; text-align: center; cursor: pointer; } .stm-location-reset-field svg { width: 14px; height: 14px; } .stm-location-reset-field svg path { fill: #898989; } @media screen and (max-width: 767px) { .stm-location-reset-field { top: 14px; } } .stm-listings-empty { --stm-listings-empty-button-color: #6c98e1; } .classic-filter-row .filter-sidebar, .classic-filter-row.motors-elementor-widget, .filter-sidebar { --location-field-focus-border-color: #6c98e1; } .classic-filter-row .filter-sidebar .select2-selection--multiple.filter-select .select2-selection__rendered, .classic-filter-row.motors-elementor-widget .select2-selection--multiple.filter-select .select2-selection__rendered, .filter-sidebar .select2-selection--multiple.filter-select .select2-selection__rendered { padding: 0; } .classic-filter-row .filter-sidebar .select2-selection--multiple.filter-select .select2-selection__rendered li, .classic-filter-row.motors-elementor-widget .select2-selection--multiple.filter-select .select2-selection__rendered li, .filter-sidebar .select2-selection--multiple.filter-select .select2-selection__rendered li { margin: 0; } .classic-filter-row .filter-sidebar .select2-selection--multiple.filter-select .select2-selection__rendered li.select2-selection__choice, .classic-filter-row.motors-elementor-widget .select2-selection--multiple.filter-select .select2-selection__rendered li.select2-selection__choice, .filter-sidebar .select2-selection--multiple.filter-select .select2-selection__rendered li.select2-selection__choice { margin-left: 5px; } .classic-filter-row .filter-sidebar .select2-selection--multiple.filter-select .select2-selection__rendered input.select2-search__field, .classic-filter-row.motors-elementor-widget .select2-selection--multiple.filter-select .select2-selection__rendered input.select2-search__field, .filter-sidebar .select2-selection--multiple.filter-select .select2-selection__rendered input.select2-search__field { padding: 0 10px 0 14px; margin: 0; height: 40px; line-height: 40px; } .classic-filter-row .filter-sidebar .select2-selection--multiple.filter-select .select2-selection__rendered input.select2-search__field::-moz-placeholder, .classic-filter-row.motors-elementor-widget .select2-selection--multiple.filter-select .select2-selection__rendered input.select2-search__field::-moz-placeholder, .filter-sidebar .select2-selection--multiple.filter-select .select2-selection__rendered input.select2-search__field::-moz-placeholder { padding: 0; color: #555; } .classic-filter-row .filter-sidebar .select2-selection--multiple.filter-select .select2-selection__rendered input.select2-search__field::placeholder, .classic-filter-row.motors-elementor-widget .select2-selection--multiple.filter-select .select2-selection__rendered input.select2-search__field::placeholder, .filter-sidebar .select2-selection--multiple.filter-select .select2-selection__rendered input.select2-search__field::placeholder { padding: 0; color: #555; } .classic-filter-row .filter-sidebar .select2-container--default[dir=rtl] .select2-selection--multiple.filter-select input.select2-search__field, .classic-filter-row.motors-elementor-widget .select2-container--default[dir=rtl] .select2-selection--multiple.filter-select input.select2-search__field, .filter-sidebar .select2-container--default[dir=rtl] .select2-selection--multiple.filter-select input.select2-search__field { padding: 0 20px 0 8px; } .classic-filter-row .filter-sidebar .select2-container--default[dir=rtl] .select2-selection--multiple.filter-select .select2-selection__rendered li.select2-selection__choice, .classic-filter-row.motors-elementor-widget .select2-container--default[dir=rtl] .select2-selection--multiple.filter-select .select2-selection__rendered li.select2-selection__choice, .filter-sidebar .select2-container--default[dir=rtl] .select2-selection--multiple.filter-select .select2-selection__rendered li.select2-selection__choice { margin-left: 0; margin-right: 5px; } .elementor-editor-active input[type=checkbox] { -webkit-appearance: auto !important; -moz-appearance: auto !important; appearance: auto !important; } .ehf-header #page, .ehf-footer #page { overflow: hidden; } .car-listing-row .image, .listing-car-item-inner .image { overflow: hidden; position: relative; } .car-listing-row .image:before, .listing-car-item-inner .image:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: opacity 0.2s ease; transform: translateZ(0); opacity: 0; } .car-listing-row .image .stm-badge-dealer, .listing-car-item-inner .image .stm-badge-dealer { position: absolute; left: -65px; padding: 0 55px; top: 20px; width: 200px; height: 33px; line-height: 33px; transform: rotate(-45deg) translate3d(0, 0, 0); color: #fff !important; font-size: 12px; text-transform: uppercase; font-weight: 700; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: var(--motors-secondary-color); } .stm-template-car_dealer .car-listing-row .image .stm-badge-dealer, .stm-template-car_dealer_elementor .car-listing-row .image .stm-badge-dealer { background-color: var(--motors-secondary-color); } .stm-template-car_dealer .car-listing-tabs-unit .car-listing-row .image, .stm-template-car_dealer_elementor .car-listing-tabs-unit .car-listing-row .image { max-height: 135px; } .stm-template-car_dealer .car-listing-tabs-unit .car-listing-row .image img, .stm-template-car_dealer_elementor .car-listing-tabs-unit .car-listing-row .image img { max-height: 135px; -o-object-fit: cover; object-fit: cover; } @media (min-width: 768px) { .stm-isotope-sorting-grid .image img, .car-listing-modern-grid .image img { min-height: 160px; -o-object-fit: cover; object-fit: cover; width: 100%; height: 160px; } } .listing-car-item-inner a { display: block; overflow: hidden; } .listing-car-item-inner a:hover { opacity: 0.8; } .woocommerce-product-search button[type=submit] { margin-top: 10px; } /* 1 Base Styles */ /* 1.1 Buttons */ .stm-button, input[type=submit], button, .button, .load-more-btn, .wc-block-components-button { display: block; text-align: center; padding: 17px 28px 15px; font-size: 14px; line-height: 14px; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; color: #fff; border-radius: 3px; background-color: #6c98e1; text-decoration: none !important; outline: none !important; visibility: visible; border: none; white-space: normal; box-shadow: 0 2px 0 #567ab4; transition: opacity 0.2s ease-in !important; transform: translateZ(0); opacity: 1; } .stm-button:hover, input[type=submit]:hover, button:hover, .button:hover, .load-more-btn:hover, .wc-block-components-button:hover { opacity: 0.8; } .stm-button.button-sm, input[type=submit].button-sm, button.button-sm, .button.button-sm, .load-more-btn.button-sm { padding: 13px 18px 11px; font-size: 12px; line-height: 12px; } .stm-button:active, input[type=submit]:active, button:active, .button:active, .load-more-btn:active { position: relative; top: 2px; box-shadow: 0 0 0 #567ab4; } .stm-button.not-visible, input[type=submit].not-visible, button.not-visible, .button.not-visible, .load-more-btn.not-visible { opacity: 0; visibility: hidden; } .wc-block-components-button { box-shadow: none; } .stm-button { display: inline-block; } .stm-button.stm-button-icon { position: relative; padding: 16px 25px 15px 45px; font-weight: 700; visibility: inherit; } .stm-button.stm-button-icon i { position: absolute; top: 50%; left: 16px; font-size: 18px; margin-top: -9px; } .stm-button:active { box-shadow: 0 0 0 transparent !important; } .icon-button { position: relative; padding-left: 60px; padding-right: 42px; letter-spacing: -0.2px; font-weight: 700; } .icon-button i { position: absolute; padding-left: 1px; top: 50%; margin-top: 1px; left: 32px; font-size: 17px; transform: translateY(-50%); } .button-fluid { width: 100%; } .stm-request-test-drive { margin-top: 13px; width: 100%; } @media (max-width: 767px) { .stm-request-test-drive { margin: 0; } } .contact-us-submit input[type=submit] { display: inline-block; padding-left: 43px; padding-right: 43px; } .contact-us-submit .ajax-loader { vertical-align: middle; } /* 1.2 Form controls, form groups */ input[type=text], input[type=number], input[type=tel], input[type=email], input[type=search], input[type=password] { display: block; width: 100%; height: 47px; line-height: 47px; padding: 0 21px; font-weight: 400; color: #888888; border: 2px solid #eceff3; font-size: 14px; outline: none !important; background-color: #eceff3; } input[type=text].form-error, input[type=number].form-error, input[type=tel].form-error, input[type=email].form-error, input[type=search].form-error, input[type=password].form-error { border-color: #ff2325; } input[type=text]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus { background-color: #fff !important; border-color: #6c98e1; color: #232628; } .stm-row-comments input[type=text], .stm-row-comments input[type=tel], .stm-row-comments input[type=email], .stm-row-comments input[type=search], .stm-row-comments input[type=password] { height: 44px; line-height: 44px; } .stm-forms-sm { margin-bottom: 11px; } .stm-forms-sm input[type=text], .stm-forms-sm input[type=tel], .stm-forms-sm input[type=email], .stm-forms-sm input[type=search], .stm-forms-sm input[type=password] { height: 37px; line-height: 37px; } .stm-sell-a-car-form .form-content .contact-details input[type=text], .stm-sell-a-car-form .form-content .contact-details input[type=tel], .stm-sell-a-car-form .form-content .contact-details input[type=email], .stm-sell-a-car-form .form-content .contact-details input[type=search], .stm-sell-a-car-form .form-content .contact-details input[type=password], .stm-sell-a-car-form .form-content .contact-details textarea { background-color: #fff; } .stm-sell-a-car-form .form-content input[type=text], .stm-sell-a-car-form .form-content input[type=tel], .stm-sell-a-car-form .form-content input[type=email], .stm-sell-a-car-form .form-content input[type=search], .stm-sell-a-car-form .form-content input[type=password] { height: 43px; line-height: 43px; } .stm-sell-a-car-form .form-content textarea { max-height: 143px; padding-top: 8px; } .stm-sell-a-car-form .form-content input::-webkit-input-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content input::-moz-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content input:-moz-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content input:-ms-input-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content textarea::-webkit-input-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content textarea::-moz-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content textarea:-moz-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content textarea:-ms-input-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content .sell-a-car-proceed, .stm-sell-a-car-form .form-content .sell-a-car-proceed:hover { color: #ffffff; } .stm-mc-unit input[type=text], .stm-mc-unit input[type=tel], .stm-mc-unit input[type=email], .stm-mc-unit input[type=search], .stm-mc-unit input[type=password] { display: block; width: 100%; height: 38px; line-height: 38px; border: none; padding: 0 17px; font-weight: 400; color: #aaa; font-size: 13px; outline: none !important; background-color: #fff; } textarea { padding: 21px; width: 100%; max-width: 100%; background-color: #eceff3; border: 2px solid #eceff3; color: #888; resize: none; } textarea:focus { background-color: #fff; border-color: #6c98e1; color: #232628; } .single-car-form textarea { height: 158px; } .single-car-form input[type=submit] { display: inline-block; padding-left: 44px; padding-right: 44px; } .form-label { margin-bottom: 2px; text-transform: uppercase; color: #888; font-size: 12px; } .form-label-small { margin-bottom: 3px; color: #888; font-size: 13px; } .form-modal-label { margin-bottom: 3px; font-size: 13px; color: #888; } .form-group { margin-bottom: 19px; } .form-group-textarea { margin-bottom: 16px; } .wpcf7-not-valid { border-color: #ff2325 !important; } .has-error input[type=text], .has-error input[type=tel], .has-error input[type=email], .has-error input[type=search], .has-error input[type=password] { border-color: #ff2325; } .modal-body input:not([type=submit]) { height: 37px; line-height: 37px; } .modal-body button { display: inline-block; } .form-error { border-color: #ff2325; } .stm-form-alert { margin-top: 6px; font-size: 13px; line-height: 18px; color: #888; } .form-hr { margin: 0 0 29px; background-color: #dddddd; } .comment-form-comment textarea { height: 172px; } input[type=checkbox], input[type=radio] { margin: 0; position: relative; top: -1px; vertical-align: middle; } .wpcf7-list-item-label { color: #888 !important; font-size: 13px; } .stm-label-type-2 { margin-bottom: 5px; font-weight: 400; } /* 1.3 Layout styles */ html.no-scroll { overflow: hidden; } html.stm-site-preloader-anim.no-scroll { overflow: hidden; } body.lg-on #wrapper { position: relative; z-index: 10; } body.lg-on #wpadminbar { z-index: 10; } .row-4 .col-md-3:nth-child(4n+1) { clear: both; } .row-3 .col-md-4:nth-child(3n+1) { clear: both; } .row-2 .col-md-6:nth-child(2n+1) { clear: both; } .post-type-archive-service #wrapper { margin-bottom: 30px; } .wpcf7-response-output { margin: 10px 0 0 !important; padding: 15px !important; border: 2px solid #6c98e1; color: #6c98e1; border-radius: 5px; } .wpcf7-response-output.wpcf7-validation-errors { border-color: #ff2325; color: #ff2325; } .wpcf7-response-output.wpcf7-mail-sent-ok { border-color: #32cd32 !important; color: #32cd32 !important; } .wpcf7-not-valid-tip { display: none !important; } .mg-bt-25px { margin-bottom: 25px; } .dropdown-menu.lang_dropdown_menu { z-index: 1130; } .admin-bar .select2-container.stm-multi-currency .select2-dropdown { top: 35px; } .select2-container.stm-multi-currency .select2-dropdown { min-width: -moz-fit-content; min-width: fit-content; top: 0; } .select2-container--open.stm-multi-currency { z-index: 1065; } .select2-container--open.stm-multi-currency .select2-dropdown { background: transparent; border: 0; } .select2-container--open.stm-multi-currency .select2-dropdown .select2-results ul { min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .select2-container--open.stm-multi-currency .select2-dropdown .select2-results ul li { font-size: 11px; color: #232628; padding: 3px 20px; } .admin-bar .select2-container--open.stm-multi-currency { margin-top: 32px; } .vertical-divider { position: relative; top: 2px; display: inline-block; vertical-align: top; margin: 0 8px 0; width: 1px; height: 10px; background-color: #373b3e; } #header { position: relative; z-index: 1055; } @media (min-width: 1025px) { #header.stm-sticky-on { z-index: 1056; } } #header .logo-main { float: left; } #header .blogname { text-transform: uppercase; } #header .blogname h1 { margin-bottom: 0; } #header .blogname:hover { text-decoration: none; } .stm-layout-header-equipment #header .phone.heading-font { color: #ffffff; } .fancy-iframe:hover { cursor: pointer; } .tp-bannertimer { background-color: #cc6119 !important; opacity: 0.5; } .stm-slider-round { padding: 30px 40px 20px; } .stm-slider-round:after { position: absolute; content: ""; display: block; top: -18px; left: -18px; right: -18px; bottom: -18px; border-radius: 50%; background: rgba(255, 255, 255, 0.12); z-index: -1; } .stm-white { color: #fff !important; } .rev_slider_wrapper .heading-font { letter-spacing: 0 !important; } .text-transform { text-transform: uppercase; } .font-weight-normal { font-weight: 400 !important; } .slider-text-padding-right { padding-right: 30px; } .stm-slider-round-text { margin-top: 18px; padding-left: 40px; padding-right: 25px; font-size: 11px; line-height: 14px !important; color: #232628; text-transform: uppercase; } .stm-slider-price-unit { padding-top: 16px; vertical-align: top; word-spacing: -9px; } .stm-slider-price-unit .stm-slider-currency { font-size: 50px; color: #fff; line-height: 50px; vertical-align: top; } .stm-slider-price-unit .stm-slider-price { font-size: 106px; line-height: 50px !important; vertical-align: top; color: #fff; font-weight: 700; letter-spacing: -6px; } .stm-slider-price-unit .stm-slider-divider { position: relative; left: 6px; top: -4px; font-size: 50px; color: #232628; vertical-align: top; line-height: 50px; } .stm-slider-price-unit .stm-slider-labels { position: relative; top: -3px; display: inline-block; max-width: 100px; vertical-align: top; line-height: 14px; color: #232628; font-weight: 700; } .stm-slider-price-unit .stm-slider-labels .stm-slider-time-label { font-size: 50px; line-height: 50px; text-transform: uppercase; font-weight: 700; } .stm-slider-price-unit .stm-slider-labels .stm-slider-time-value { padding-left: 4px; display: block; white-space: normal; font-size: 16px; line-height: 14px !important; word-spacing: 0; text-transform: uppercase; font-weight: 700; } #searchform .search-input { padding: 20px 75px 20px 25px !important; margin: 0; height: 67px; line-height: 67px; font-size: 20px; color: #5f5f5f; border: 0 transparent; width: 100%; border-radius: 5px; } #searchform .search-submit { position: absolute; right: 0; top: 0; padding: 0; height: 67px; width: 70px; border: 0; font-size: 24px; color: #fff; border-radius: 0 4px 4px 0; box-shadow: none; } #searchform .search-wrapper { position: relative; } #searchModal .modal-body { padding: 0; } #searchModal .modal-content { box-shadow: none !important; background-color: transparent; border: none; } #searchModal .modal-dialog { margin-top: 20%; } .search-title { margin-bottom: 18px; font-size: 20px; text-transform: uppercase; font-weight: 700; color: #fff; } #chat-widget:hover { cursor: pointer; } /* 1.3.2 Footer */ #footer { bottom: 0; left: 0; right: 0; width: 100%; } #footer .panel { margin-bottom: 0; } #footer .panel .panel-footer { border-top: 0; } #footer #footer_top { padding: 15px 0; } #footer #footer_top .widget_title h3 { color: #fff; } .less_4 aside .widget-wrapper { border-bottom: 0 !important; padding-bottom: 0 !important; } .more_8 aside .widget-wrapper { border-bottom: 0 !important; padding-bottom: 30px !important; } .cols_4 aside:nth-child(5) .widget-wrapper, .cols_4 aside:nth-child(6) .widget-wrapper, .cols_4 aside:nth-child(7) .widget-wrapper, .cols_4 aside:nth-child(8) .widget-wrapper { padding-top: 39px; margin-top: 24px; border-top: 1px solid #444444; } .cols_3 aside:nth-child(1) .widget-wrapper, .cols_3 aside:nth-child(2) .widget-wrapper, .cols_3 aside:nth-child(3) .widget-wrapper { padding-bottom: 39px; margin-bottom: 24px; border-bottom: 1px solid #444444; } .cols_1 { margin: 0 -15px; } .cols_1 aside { float: left; padding: 0 15px 0; width: 100%; } .cols_1 aside:nth-child(1n+1) { clear: both; } .cols_2 { margin: 0 -15px; } @media (max-width: 550px) { .cols_2 aside.widget { width: 100%; } } .cols_2 aside { float: left; padding: 0 15px 0; width: 50%; } .cols_2 aside:nth-child(2n+1) { clear: both; } .cols_3 { margin: 0 -15px; } @media (max-width: 550px) { .cols_3 aside.widget { width: 100%; } } .cols_3 aside { float: left; padding: 0 15px 0; width: 33.33333%; } .cols_3 aside:nth-child(3n+1) { clear: both; } .cols_4 { margin: 0 -15px; } @media (max-width: 550px) { .cols_4 { display: flex; flex-direction: column; justify-content: center; } .cols_4 aside.widget { width: 100%; } } @media (max-width: 820px) and (min-width: 551px) { .cols_4 aside.widget { width: 50%; } } .cols_4 aside { float: left; padding: 0 15px 0; width: 25%; } .cols_4 aside:nth-child(4n+1) { clear: both; } aside.widget-default ul { list-style: none; margin: 0; padding: 0; } aside.widget-default ul li a { margin-bottom: 26px; font-size: 13px; line-height: 20px; color: #888; } aside.widget_product_search button { margin-top: 15px; } #footer-copyright { padding: 20px 0 19px; } #footer-copyright .footer-copyright { position: relative; } #footer-copyright .footer-copyright:before { position: absolute; content: ""; display: block; top: -20px; left: 15px; right: 15px; height: 1px; background-color: #444; } #footer-copyright .copyright-text { font-size: 13px; color: #888; } #footer-copyright .copyright-text a { color: #6c98e1; } #footer-copyright .copyright-text .divider { display: inline-block; vertical-align: middle; position: relative; top: -1px; background-color: #888; margin: 0 10px; height: 13px; width: 1px; } .copyright-socials ul { list-style: none; padding: 0; margin: 0 7px 0 0; } .copyright-socials ul:after { display: table; content: ""; clear: both; } .copyright-socials ul li { float: left; margin-left: 37px; } .copyright-socials ul li:first-child { margin-left: 0; } .copyright-socials ul li a { color: #6c98e1; } #footer-copyright, #footer-main { background-color: #232628; } /* 1.4 Typography styles */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .heading-font, .button, .load-more-btn, .vc_tta-panel-title, .page-numbers li > a, .page-numbers li > span, .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a span, .stm_auto_loan_calculator input, .post-content blockquote, .contact-us-label, .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li > a, .stm-shop-sidebar-area .widget.widget_product_categories > ul, #main .stm-shop-sidebar-area .widget .product_list_widget li .product-title, #main .stm-shop-sidebar-area .widget .product_list_widget li a, .woocommerce ul.products li.product .onsale, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce table.shop_attributes td, .woocommerce table.shop_table td.product-name a, .woocommerce-cart table.cart td.product-price, .woocommerce-cart table.cart td.product-subtotal, .header-listing .listing-menu li a { font-family: "Montserrat", Arial, "Times New Roman", "Bitstream Charter", Times, serif; color: #232628; } .normal_font { font-family: "Open Sans", Arial, "Times New Roman", "Bitstream Charter", Times, serif; } body.stm-macintosh h1, body.stm-macintosh .h1, body.stm-macintosh h2, body.stm-macintosh .h2, body.stm-macintosh h3, body.stm-macintosh .h3, body.stm-macintosh h4, body.stm-macintosh .h4, body.stm-macintosh h5, body.stm-macintosh .h5, body.stm-macintosh h6, body.stm-macintosh .h6, body.stm-macintosh .heading-font { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ul.header-menu ul { margin-top: 0; } a, a:hover, a:focus, a:active { color: #6c98e1; } a:hover, a:focus { text-decoration: none !important; } ul.list-style-1, ul.list-style-2, ul.list-style-3 { padding: 0; list-style: none; } ul.list-style-1 li { position: relative; padding-left: 27px; margin-bottom: 10px; } ul.list-style-1 li:before { content: "\f00c"; position: absolute; display: block; left: 0; top: 0; color: #cc6119; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 11px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ul.list-style-2 li { position: relative; padding-left: 31px; margin-bottom: 8px; } ul.list-style-2 li:before { content: "\f058"; position: absolute; display: block; left: 3px; top: 0; color: #cc6119; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 14px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ul.list-style-3 li { position: relative; padding-left: 31px; margin-bottom: 8px; } ul.list-style-3 li:before { content: "\f138"; position: absolute; display: block; left: 0; top: 3px; color: #cc6119; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 17px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lists-inline > ul { padding-right: 15px; display: inline-block; vertical-align: top; width: 23.7%; } .calculator-alert { display: none; transform: scale(0); visibility: hidden; opacity: 0; max-height: 0; overflow: hidden; margin-bottom: 0; padding: 0; } .calculator-alert.visible-alert { transform: scale(1); max-height: 400px; visibility: visible; opacity: 1; } .alert.alert-danger { margin: 4px 0; padding: 3px 10px; text-align: center; border: 2px solid #ff2325; background-color: transparent; color: #ff2325; } .alert.alert-success { margin: 4px 0; padding: 3px 10px; text-align: center; border: 2px solid mediumseagreen; background-color: transparent; color: mediumseagreen; } .header-menu li a { font-family: "Montserrat", Arial, "Times New Roman", "Bitstream Charter", Times, serif; font-weight: 700; font-style: normal; color: #232628; font-size: 13px; } .stm-mt-icon-box-adaptive-style-three, .stm-mt-icon-box-adaptive-style-one { font-family: inherit !important; -webkit-font-smoothing: inherit !important; } /* 2 Site styles */ /* 2.1 Site styles */ .inline-label { margin: 9px 0 5px; } .stm-ajax-loader { display: none; } .stm-ajax-loader.loading { display: inline-block; animation: rotating 2s infinite linear; } .stm_calculator_results { display: none; } .stm_calculator_results > h4 > span { margin-left: 5px; font-weight: 700; } .stm_calculator_results > h4:last-child { margin-bottom: 0; } .filter { margin-bottom: 10px; } .all_attrs:first-letter { text-transform: uppercase; } .stm-ajax-row { position: relative; } .stm-ajax-row:before { position: absolute; content: ""; display: block; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); opacity: 0; visibility: hidden; z-index: -1; } .stm-ajax-row:after { content: "\e924"; display: block; position: absolute; top: 10%; left: 50%; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "stm-icon"; speak: none; font-size: 30px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; animation: rotating 2s infinite linear; color: #6c98e1; opacity: 0; visibility: hidden; z-index: -1; } .stm-ajax-row.stm-loading:before { opacity: 1; visibility: visible; z-index: 50; } .stm-ajax-row.stm-loading:after { opacity: 1; visibility: visible; z-index: 51; } .rmv_txt_drctn { color: inherit; text-decoration: none !important; } .rmv_txt_drctn:hover .image { overflow: hidden; position: relative; } .rmv_txt_drctn:hover .image:before { opacity: 1; } .global-alerts { padding: 15px 17px 15px 15px; position: fixed; top: 20px; right: 20px; background-color: #d9edf7; color: #31708f; border-radius: 5px; visibility: hidden; opacity: 0; transform: scale(0); } .global-alerts.warning { color: #8a6d3b; background-color: #fcf8e3; } .global-alerts.success { color: #3c763d; background-color: #dff0d8; } .global-alerts.danger { color: #a94442; background-color: #f2dede; } .global-alerts.alerted { opacity: 1; visibility: visible; transform: scale(1); } .select2 { outline: none !important; width: 100% !important; } .select2 > * { outline: none !important; } .modal-dialog { z-index: 1050; } .modal-open { overflow: visible; padding-right: 0 !important; } .overflow-hidden { overflow: hidden; } .form-error { border-color: #a94442; } .alert-modal { margin: 20px 0 0; } .vt-top { vertical-align: top; } .vt-top { vertical-align: top; } .lt-blue { color: #6c98e1; } .listing-car-items-units { margin: 0 -15px; } .listing-car-items-units .swiper-wrapper { overflow: visible !important; } .listing-car-items-units.items-per-view-4 { margin: 0 -10px; } .listing-car-items .listing-car-item { float: left; padding: 0 15px; } .items-per-view-4 .listing-car-items .listing-car-item { padding: 0 10px; } .listing-cars-grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .listing-cars-grid > .dp-in { width: 33.3%; margin-bottom: 40px; } .listing-cars-grid > .dp-in .listing-car-item .image { margin-bottom: 0; } .listing-cars-grid > .dp-in .listing-car-item .price { padding: 6px 15px 4px; } .listing-cars-grid > .dp-in .listing-car-item .price:before { display: none; } .listing-cars-grid > .dp-in .listing-car-item .car-meta-bottom ul li { font-size: 14px; } .listing-cars-grid > .dp-in .listing-car-item .car-meta-bottom ul li i.stm-icon-road { font-size: 14px !important; } .listing-cars-grid:before, .listing-cars-grid:after { display: none; } .listing-car-items .listing-car-item .listing-car-item-inner { max-width: 350px; width: auto; margin: 0 auto; } .listing-car-items .listing-car-item .image { margin-bottom: 10px; } .listing-car-items .listing-car-item .car-title { margin-top: 8px; color: #fff; overflow: hidden; text-transform: uppercase; font-size: 16px; line-height: 18px; font-weight: 700; text-decoration: none; text-align: left; } .listing-car-items .listing-car-item .car-title .colored { color: #cc6119; } .listing-car-items .listing-car-item .price { position: relative; float: right; padding: 6px 20px 4px 8px; margin-left: 23px; background-color: #6c98e1; text-align: right; } .listing-car-items .listing-car-item .price .regular-price, .listing-car-items .listing-car-item .price .sale-price, .listing-car-items .listing-car-item .price .normal-price { position: relative; z-index: 6; } .listing-car-items .listing-car-item .price .regular-price { font-size: 13px; line-height: normal; text-decoration: line-through; } .listing-car-items .listing-car-item .price .normal-price, .listing-car-items .listing-car-item .price .sale-price { color: #fff; font-size: 16px; line-height: 20px; font-weight: 700; } .car-listing-row .listing-car-item-meta .price .normal-price, .car-listing-row .listing-car-item-meta .price .sale-price { color: #fff; font-size: 16px; line-height: 20px; font-weight: 700; } .listing-car-items .listing-car-item .price .normal-price { line-height: 36px; } .listing-car-items .listing-car-item .price:before { position: absolute; content: ""; display: block; top: 0; left: -14px; height: 100%; width: 32px; background-color: #6c98e1; transform: skew(-18deg, 0deg); z-index: 5; } .listing-car-items .listing-car-item .listing-car-item-meta { padding: 18px 20px 20px 23px; background-color: #373c3f; text-align: left; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-top { min-height: 67px; padding-bottom: 22px; border-bottom: 1px solid #4e5254; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul { list-style: none; padding: 0; margin: 0; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li { display: inline-block; margin-top: 18px; margin-right: 27px; margin-bottom: 0; color: #c9c9c9; vertical-align: middle; line-height: 13px; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li.icon-position-right { display: inline-flex; flex-direction: row-reverse; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li i { margin-right: 6px; font-size: 14px; color: #737373; vertical-align: middle; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li.icon-position-right i { margin-right: 0; margin-left: 7px; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li i.stm-icon-road { position: relative; top: 0; font-size: 16px; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li i.stm-icon-transmission { position: relative; top: 1px; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li span { position: relative; top: 1px; vertical-align: top; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li .special-text { margin-bottom: 2px; text-transform: uppercase; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li:last-child { margin-right: 0; } .dp-in { display: inline-block; vertical-align: top; max-width: 100%; } @keyframes preloader { 0% { height: 5px; transform: translateY(0px); background: #6c98e1; } 25% { height: 30px; transform: translateY(15px); background: #6c98e1; } 50% { height: 5px; transform: translateY(0px); background: #6c98e1; } 100% { height: 5px; transform: translateY(0px); background: #6c98e1; } } .car-listing-actions { position: relative; height: 46px; } .car-listing-actions.all-done { height: 0; padding: 0; } .car-listing-row .col-md-3 { margin-bottom: 40px; } .stm-compare-cars-module .car-listing-row .col-md-3:nth-child(4n+1) { clear: none; } .car-listing-row .listing-car-item-meta { padding-top: 17px; } .car-listing-row .listing-car-item-meta .car-title { color: #232628; overflow: hidden; text-transform: uppercase; font-size: 14px; line-height: 18px; font-weight: 700; } .car-listing-row .listing-car-item-meta .car-title .colored { color: #cc6119; } .car-listing-row .listing-car-item-meta .price { position: relative; float: right; padding: 6px 10px 4px 4px; margin-left: 18px; background-color: #6c98e1; text-align: right; } .car-listing-row .listing-car-item-meta .price.discounted-price { padding: 1px 10px 2px 4px; } .car-listing-row .listing-car-item-meta .price.discounted-price .sale-price { line-height: 16px; } .car-listing-row .listing-car-item-meta .price .regular-price, .car-listing-row .listing-car-item-meta .price .sale-price, .car-listing-row .listing-car-item-meta .price .normal-price { position: relative; z-index: 6; } .car-listing-row .listing-car-item-meta .price .regular-price { font-size: 13px; line-height: normal; text-decoration: line-through; } .car-listing-row .listing-car-item-meta .price .normal-price, .car-listing-row .listing-car-item-meta .price .sale-price { color: #fff; font-size: 14px; line-height: 20px; } .car-listing-row .listing-car-item-meta .price .normal-price { line-height: 25px; } .listing-car-item-meta { -webkit-transform: translate3d(0, 0, 0); } .car-listing-row .listing-car-item-meta .price:before { position: absolute; content: ""; display: block; top: 0; left: -12px; height: 100%; width: 32px; background-color: #6c98e1; transform: skew(-14deg, 0deg); z-index: 5; } .car-listing-row .car-meta-top { padding-bottom: 17px; border-bottom: 1px solid #ccc; } .car-listing-row .car-meta-bottom ul { list-style: none; padding: 0; margin: 0; } .car-listing-row .car-meta-bottom ul li { display: inline-block; margin-top: 4px; margin-bottom: 0; margin-right: 14px; color: #888; vertical-align: middle; } .car-listing-row .car-meta-bottom ul li i { margin-right: -1px; font-size: 13px; color: #aaaaaa; vertical-align: middle; } .car-listing-row .car-meta-bottom ul li i.stm-icon-road { position: relative; top: 1px; } .car-listing-row .car-meta-bottom ul li i.stm-icon-transmission { position: relative; top: 1px; } .car-listing-row .car-meta-bottom ul li span { position: relative; top: 1px; vertical-align: top; margin-left: 2px; font-size: 13px; } .car-listing-row .car-meta-bottom ul li .special-text { margin-bottom: 2px; text-transform: uppercase; } .car-listing-row .car-meta-bottom ul li:last-child { margin-right: 0; } .sold-listings-inventory .car-listing-actions { position: relative; height: 46px; } .sold-listings-inventory .car-listing-actions.all-done { height: 0; padding: 0; } .sold-listings-inventory .stm-car-listing-sort-units { margin-top: 4px; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #ddd; } .sold-listings-inventory .stm-car-listing-sort-units .stm-sort-by-options { float: left; } .sold-listings-inventory .stm-car-listing-sort-units .stm-sort-by-options > span { float: left; margin-top: 7px; margin-right: 9px; text-transform: uppercase; font-size: 12px; color: #888; } .sold-listings-inventory .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting { float: left; } .sold-listings-inventory .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting .select2-container--default .select2-selection--single { height: 32px; } .sold-listings-inventory .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting .select2-container--default .select2-selection--single .select2-selection__rendered { height: 32px; line-height: 32px; } .sold-listings-inventory .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting .select2-container--default .select2-selection--single .select2-selection__arrow { height: 32px; } .sold-listings-inventory .stm-car-listing-sort-units .stm-view-by { float: right; } .sold-listings-inventory .stm-car-listing-sort-units .stm-view-by:after { display: table; content: ""; clear: both; } .sold-listings-inventory .stm-car-listing-sort-units .stm-view-by .view-type { display: block; float: left; color: #8f8f8f; margin-left: 10px; width: 32px; height: 32px; line-height: 34px; text-align: center; text-decoration: none !important; } .sold-listings-inventory .stm-car-listing-sort-units .stm-view-by .view-type:hover { color: #6c98e1; cursor: pointer; } .sold-listings-inventory .stm-car-listing-sort-units .stm-view-by .view-type:first-child { margin-left: 0; } .sold-listings-inventory .stm-car-listing-sort-units .stm-view-by .view-type.view-list { font-size: 12px; } .sold-listings-inventory .stm-car-listing-sort-units .stm-view-by .view-type.view-grid { text-indent: 2px; font-size: 16px; } .sold-listings-inventory .stm-car-listing-sort-units .stm-view-by .view-type.active { background-color: #f0f2f5; color: #8f8f8f; } .sold-listings-inventory .stm-car-listing-sort-units .stm-view-by .view-type.active:hover { color: #6c98e1; } .sold-listings-inventory .classic-filter-row { position: relative; z-index: 48; } .sold-listings-inventory .classic-filter-row input[type=text], .sold-listings-inventory .classic-filter-row input[type=search] { height: 40px; line-height: 40px; } .sold-listings-inventory .classic-filter-row .form-group { margin-bottom: 16px; } .sold-listings-inventory .classic-filter-row .filter-price { margin: 7px 0 31px; } .sold-listings-inventory .classic-filter-row .filter-price h5 { margin-bottom: 19px; } .sold-listings-inventory .classic-filter-row .select2-container--default .select2-selection--single, .sold-listings-inventory .classic-filter-row .select2-container--default .select2-selection--single .select2-selection__rendered { height: 40px; line-height: 40px; } .sold-listings-inventory .classic-filter-row .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } .sold-listings-inventory .classic-filter-row .filter-sidebar { padding: 0 22px 30px; background-color: #fff; box-shadow: 0 5px 18px rgba(0, 0, 0, 0.18); } .sold-listings-inventory .classic-filter-row .sidebar-entry-header { position: relative; min-height: 40px; padding: 26px 22px 21px 76px; margin: 0 -22px; background-color: #232628; } .sold-listings-inventory .classic-filter-row .sidebar-entry-header i { position: absolute; top: 32px; left: 21px; font-size: 29px; color: #fff; } .sold-listings-inventory .classic-filter-row .sidebar-entry-header .h4 { display: block; padding-top: 10px; color: #fff; font-weight: 700; letter-spacing: -0.3px; } .sold-listings-inventory .classic-filter-row .stm-inventory-sidebar { margin-top: 25px; } .sold-listings-inventory .classic-filter-row .stm-accordion-single-unit.price .stm-accordion-content { padding: 5px 25px 40px; } .sold-listings-inventory .car-listing-row .col-md-3 { margin-bottom: 40px; } .sold-listings-inventory .car-listing-row .listing-car-item-meta { padding-top: 17px; } .sold-listings-inventory .car-listing-row .listing-car-item-meta .car-title { color: #232628; overflow: hidden; text-transform: uppercase; font-size: 14px; line-height: 18px; font-weight: 700; } .sold-listings-inventory .car-listing-row .listing-car-item-meta .car-title .colored { color: #cc6119; } .sold-listings-inventory .car-listing-row .listing-car-item-meta .price { position: relative; float: right; padding: 6px 10px 4px 4px; margin-left: 18px; background-color: #6c98e1; text-align: right; } .sold-listings-inventory .car-listing-row .listing-car-item-meta .price:before { position: absolute; content: ""; display: block; top: 0; left: -12px; height: 100%; width: 32px; background-color: #6c98e1; transform: skew(-14deg, 0deg); z-index: 5; } .sold-listings-inventory .car-listing-row .listing-car-item-meta .price.discounted-price { padding: 1px 10px 2px 4px; } .sold-listings-inventory .car-listing-row .listing-car-item-meta .price.discounted-price .sale-price { line-height: 16px; } .sold-listings-inventory .car-listing-row .listing-car-item-meta .price .regular-price, .sold-listings-inventory .car-listing-row .listing-car-item-meta .price .sale-price, .sold-listings-inventory .car-listing-row .listing-car-item-meta .price .normal-price { position: relative; z-index: 6; } .sold-listings-inventory .car-listing-row .listing-car-item-meta .price .regular-price { font-size: 13px; line-height: normal; text-decoration: line-through; } .sold-listings-inventory .car-listing-row .listing-car-item-meta .price .normal-price, .sold-listings-inventory .car-listing-row .listing-car-item-meta .price .sale-price { color: #fff; font-size: 14px; line-height: 20px; } .sold-listings-inventory .car-listing-row .listing-car-item-meta .price .normal-price { line-height: 25px; } .sold-listings-inventory .car-listing-row .car-meta-top { padding-bottom: 17px; border-bottom: 1px solid #ccc; } .sold-listings-inventory .car-listing-row .car-meta-bottom ul { list-style: none; padding: 0; margin: 0; } .sold-listings-inventory .car-listing-row .car-meta-bottom ul li { display: inline-block; margin-top: 4px; margin-bottom: 0; margin-right: 14px; color: #888; vertical-align: middle; } .sold-listings-inventory .car-listing-row .car-meta-bottom ul li i { margin-right: -1px; font-size: 13px; color: #aaaaaa; vertical-align: middle; } .sold-listings-inventory .car-listing-row .car-meta-bottom ul li i.stm-icon-road { position: relative; top: 1px; } .sold-listings-inventory .car-listing-row .car-meta-bottom ul li i.stm-icon-transmission { position: relative; top: 1px; } .sold-listings-inventory .car-listing-row .car-meta-bottom ul li span { position: relative; top: 1px; vertical-align: top; margin-left: 2px; font-size: 13px; } .sold-listings-inventory .car-listing-row .car-meta-bottom ul li .special-text { margin-bottom: 2px; text-transform: uppercase; } .sold-listings-inventory .car-listing-row .car-meta-bottom ul li:last-child { margin-right: 0; } .sold-listings-inventory .found-cars-cloned { position: absolute; top: 50%; right: 0; margin-top: -13px; } .sold-listings-inventory .found-cars, .sold-listings-inventory .found-cars.heading-font { display: inline-block; position: relative; padding-left: 30px; font-size: 13px; line-height: 26px; text-transform: uppercase; font-weight: 400; color: #aaaaaa !important; } .sold-listings-inventory .found-cars i { position: absolute; content: ""; display: block; font-size: 23px; left: 0; top: 0; } .sold-listings-inventory .found-cars .blue-lt { color: #6c98e1; font-weight: 700; } .sold-listings-inventory .found-cars-clone { display: none; visibility: hidden; opacity: 0; } .sold-listings-inventory .tab-search-title { position: relative; padding-left: 71px; margin-bottom: 36px; min-height: 35px; font-size: 30px; color: #232628; font-weight: 700; } .sold-listings-inventory .tab-search-title i { position: absolute; left: 0; top: -7px; font-size: 34px; } .sold-listings-inventory #car-listing-tab-search { padding-top: 20px; } .sold-listings-inventory .reset-all:hover { cursor: pointer; } .sold-listings-inventory .reset-all.reset-styled { display: block; border: 2px solid #ddd; border-radius: 3px; color: #ddd; text-align: center; line-height: 44px; font-size: 22px; text-decoration: none !important; } .sold-listings-inventory .reset-all.reset-styled:hover { color: #6c98e1; border-color: #6c98e1; } .sold-listings-inventory .reset-all.reset-styled:focus { color: #6c98e1; border-color: #6c98e1; } .sold-listings-inventory .reset-all.reset-styled:active { color: #6c98e1; border-color: #6c98e1; } .sold-listings-inventory .search-call-to-action { margin-top: 36px; } .owl-controls { margin-top: 35px; text-align: center; } .owl-dots { display: inline-block; vertical-align: middle; margin: 0 7px; position: relative; top: 1px; } .owl-dots button { background-color: transparent !important; box-shadow: none !important; } .owl-dots .owl-dot { display: block; float: left; padding: 4px; box-shadow: none !important; background-color: transparent; } .owl-dots .owl-dot.active span { transform: scale(1.3); background-color: #6c98e1; } .owl-dots .owl-dot span { display: block; width: 4px; height: 4px; background-color: #9d9d9d; border-radius: 50%; } .slider-v1-title .h1 { font-size: 46px; color: #232628; font-weight: 400 !important; } .stm-slider-rounded-style-title { font-size: 20px; line-height: 22px; font-weight: 700; } .stm-slider-rounded-style-title.text-left { padding-left: 37px; } .stm-slider-rounded-style-title.style-2 span { display: block; } .white { color: #fff !important; } .button.stm-slider-button { padding: 16px 25px 15px 45px; font-weight: 700; line-height: 14px !important; visibility: inherit; white-space: nowrap; } .button.stm-slider-button i { position: absolute; top: 50%; left: 16px; font-size: 18px; margin-top: -9px; } .entry-header { position: relative; background-size: cover; background-color: #8f9fad; background-image: url("../../images/title-box-default-bg.jpg"); background-position: 50% 0; } .entry-header.small_title_box > .container { min-height: 222px; } @media (max-width: 767px) { .entry-header.small_title_box > .container { min-height: 150px; } } .entry-header.small_title_box .container .entry-title h1 { color: #ffffff; } .entry-header.small_title_box .container .entry-title h2 { color: #ffffff; } .entry-header.small_title_box .entry-title h1, .entry-header.small_title_box .entry-title h2 { font-size: 36px; margin-bottom: 0; } .entry-header > .container { min-height: 335px; } .entry-header:after { position: absolute; content: ""; display: block !important; top: 0; left: 0; right: 0; bottom: 0; background: rgba(35, 38, 40, 0.5); z-index: 10; } .entry-header > .container { position: relative; z-index: 11; } .entry-header .entry-title { position: absolute; top: 50%; left: 15px; right: 15px; transform: translateY(-50%); } @media (max-width: 1024px) { .entry-header .entry-title { position: unset; transform: unset; } } .entry-header .entry-title h1, .entry-header .entry-title h2 { color: #fff; margin-bottom: 13px; text-transform: uppercase; } .entry-header .entry-title .colored-separator { color: #cc6119; margin-bottom: 8px; text-align: left; } .entry-header .entry-title .colored-separator .first-long, .entry-header .entry-title .colored-separator .last-short { background-color: #fab637; } .entry-header .entry-title .sub-title { color: #fff; font-weight: 400; line-height: 17px; } .entry-header.center .entry-title h1, .entry-header.center .entry-title h2 { text-align: center; } .entry-header.center .colored-separator { text-align: center; } .entry-header.center .sub-title { text-align: center; } .entry-header.right .entry-title h1, .entry-header.right .entry-title h2 { text-align: right; } .entry-header.right .colored-separator { text-align: right; } .entry-header.right .sub-title { text-align: right; } .stm_breadcrumbs_unit + .container .archive-listing-page .classic-filter-row { margin-top: 0; } @media (max-width: 1025px) { .classic-filter-row { width: 100%; margin-bottom: 20px; margin-top: 0; } .archive-listing-page .col-md-9 { width: 100%; padding: 0; } .archive-listing-page .col-md-pull-3 { right: unset; } .archive-listing-page .col-md-push-9 { left: unset; } } .stm_breadcrumbs_unit .navxtBreads { padding: 15px 0 8px 4px; margin-bottom: 20px; color: #888; text-transform: uppercase; font-size: 11px; border-bottom: 1px solid #dddddd; } .stm_breadcrumbs_unit .navxtBreads span:first-child { margin-left: 0; } .stm_breadcrumbs_unit .navxtBreads span { margin: 0 3px; } .stm_breadcrumbs_unit .navxtBreads span:last-child { margin-right: 0; } .stm_breadcrumbs_unit .navxtBreads a { color: #888; text-decoration: none !important; font-size: 11px; } .stm_breadcrumbs_unit .navxtBreads a:hover { color: #6c98e1; } .media-carousel-item { max-width: 270px; width: auto; margin: 0 auto; } .media-carousel-item .stm_fancybox { display: block; position: relative; } .media-carousel-item .stm_fancybox:after { position: absolute; content: ""; display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; } .media-carousel-item .stm_fancybox:hover:after { opacity: 1; } .stm-carousel .owl-controls { margin-top: 30px; } *:focus { outline: none !important; } .stm-overlay:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .stm-owl-next, .stm-owl-prev { display: inline-block; vertical-align: middle; font-size: 30px; padding: 5px 15px; color: #888; } .stm-owl-next:hover, .stm-owl-prev:hover { cursor: pointer; color: #6c98e1; } .owl-carousel .owl-item { transform: translateZ(0px) !important; -webkit-transform: translateZ(0px) !important; } .stm-carousel-brands { position: relative; padding: 0 30px; } .stm-carousel-brands .brands-carousel-item { float: left; } .stm-carousel-brands .brands-carousel-item .brands-carousel-item-inner { opacity: 0.7; width: auto; margin: 0 auto; } .stm-carousel-brands .brands-carousel-item .brands-carousel-item-inner:hover { opacity: 1; } .stm-carousel-brands .owl-controls { margin-top: 0; } .stm-carousel-brands .owl-controls .owl-prev, .stm-carousel-brands .owl-controls .owl-next { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); color: #aaaaaa; } .stm-carousel-brands .owl-controls .owl-prev:hover, .stm-carousel-brands .owl-controls .owl-next:hover { color: #6c98e1; } .stm-carousel-brands .owl-controls .owl-prev { left: 0; } .stm-carousel-brands .owl-controls .owl-next { right: 0; } .stm-carousel-brands .owl-controls .owl-prev:after, .stm-carousel-brands .owl-controls .owl-next:after { font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 26px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .stm-carousel-brands .owl-controls .owl-prev:after { content: "\f104"; } .stm-carousel-brands .owl-controls .owl-next:after { content: "\f105"; } .stm-services-archive-page { margin-top: 30px; } .stm-service-unit { margin-bottom: 50px; } .stm-service-unit > a { text-decoration: none !important; } .stm-service-unit .image { position: relative; margin-bottom: 14px; } .stm-service-unit .image .icon { position: absolute; bottom: 0; left: 0; width: 70px; height: 70px; font-size: 33px; background-color: #6c98e1; color: #fff; text-align: center; } .stm-service-unit .image .icon > i { line-height: 70px; } .stm-service-unit .stm-service-meta { border: 1px solid #ddd; padding: 21px 41px 10px 45px; } .stm-service-unit .stm-service-meta .title { padding-bottom: 13px; margin-bottom: 15px; text-transform: uppercase; border-bottom: 1px solid #ddd; } .stm-service-unit .stm-service-meta .excerpt { font-size: 13px; line-height: 18px; color: #888; } ul.page-numbers { display: block; position: relative; margin-top: 10px; padding: 45px 60px 0; border-top: 1px solid #ddd; text-align: center; } ul.page-numbers li { display: inline-block; margin-bottom: 0; } @media (max-width: 1024px) { ul.page-numbers li { margin-top: 10px; } ul.page-numbers li a.next { margin-top: 10px; } ul.page-numbers li a.prev { margin-top: 10px; } } ul.page-numbers li > a { display: block; width: 34px; height: 35px; margin: 0 8px; padding: 0; background-color: #6c98e1; color: #fff; border-top: none; border-radius: 3px; line-height: 35px; text-decoration: none !important; } ul.page-numbers li > span { display: block; width: 34px; height: 35px; margin: 0 8px; padding: 0; background-color: #dddddd; color: #fff; border-top: none; border-radius: 3px; line-height: 35px; } ul.page-numbers li .prev, ul.page-numbers li .next { width: 54px; height: 35px; font-size: 20px; border-radius: 3px; margin: 0; } ul.page-numbers li .prev { position: absolute; left: 0; top: 45px; } ul.page-numbers li .next { position: absolute; right: 0; top: 45px; } .added_date { position: relative; display: block; padding: 0 15px 0 32px; font-size: 12px; text-transform: uppercase; color: #888; border: 1px solid #dddddd; line-height: 27px; border-radius: 15px; text-decoration: none !important; } .added_date i { position: absolute; left: 8px; top: 50%; margin-top: -1px; font-size: 17px; color: #6c98e1; transform: translateY(-50%); } .single-car-actions .list-unstyled { display: flex; flex-wrap: wrap; } .single-car-actions > ul li { float: left; margin-right: 13px; margin-bottom: 12px; } .single-car-actions > ul li:last-child { margin-right: 0; } @media (max-width: 767px) { .single-car-actions > ul li:last-child { margin-right: 0; } } .single-car-actions .stock-num { padding: 4px 15px; background-color: #f0f2f5; border-radius: 15px; font-size: 14px; color: #232628; } .single-car-actions .stock-num > span { font-size: 12px; text-transform: uppercase; color: #888; } .added_date_style_button { text-align: center; border-radius: 8px; padding: 20px 12px; background-color: rgba(136, 136, 136, 0.2); color: #121e24; } @media (max-width: 767px) { .added_date_style_button { padding: 12px 10px; } } @media (max-width: 767px) { .added_date_style_button .added_date_info_text { display: none; } } .car-action-unit { position: relative; display: block; padding: 0 15px 0 32px; font-size: 12px; text-transform: uppercase; color: #888; border: 1px solid #dddddd; line-height: 27px; border-radius: 15px; text-decoration: none !important; } @media (max-width: 1024px) { .car-action-unit .stm-show-on-hover span { display: none; } } .car-action-unit > i { position: absolute; left: 8px; top: 50%; margin-top: -1px; font-size: 17px; color: #6c98e1; transform: translateY(-50%); } .car-action-unit:hover { border-color: #6c98e1; } .car-action-unit.add-to-compare { padding-left: 36px; white-space: nowrap; padding-right: 15px; } .car-action-unit.add-to-compare > i { font-size: 14px; } .car-action-unit.add-to-compare.stm-added { position: relative; background-color: #6c98e1; color: #fff; border-color: #6c98e1; } .car-action-unit.add-to-compare.stm-added > i { color: #fff; } .car-action-unit.add-to-compare.stm-added .stm-unhover { opacity: 1; } .car-action-unit.add-to-compare.stm-added .stm-show-on-hover { opacity: 0; width: 100%; height: 100%; top: 0; left: 0; position: absolute; padding-left: 36px; } .car-action-unit.add-to-compare.stm-added .stm-show-on-hover > i { position: absolute; left: 8px; top: 6px; font-size: 14px; } .car-action-unit.add-to-compare.stm-added:hover .stm-unhover { opacity: 0; } .car-action-unit.add-to-compare.stm-added:hover .stm-show-on-hover { opacity: 1; } .car-action-unit.add-to-compare.disabled .stm-icon-add, .car-action-unit.add-to-compare.disabled .stm-icon-added, .car-action-unit.add-to-compare.disabled .stm-icon-remove { opacity: 0; } .car-action-unit.add-to-compare.disabled:after { content: "\e924"; position: absolute; display: block; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "stm-icon"; speak: none; font-size: 14px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; animation: rotating 2s infinite linear; top: 6px; left: 10px; height: 14px; width: 14px; z-index: 20; } .car-action-unit.stm-brochure { padding-left: 35px; } .car-action-unit.stm-brochure > i { left: 11px; } .car-action-unit.stm-share > i { left: 11px; font-size: 13px; } .stm-single-car-content { padding-right: 27px; } .stm-single-car-side { padding-top: 7px; margin-left: -30px; } @media (max-width: 1024px) { .stm-single-car-page .single-car-actions .list-unstyled li { width: auto; align-items: center; margin-right: 15px; float: left; } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 360px) { .stm-single-car-page .single-car-actions .list-unstyled li { margin-right: 10px; } } @media (max-width: 1024px) and (max-width: 320px) { .stm-single-car-page .single-car-actions .list-unstyled li { margin-right: 5px; } } @media (max-width: 1024px) { .stm-single-car-page .single-car-actions .list-unstyled li a { min-width: auto; width: 32px; height: 32px; padding: 0; border-radius: 3px; display: flex; justify-content: center; align-items: center; } .stm-single-car-page .single-car-actions .list-unstyled li a span { display: none; } .stm-single-car-page .single-car-actions .list-unstyled li a i { position: static; left: auto; top: auto; transform: none; } .stm-single-car-page .single-car-actions .list-unstyled li .stock-num { font-size: 11px; padding: 6px 15px; } } @media (max-width: 1024px) and (max-width: 320px) { .stm-single-car-page .single-car-actions .list-unstyled li .stock-num { padding: 6px 12px; } } @media (max-width: 1024px) { .stm-single-car-page .single-car-actions .list-unstyled li .stock-num span { font-size: 11px; } .stm-single-car-page .single-car-actions .list-unstyled li.added-date-action { width: 100%; margin: 0; text-align: left; } .stm-single-car-page .single-car-actions .list-unstyled li.added-date-action .added_date { border: none; justify-content: flex-start; padding: 0; text-transform: capitalize; margin-bottom: 5px; } .stm-single-car-page .single-car-actions .list-unstyled li.added-date-action .added_date i { display: none; } .stm-single-car-page .single-car-actions .list-unstyled li.added-date-action .added_date .added_date_info_text { display: none; font-size: 11px; } } .stm-big-car-gallery .owl-nav, .stm-carousel .owl-nav { display: none !important; } .stm-carousel .owl-stage-outer { margin-bottom: 30px; } .stm-big-car-gallery .owl-controls { margin-top: 25px; } .stm-big-car-gallery .stm-single-image img { width: 100%; } .stm-thumbs-car-gallery { position: relative; } .stm-thumbs-car-gallery:after { display: table; content: ""; clear: both; } .stm-thumbs-car-gallery .stm-single-image { max-width: 142px; width: auto; margin: 0 auto; } .stm-thumbs-car-gallery .stm-single-image:hover { cursor: pointer; } .stm-thumbs-car-gallery .stm-single-image img { max-width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; aspect-ratio: 2/1.15; } .stm-thumbs-car-gallery .owl-item:hover { cursor: pointer; } .stm-thumbs-car-gallery .owl-item:after { position: absolute; content: ""; display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(35, 38, 40, 0.3); visibility: visible; opacity: 0; max-width: 142px; width: auto; margin: 0 auto; } .stm-thumbs-car-gallery .owl-item.current:after { visibility: visible; opacity: 1; } .stm-thumbs-car-gallery .owl-controls { margin-top: 0; } .stm-thumbs-car-gallery .owl-prev, .stm-thumbs-car-gallery .owl-next { position: absolute; top: 0; width: 30px; background: rgba(0, 0, 0, 0.7); text-align: center; cursor: pointer; } .stm-thumbs-car-gallery .owl-prev:after, .stm-thumbs-car-gallery .owl-next:after { font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: inherit; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; line-height: 82px; } .stm-thumbs-car-gallery .owl-prev { left: -30px; } @media (max-width: 1024px) { .stm-thumbs-car-gallery .owl-prev { left: 0; } } .stm-thumbs-car-gallery .owl-prev:after { content: "\f053"; } .stm-thumbs-car-gallery .owl-next { right: -30px; } @media (max-width: 1024px) { .stm-thumbs-car-gallery .owl-next { right: 0; } } .stm-thumbs-car-gallery .owl-next:after { content: "\f054"; } .stm-thumbs-car-gallery .video-preview { position: relative; } .stm-thumbs-car-gallery .video-preview:before { content: "\f144"; position: absolute; display: block; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 30px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 51px; height: 51px; background: rgba(255, 255, 255, 0.8); border-radius: 50%; text-align: center; line-height: 51px; color: #6c98e1; z-index: 20; } .stm-big-car-gallery .video-preview a.fancy-iframe:before { width: 90px; height: 90px; line-height: 90px; font-size: 63px; margin: -45px 0 0 -45px !important; } .stm-car-carousels { position: relative; overflow: hidden; margin-bottom: 45px; } .stm-car-carousels:hover .stm-thumbs-car-gallery .owl-prev { left: 0; } .stm-car-carousels:hover .stm-thumbs-car-gallery .owl-next { right: 0; } .video-preview { position: relative; } .video-preview a.fancy-iframe { display: block; position: relative; } .video-preview a.fancy-iframe:before { content: "\f144"; position: absolute; display: block; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 30px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 51px; height: 51px; background: rgba(255, 255, 255, 0.8); border-radius: 50%; text-align: center; line-height: 51px; color: #232628; z-index: 20; } .video-preview a.fancy-iframe:hover:before { color: #6c98e1; } .compose-mode .stm-tech-infos table { position: absolute; top: 44px; z-index: 1; } .compose-mode .stm-tech-infos { position: relative; margin-top: 10px; } .compose-mode .vc_element.vc_stm_tech_info { min-height: 40px; } .compose-mode .vc_element { z-index: 10; position: relative; } .stm-tech-infos { margin-top: -6px; margin-bottom: 25px; } .stm-tech-infos .stm-tech-title { position: relative; padding-top: 10px; padding-left: 50px; margin-bottom: 9px; min-height: 35px; } .stm-tech-infos .stm-tech-title i { position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 27px; color: #cc6119; } .stm-tech-infos .stm-tech-title .title { font-size: 16px; font-weight: 400; color: #232628; } .stm-tech-infos span.h6 { font-size: 14px; font-weight: 400; } .stm-border-right { border-right: 1px solid #ddd; } .special-label, .special-label.h5 { position: absolute; top: 27px; left: -81px; height: 49px; padding: 0 100px; line-height: 49px; color: #fff !important; text-transform: uppercase; text-align: center; font-size: 14px; font-weight: 700; background-color: var(--motors-secondary-color); transform: rotate(-45deg) translateZ(0); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; z-index: 10; } .listing-list-loop .image .image-inner .special-label, .listing-list-loop .image .image-inner .special-label.h5 { background-color: var(--motors-secondary-color); } .special-label-small, .special-label-small.h6 { top: 20px; left: -91px; height: 32px; line-height: 32px; } .single-add-to-compare { position: fixed; top: -30%; left: 0; right: 0; padding-top: 17px; min-height: 71px; background-color: #6c98e1; z-index: 99999; opacity: 0; } .single-add-to-compare.danger, .single-add-to-compare.overadded { background-color: #ff0000; } .single-add-to-compare.danger .compare-fixed-link:hover, .single-add-to-compare.overadded .compare-fixed-link:hover { color: #ff0000; } .single-add-to-compare.warning { background-color: #cc6119; } .single-add-to-compare.warning .compare-fixed-link:hover { color: #cc6119; } .single-add-to-compare.single-add-to-compare-visible { top: 0; opacity: 1; } .single-add-to-compare .compare-fixed-link { display: block; padding: 8px 23px 6px; color: #ffffff; border: 1px solid #ffffff; border-radius: 3px; font-size: 12px; text-transform: uppercase; font-weight: 400; text-decoration: none !important; text-align: center; max-width: -moz-fit-content; max-width: fit-content; } .single-add-to-compare .compare-fixed-link:hover { background-color: #ffffff; color: #6c98e1; } .single-add-to-compare .single-add-to-compare-left { position: relative; padding-left: 55px; min-height: 35px; } .single-add-to-compare .single-add-to-compare-left .add-to-compare-icon { position: absolute; left: 0; top: 50%; color: #ffffff; font-size: 35px; transform: translateY(-50%); } .single-add-to-compare .single-add-to-compare-left .add-to-compare-icon:before { content: "\f071"; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: inherit; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .single-add-to-compare .single-add-to-compare-left .stm-title { display: block; padding-top: 10px; color: #ffffff; font-weight: 400; } .stm-single-car-page { margin: 12px 0 60px; } .stm-single-car-page .stm_ev_title_attributes .stm_listing_title { color: #191d21; } .stm-single-car-page .stm_ev_title_attributes .ev_title_attributes { text-transform: uppercase; color: #191d21; opacity: 0.5; font-size: 14px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: left; } .stm-single-car-page .stm_all_in_one_price_block { padding: 22px; border-radius: 5px; } .stm-single-car-page .stm_all_in_one_price_block .prices_wrap .h3 { display: block; color: #191d21; font-size: 30px; font-weight: 600; font-style: normal; letter-spacing: normal; line-height: normal; margin-bottom: 0; } .stm-single-car-page .stm_all_in_one_price_block .prices_wrap .h3.regular_price, .stm-single-car-page .stm_all_in_one_price_block .prices_wrap .h3.price_label { font-size: 14px; font-weight: 700; text-transform: uppercase; } .stm-single-car-page .stm_all_in_one_price_block .prices_wrap .h3.regular_price .crossed, .stm-single-car-page .stm_all_in_one_price_block .prices_wrap .h3.price_label .crossed { text-decoration: line-through; } .stm-single-car-page .stm_all_in_one_price_block .action-links a { color: #191d21; text-decoration: underline; display: block; font-size: 14px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: normal; opacity: 0.5; } .stm-single-car-page .stm_all_in_one_price_block .action-links a:first-child { margin-bottom: 10px; } .stm-single-car-page .stm_all_in_one_price_block .action-links a:hover { text-decoration: none; } .stm-single-car-page .stm_all_in_one_price_block .contact-btn { margin-top: 15px; text-transform: uppercase; font-size: 14px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 18px; text-align: center; box-shadow: none !important; } .stm-single-car-page .electric_vehicle_mpg { border-radius: 5px; border: 1px solid #bbbec1; margin-bottom: 0; padding: 20px 10px; } .stm-single-car-page .electric_vehicle_mpg .units_wrap { width: 100%; display: flex; justify-content: space-between; } .stm-single-car-page .electric_vehicle_mpg .units_wrap .mpg-unit .mpg-label { color: #191d21; font-size: 12px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 24px; text-align: center; text-transform: initial; } .stm-single-car-page .electric_vehicle_mpg .units_wrap .mpg-icon { background-color: #cc6119; display: flex; justify-content: center; } .stm-single-car-page .electric_vehicle_mpg .units_wrap .mpg-icon i { position: relative; } .stm-single-car-page .electric_vehicle_mpg .units_wrap .mpg-icon i:before { position: absolute; left: -19px; } .stm-single-car-page .stm_battery_charging_time { border-radius: 5px; border: 1px solid #bbbec1; } .stm-single-car-page .stm_battery_charging_time .charge_times_wrap { margin-bottom: 0; border: none; padding-bottom: 25px; } .stm-single-car-page .stm_battery_charging_time .charge_times_wrap h3 { color: #191d21; font-size: 18px; font-weight: 600; font-style: normal; letter-spacing: normal; line-height: normal; text-align: center; text-transform: capitalize; margin: 10px 0 14px; } .stm-single-car-page .stm_battery_charging_time .charge_times_wrap .mpg-value { font-size: 26px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 14px; text-align: center; margin-bottom: 10px; } .stm-single-car-page .stm_battery_charging_time .charge_times_wrap .mpg-label { color: #191d21; font-size: 12px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 14px; text-align: center; } .stm-single-car-page .stm_battery_charging_time .charge_times_wrap .mpg-label span { text-transform: capitalize; } .stm-single-car-page .stm_battery_charging_time .charge_times_wrap .mpg-icon { background-color: #18d551; display: flex; justify-content: center; } .stm-single-car-page .stm_battery_charging_time .charge_times_wrap .mpg-icon i { position: relative; } .stm-single-car-page .stm_battery_charging_time .charge_times_wrap .mpg-icon i:before { position: absolute; left: -11px; } .stm-single-car-page .stm_battery_charging_time .charge_times_wrap .mpg-mobile-selector { width: 100%; display: flex; justify-content: space-between; } .stm-single-car-page .stm_battery_charging_time .charge_times_wrap .charge-range { opacity: 0.5; color: #191d21; font-size: 14px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: normal; text-align: center; margin-bottom: 0; margin-top: 12px; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery { position: relative; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(25, 29, 33, 0.4); z-index: 10; overflow: hidden; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare { display: flex; position: absolute; z-index: 10; width: 100%; align-items: center; justify-content: space-between; padding: 20px; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn { color: #ffffff; border: 2px solid #ffffff; border-radius: 50px; padding: 10px 20px; font-size: 14px; line-height: normal; display: flex; align-items: center; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn .stm-icon-remove, .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn span.remove { display: none; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn:hover, .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn:active, .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn:focus { text-decoration: none; background-color: #cc6119; border: 2px solid #cc6119; cursor: pointer; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn.active { background-color: #cc6119; border: 2px solid #cc6119; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn.active .stm-icon-remove, .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn.active span.remove { display: inline-block; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn.active .stm-icon-add, .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn.active span.add { display: none; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn i { margin-right: 7px; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn.stm-shareble .stm-a2a-popup { top: 38px; opacity: 1; z-index: 30; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger { display: flex; position: absolute; z-index: 10; width: 100%; align-items: center; justify-content: center; top: 45%; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon { position: relative; width: 50px; height: 28.87px; background: transparent; border-left: solid 2px #ffffff; border-right: solid 2px #ffffff; margin: 14.43px 0; display: flex; align-items: center; justify-content: center; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon:before, .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon:after { content: ""; position: absolute; z-index: 1; width: 35.36px; height: 35.36px; transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 5.3223px; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon:before { top: -17.6777px; border-top: solid 2.8284px #ffffff; border-right: solid 2.8284px #ffffff; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon:after { bottom: -17.6777px; border-bottom: solid 2.8284px #ffffff; border-left: solid 2.8284px #ffffff; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon:hover { background-color: #cc6119; border-left: solid 2px #cc6119; border-right: solid 2px #cc6119; cursor: pointer; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon:hover::before { border-top: solid 2.8284px #cc6119; border-right: solid 2.8284px #cc6119; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon:hover::after { border-bottom: solid 2.8284px #cc6119; border-left: solid 2.8284px #cc6119; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon .fas { position: absolute; color: #ffffff; font-size: 22px; z-index: 5; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .stm-badge-directory, .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .special-label.h5 { position: absolute; top: unset; left: unset; bottom: 45px !important; right: -60px !important; height: 49px; padding: 0 65px; line-height: 49px; color: #ffffff !important; text-transform: uppercase; text-align: center; font-size: 14px; font-weight: 700; transform: rotate(-45deg) translateZ(0); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; z-index: 10; min-width: 260px !important; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .stm-badge-directory { background-color: #cc6119; } .stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .special-label.h5 { background-color: #fc4e4e; } .stm-single-car-page .stm_gallery_with_buttons .gallery-buttons { margin-top: 12px; display: flex; flex-direction: column; align-content: center; justify-content: space-between; } .stm-single-car-page .stm_gallery_with_buttons .gallery-buttons .gallery_action_btn { margin-left: 0; width: 100%; } .stm-single-car-page .stm_gallery_with_buttons .gallery-buttons .gallery_action_btn:first-child { margin-left: 0; } .stm-single-car-page .stm_gallery_with_buttons .gallery-buttons .gallery_action_btn .button { text-transform: capitalize; min-width: 100%; font-weight: 400; margin-bottom: 5px; padding: 20px; box-shadow: none; display: flex; justify-content: center; align-items: center; align-content: center; background-color: #191d21; } .stm-single-car-page .stm_gallery_with_buttons .gallery-buttons .gallery_action_btn .button:hover { background-color: #cc6119; } .stm-single-car-page .stm_gallery_with_buttons .gallery-buttons .gallery_action_btn .button i { font-size: 18px; margin-right: 7px; } @media (min-width: 768px) { .stm-single-car-page .stm_gallery_with_buttons .gallery-buttons .gallery_action_btn { margin-left: 12px; } } @media (min-width: 768px) { .stm-single-car-page .stm_gallery_with_buttons .gallery-buttons { flex-direction: row; } } .stm-single-car-page .stm_highlight_photos .stm-highlight-gallery { position: relative; } .stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls { margin-top: 0; } .stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-prev, .stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-next { position: absolute; top: 70px; padding: 5px 8px; background: #ffffff; text-align: center; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); border-radius: 50px; } .stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-prev:after, .stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-next:after { font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: inherit; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #cc6119; line-height: normal; display: block; } .stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-prev:hover, .stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-next:hover { cursor: pointer; } .stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-prev { left: -10px; } .stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-prev:after { content: "\f053"; } .stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-next { right: -10px; } .stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-next:after { content: "\f054"; } .stm-single-car-page .stm_multipurpose_link a { color: #cc6119; font-size: 14px; font-weight: 500; text-decoration-style: dotted; text-decoration-line: underline; text-underline-offset: 4px; } .stm-single-car-page .stm_multipurpose_link a:hover { text-decoration: none; } .stm-single-car-page .stm_multipurpose_link a.ev_add_compare_link.active { color: #191d21; } .stm-single-car-page .stm_multipurpose_link a i { color: #cc6119; margin-left: 5px; } .stm-single-car-page .stm_multipurpose_link a i:before { color: #cc6119; } .stm-single-car-page .stm-attribute_boxes .attribute-box { min-height: 120px; margin-top: 25px; margin-bottom: 25px; border-radius: 5px; text-align: center; padding: 20px 5px; display: flex; flex-direction: column; justify-content: center; } .stm-single-car-page .stm-attribute_boxes .attribute-box i { font-size: 22px; margin-bottom: 8px; } .stm-single-car-page .stm-attribute_boxes .attribute-box p { margin: 0; } .stm-single-car-page .stm-attribute_boxes .attribute-box p.label-text { font-size: 13px; margin-bottom: -3px; } .stm-single-car-page .stm-attribute_boxes .attribute-box p.value-text { font-weight: bold; font-size: 15px; } .stm-shareble { position: relative; } @media (max-width: 768px) { .stm-shareble { margin-right: 10px; } } .stm-shareble:hover .stm-share { border-color: #6c98e1; color: #6c98e1; } .stm-shareble .st_sharethis_large { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; z-index: 20; } .stm-shareble .st_sharethis_large:hover { cursor: pointer; } .single-car-prices { background-color: #6c98e1; } .single-car-prices .h4 { font-size: 24px; } .single-regular-price { padding: 22px 0 13px; vertical-align: middle; } .single-regular-price > .labeled { margin-right: 7px; font-size: 12px; font-weight: 400; color: #fff; vertical-align: middle; text-transform: uppercase; } .single-regular-price > .h3 { position: relative; top: -1px; left: 1px; color: #fff; vertical-align: middle; } .price-description-single { padding: 4px 10px; background-color: #232628; font-size: 13px; text-align: center; color: #fff; } .single-regular-sale-price { padding: 14px 25px 12px; } .single-regular-sale-price > table { margin-bottom: 0; table-layout: fixed; } .single-regular-sale-price > table tr td { padding: 0; border-bottom: none; color: #fff; text-transform: uppercase; } .single-regular-sale-price > table tr td:first-child { width: 40%; font-size: 14px; border-right: 1px solid #89ade7; } .single-regular-sale-price > table tr td:nth-child(2) { padding-left: 21px; } .single-regular-sale-price > table tr td:nth-child(2) .h4 { margin: -5px 0 0; color: #fff; text-align: center; } @media (min-width: 992px) { .single-regular-sale-price > table tr td:nth-child(2) { text-align: left; } .single-regular-sale-price > table tr td:nth-child(2) .h4 { text-align: left; } } .regular-price-with-sale { line-height: 17px; } .regular-price-with-sale strong { display: block; } .sale-price-description-single { padding: 4px 10px; background-color: #232628; font-size: 12px; text-align: center; color: #fff; text-transform: uppercase; } .sale-price-description-single > strong { font-size: 14px; } .single-car-data { padding: 12px 26px 13px 23px; margin-bottom: 26px; background-color: #f0f2f5; position: relative; } .single-car-data .stm-single-car-history-image { display: block; } .single-car-data .stm-single-car-history-image a { display: block; padding: 10px 0; } .single-car-data > table { margin-bottom: 0; table-layout: fixed; } .single-car-data > table tr td { padding: 11px 0 6px; } .single-car-data > table tr td.t-label { padding-right: 3px; text-transform: uppercase; } .single-car-data > table tr td.t-value { padding-left: 3px; margin-bottom: 0; font-weight: 700; font-size: 14px; line-height: 18px; } .single-car-data > table tr td.t-value.t-vin { font-size: 12px; text-transform: uppercase; } .single-car-data > table tr:last-child td { border-bottom: none; } .single-car-data a { font-weight: 700; font-size: 14px; line-height: 18px; padding: 15px 20px 13px 30px; color: inherit; } .single-car-data a i { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); font-size: 19px; transition: all 0.3s ease; } .single-car-mpg { padding: 11px 15px; margin-bottom: 25px; border: 3px solid #e4e6ea; } .single-car-mpg:after { display: table; content: ""; clear: both; } .single-car-mpg .mpg-unit { padding-top: 14px; float: left; width: 36%; text-align: center; } .single-car-mpg .mpg-unit .mpg-value { padding: 0 3px; font-size: 26px; font-weight: 700; } .single-car-mpg .mpg-unit .mpg-label { font-size: 12px; text-transform: uppercase; } .single-car-mpg .mpg-icon { float: left; width: 26.36%; max-width: 64px; min-height: 64px; text-align: center; background-color: #cc6119; border-radius: 50%; text-indent: 5px; } .single-car-mpg .mpg-icon i { position: relative; top: -1px; font-size: 26px; line-height: 64px; color: #fff; } .stm_auto_loan_calculator { padding: 22px 17px 8px; border: 3px solid #e4e6ea; } .stm_auto_loan_calculator > .title { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; position: relative; min-height: 42px; text-transform: uppercase; } .stm_auto_loan_calculator > .title h5 { position: relative; line-height: 16px; font-size: 16px; font-weight: 400; } .stm_auto_loan_calculator > .title h1, .stm_auto_loan_calculator > .title h2, .stm_auto_loan_calculator > .title h3, .stm_auto_loan_calculator > .title h4, .stm_auto_loan_calculator > .title h5, .stm_auto_loan_calculator > .title h6 { margin-left: 15px; margin-bottom: unset; } .stm_auto_loan_calculator > .title > i { font-size: 42px; color: #cc6119; } .stm_auto_loan_calculator .form-group { margin-bottom: 17px; } .stm_auto_loan_calculator .labeled { margin-bottom: 6px; font-size: 13px; color: #888; } .stm_auto_loan_calculator input { height: 37px; line-height: 37px; } .stm_auto_loan_calculator .single-calculator-title { margin: 8px 0 28px -2px; text-transform: none; } .stm_auto_loan_calculator .single-calculator-title h3 { position: relative; top: 4px; } .stm_auto_loan_calculator.wide-version { padding-left: 32px; padding-right: 32px; } .stm_auto_loan_calculator.wide-version .stm_calculator_results { padding-bottom: 26px; } .stm_auto_loan_calculator.wide-version .form-group { margin-bottom: 24px; } .stm_auto_loan_calculator .calculate_loan_payment { margin-bottom: 16px; } .stm_auto_loan_calculator .stm_calculator_results { padding-top: 8px; padding-bottom: 20px; color: #fff; } .stm_auto_loan_calculator .stm_calculator_results .stm-calc-results-inner { position: relative; background-color: #6c98e1; padding: 18px 24px 14px; } .stm_auto_loan_calculator .stm_calculator_results .stm-calc-results-inner:after { position: absolute; content: ""; display: block; top: -8px; left: 26px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #6c98e1; } .stm_auto_loan_calculator .stm_calculator_results .stm-calc-results-inner .h5 { min-height: 22px; margin-bottom: 5px; color: #fff; } .stm_auto_loan_calculator .stm_calculator_results .stm-calc-label { margin-bottom: -2px; font-size: 13px; } .stm_auto_loan_calculator.novo { background-color: #f0f2f5; border: none; padding: 35px 37px; } .stm_auto_loan_calculator.novo .title { margin-bottom: 25px; } .stm_auto_loan_calculator.novo .title h5 { color: #232628; font-family: Montserrat; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 32px; text-align: left; text-transform: uppercase; } .stm_auto_loan_calculator.novo .form-group { margin-bottom: 28px; } .stm_auto_loan_calculator.novo .form-group .labeled { color: #222222; font-family: Montserrat; font-size: 14px; font-weight: 600; font-style: normal; letter-spacing: normal; line-height: 25px; text-align: left; } .stm_auto_loan_calculator.novo .form-group .labeled .orange { color: #222222; } .stm_auto_loan_calculator.novo .form-group input { background-color: #fff; height: 45px; line-height: 45px; color: #232628; font-family: Montserrat; font-size: 15px; font-weight: 600; font-style: normal; letter-spacing: normal; text-align: left; text-transform: uppercase; } .stm_auto_loan_calculator.novo .calculate_loan_payment { color: #ffffff; font-family: Montserrat; font-size: 12px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 22px; text-transform: uppercase; min-width: 136px; min-height: 46px; } .stm_auto_loan_calculator.novo .stm_calculator_results { display: flex; flex-direction: column; justify-content: flex-start; padding: 0; } @media (min-width: 768px) { .stm_auto_loan_calculator.novo .stm_calculator_results { flex-direction: row; } } .stm_auto_loan_calculator.novo .stm_calculator_results .result { margin-top: 22px; } @media (min-width: 768px) { .stm_auto_loan_calculator.novo .stm_calculator_results .result { margin-right: 40px; margin-top: 0; } } .stm_auto_loan_calculator.novo .stm_calculator_results .result:last-child { margin-right: 0; } .stm_auto_loan_calculator.novo .stm_calculator_results .result .stm-calc-label { color: #232628; font-family: Montserrat; font-size: 13px; font-weight: 600; font-style: normal; letter-spacing: normal; line-height: 22px; text-align: left; margin-bottom: 2px; } .stm_auto_loan_calculator.novo .stm_calculator_results .result .h5 { color: #6c98e1; font-family: Montserrat; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: normal; } .orange { color: #cc6119; } .modal-calculator { position: absolute; max-width: 580px; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; } #request-trade-offer-form, #get-car-price-form, #request-test-drive-form { position: absolute; max-width: 100%; width: 580px; left: 50%; margin-left: -290px; top: 50%; transform: translateY(-50%); z-index: 9999; } #request-trade-offer-form .col-md-5, #get-car-price-form .col-md-5, #request-test-drive-form .col-md-5 { text-align: right; } @media (max-width: 767px) { #request-trade-offer-form .col-md-5, #get-car-price-form .col-md-5, #request-test-drive-form .col-md-5 { text-align: center; } } #request-trade-offer-form .col-md-5 .grecaptcha-badge, #get-car-price-form .col-md-5 .grecaptcha-badge, #request-test-drive-form .col-md-5 .grecaptcha-badge { width: 245px; position: absolute !important; bottom: -9px !important; right: unset !important; left: -133%; } #request-trade-offer-form .col-md-5 button, #get-car-price-form .col-md-5 button, #request-test-drive-form .col-md-5 button { max-width: 90%; } #request-trade-offer-form .modal-dialog, #get-car-price-form .modal-dialog, #request-test-drive-form .modal-dialog { max-width: 100%; } #request-trade-offer-form .modal-body, #get-car-price-form .modal-body, #request-test-drive-form .modal-body { padding: 44px 37px 15px; } @media (max-width: 767px) { #request-trade-offer-form .modal-body, #get-car-price-form .modal-body, #request-test-drive-form .modal-body { padding: 15px 25px 15px; } } #request-test-drive-form .modal-body.sended { padding-top: 0; } #request-trade-offer-form .modal-body .form-group, #get-car-price-form .modal-body .form-group, #request-test-drive-form .modal-body .form-group { margin-bottom: 17px; } #request-test-drive-form .modal-dialog .modal-content, #request-trade-offer-form .modal-dialog .modal-content, .modal-calculator .modal-dialog .modal-content { border: none; } #request-test-drive-form .modal-dialog .modal-content .modal-header, #request-trade-offer-form .modal-dialog .modal-content .modal-header, .modal-calculator .modal-dialog .modal-content .modal-header { border-top-right-radius: 6px; border-top-left-radius: 6px; } .modal-header { border-bottom: none; } .modal-header-iconed { padding: 28px 10px 23px 105px; position: relative; background-color: #232628; } .modal-header-iconed h3 { text-transform: uppercase; color: #fff; } .modal-header-iconed .test-drive-car-name { margin-top: -5px; color: #aaaaaa; } @media (max-width: 767px) { .modal-header-iconed .test-drive-car-name { margin: 0; line-height: 20px; padding-right: 10px; } } @media (max-width: 767px) { .modal-header-iconed .modal-title { font-size: 14px; } } .modal-header-iconed i { position: absolute; top: 33px; left: 32px; font-size: 47px; color: #6c98e1; } @media (max-width: 767px) { .modal-header-iconed i { font-size: 35px; } } .modal-header-iconed .mobile-close-modal { display: none; } @media (max-width: 450px) { .modal-header-iconed { display: block; padding-right: 50px; } .modal-header-iconed i { top: 28px; } .modal-header-iconed .mobile-close-modal { display: block; width: 18px; height: 18px; position: absolute; right: 10px; top: 10px; } .modal-header-iconed .mobile-close-modal i { position: relative; top: 0; left: 0; font-size: 16px; } } .stm-datepicker-input-icon { position: relative; } .stm-datepicker-input-icon:after { content: "\f017"; position: absolute; display: block; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 16px; text-rendering: auto; transform: translate(0, -50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; right: 18px; top: 50%; color: #6c98e1; } .stm-datepicker-input-icon input { padding-right: 35px; } .compare-title { margin-bottom: 25px; line-height: 36px; margin-top: 30px; text-transform: uppercase; } .car-listing-row .compare-col-stm { margin-bottom: 6px; } .car-listing-row .compare-col-stm .car-meta-top { border-bottom: none; } .car-listing-row .compare-col-stm:hover .remove-from-compare { bottom: -13px; opacity: 1; } .car-listing-row .compare-col-stm:hover .stm-compare-car-img:after { opacity: 1; } @media (max-width: 1024px) { .car-listing-row .compare-col-stm .remove-from-compare { bottom: -13px; opacity: 1; } } .car-listing-row .compare-col-stm .listing-car-item-meta { padding-top: 35px; } .stm-listing-fav-loop-grid, .stm-listing-fav-loop { position: relative; } .stm-listing-fav-loop-grid .stm-car-overlay-disabled, .stm-listing-fav-loop .stm-car-overlay-disabled { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); z-index: 90; } .stm-listing-fav-loop-grid .stm_edit_pending_car, .stm-listing-fav-loop .stm_edit_pending_car { left: 50px; top: 46px; margin-left: 0; margin-top: 0; padding-top: 32px; padding-bottom: 17px; z-index: 99; } .stm-listing-fav-loop-grid .stm-listing-favorite, .stm-listing-fav-loop .stm-listing-favorite { z-index: 99 !important; } .title-box-disabled { height: 43px; } .compare-options table > tbody tr td { text-transform: uppercase; } .compare-values table > tbody tr td .h5 { margin: 0; font-weight: 700; } .compare-value-hover:hover { cursor: pointer; } .compare-value-hover.hovered { color: #cc6119; } .compare-value-hover.hovered .h5 { color: #cc6119; } .compare-value-hover .h5 .regular-price { font-size: 13px; text-decoration: line-through; } .stm-compare-car-img { position: relative; } @media (min-width: 768px) { .stm-compare-car-img img { aspect-ratio: 2/1.1; -o-object-fit: cover; object-fit: cover; } } .stm-compare-car-img:after { position: absolute; content: ""; display: block; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); opacity: 0; } .compare-col-stm-empty .image .stm-compare-empty { opacity: 0.8; } @media (min-width: 768px) { .compare-col-stm-empty .image .stm-compare-empty { aspect-ratio: 2/1.1; -o-object-fit: cover; object-fit: cover; } } .compare-col-stm-empty:hover .image .stm-compare-empty { opacity: 1; } .compare-col-stm-empty > a { text-decoration: none !important; } .compare-col-stm-empty > a:hover .h5 { color: #6c98e1; } .compare-col-stm-empty .image { position: relative; } .compare-col-stm-empty .image .stm-icon-add_car { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 53px; color: #d1d7dc; z-index: 15; } .compare-col-stm-empty .h5 { margin-top: 24px; color: #888; text-transform: uppercase; text-align: center; } .stm-compare-row { margin-bottom: 30px; } .stm-compare-cars-module .stm-compare-row .col-md-3:nth-child(4n+1) { clear: none; } .stm-compare-features { margin-top: 3px; text-transform: uppercase; font-weight: 400; } .row-compare-features { margin-bottom: 29px; } .remove-compare-unlinkable { position: relative; height: 29px; margin-top: -29px; z-index: 20; } .remove-from-compare { position: absolute; bottom: 0; left: 50%; margin-left: -78px; width: 157px; padding: 0 6px 0 32px; height: 29px; line-height: 29px; text-transform: uppercase; border-radius: 15px; color: #fff; font-size: 12px; background-color: #6c98e1; opacity: 0; } .remove-from-compare:hover { cursor: pointer; } .remove-from-compare .stm-icon-remove { position: absolute; left: 7px; top: 6px; font-size: 15px; } .remove-from-compare.loading .stm-icon-remove { left: 11px; top: 6px; line-height: normal; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 17px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; animation: rotating 2s infinite linear; } .remove-from-compare.loading .stm-icon-remove:before { content: "\f013"; z-index: 20; } .stm-car-compare-row { margin-top: 34px; } .stm-working-days { padding: 28px 26px 23px 27px; border: 3px solid #ddd; } .stm-working-days .title { position: relative; margin-bottom: 18px; padding-left: 31px; } .stm-working-days .title i { position: absolute; top: 1px; left: 1px; font-size: 21px; color: #6c98e1; } table.stm-working-days-table { margin-bottom: 0; } table.stm-working-days-table > tbody > tr:last-child td { border-bottom: none; } table.stm-working-days-table > tbody > tr td { padding: 7px 0 5px; } table.stm-working-days-table > tbody > tr td.day-label { text-transform: uppercase; font-size: 12px; color: #888; } table.stm-working-days-table > tbody > tr td.day-value { text-align: right; font-weight: 400; font-size: 13px; text-transform: uppercase; } table.stm-working-days-table > tbody > tr td.day-value.day-closed { color: #e81818; } .compare-empty-car-bottom, .compare-empty-car-top { display: none; } .archive-listing-page { margin-top: 30px; margin-bottom: 46px; } .archive-listing-page .user-listings-wrapper { display: none; } .archive-listing-page .user-listings-wrapper.active { display: block; } .stm-user-public-listing .user-listings-pagination, .stm-dealer-public-profile .user-listings-pagination { display: none; } .stm-user-public-listing .user-listings-pagination.active, .stm-dealer-public-profile .user-listings-pagination.active { display: block; } .stm-user-public-listing .page-numbers, .stm-dealer-public-profile .page-numbers { border-top: none; } .stm-user-public-listing .stm-directory-grid-loop .image .stm_compare_unit, .stm-dealer-public-profile .stm-directory-grid-loop .image .stm_compare_unit { position: absolute; right: 7px; bottom: 14px; padding: 3px 5px; background: rgba(0, 0, 0, 0.3); color: #fff; font-size: 14px; border-radius: 2px; opacity: 0; z-index: 20; } .stm-user-public-listing .stm-directory-grid-loop .image:hover .stm_compare_unit, .stm-dealer-public-profile .stm-directory-grid-loop .image:hover .stm_compare_unit { opacity: 1; } .stm-user-public-listing .stm-listing-directory-list-loop .image .interactive-hoverable, .stm-dealer-public-profile .stm-listing-directory-list-loop .image .interactive-hoverable { min-width: 280px !important; min-height: 166px !important; } .stm-user-public-listing .video-preview, .stm-dealer-public-profile .video-preview { display: none; } .stm-user-public-listing-top { display: flex; justify-content: space-between; margin-bottom: 35px; } .stm-user-public-listing-top-left { float: left; } .stm-user-public-listing-top-right { float: right; } .stm-user-public-listing-top-right .stm-sort-by-options { display: inline-block; } .stm-user-public-listing-top-right .stm-sort-by-options span.sort-by-label { display: inline-block; float: left; margin-top: 7px; margin-right: 9px; text-transform: uppercase; font-size: 12px; color: #888; } .stm-user-public-listing-top-right .stm-sort-by-options .stm-select-sorting { display: inline-block; } .stm-user-public-listing-top-right .stm-sort-by-options .stm-select-sorting .select2-selection__rendered { min-width: 180px; line-height: 32px; } .stm-user-public-listing-top-right .stm-sort-by-options .stm-select-sorting .select2-container--default .select2-selection--single { height: 32px; } .stm-user-public-listing-top-right .stm-sort-by-options .stm-select-sorting .select2-container--default .select2-selection--single .select2-selection__arrow { height: 32px; } .stm-user-public-listing-top-right .stm-view-by { float: right; } .stm-user-public-listing-top-right .stm-view-by .view-type.view-grid { font-size: 16px; } .stm-user-public-listing-top-right .stm-view-by .view-type { display: block; float: left; color: #8f8f8f; width: 32px; height: 32px; line-height: 34px; text-align: center; text-decoration: none !important; margin-left: 10px; } .stm-user-public-listing-top-right .stm-view-by .view-type.active { background-color: #f0f2f5; color: #8f8f8f; } .stm-user-private .stm-user-private-sidebar .stm-dealer-mail .mail { width: 210px; word-wrap: break-word; } .stm-user-private-main .page-numbers { border-top: none; margin-bottom: 20px; } .stm-user-private-main .stm-load-more-dealer-cars { padding-top: 10px; margin-bottom: 20px; } @media (max-width: 767px) { .stm-user-private-main .archive-listing-page ul.nav.nav-tabs { display: flex; overflow-y: scroll; padding: 7px 5px 5px 5px; } .stm-user-private-main .archive-listing-page ul.nav.nav-tabs .nav-item { width: 100%; white-space: nowrap; } .stm-user-private-main .archive-listing-page ul.nav.nav-tabs .nav-item a { border: none; } } .stm-user-private-main .archive-listing-page .car-listing-row .stm-isotope-listing-item .image img { height: 155px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; } .listing-list-loop { width: 100%; padding-bottom: 16px; margin-bottom: 32px; border-bottom: 1px solid #ddd; display: flex; align-items: flex-start; } @media (max-width: 767px) { .listing-list-loop { flex-direction: column; align-items: stretch; } } .listing-list-loop:after { display: table; content: ""; clear: both; } .listing-list-loop .video-preview { position: absolute; right: 9px; top: 17px; padding: 1px 11px 1px 25px; border-radius: 2px; color: #fff; font-size: 10px; text-transform: uppercase; background-color: #6c98e1; z-index: 20; } .listing-list-loop .video-preview .fas { position: absolute; top: 50%; left: 7px; margin-top: -6px; font-size: 12px; } .listing-list-loop .image { position: relative; float: left; max-width: 257px; margin: 0 28px 0 0; padding-top: 8px; overflow: hidden; flex-shrink: 0; } .listing-list-loop .image .image-inner { position: relative; overflow: hidden; } .listing-list-loop .content { flex-grow: 1; min-width: 0; } .listing-list-loop .content .title { margin-top: 3px; padding-top: 2px; font-size: 22px; line-height: 24px; font-weight: 700; overflow: hidden; } .listing-list-loop .content .meta-top { margin-bottom: 18px; } .listing-list-loop .content .meta-top:after { display: table; content: ""; clear: both; } .listing-list-loop .content .meta-top .price { min-width: 130px; position: relative; margin-left: 40px; float: right; text-align: right; background-color: #6c98e1; color: #fff; } .listing-list-loop .content .meta-top .price:before { position: absolute; content: ""; display: block; top: 0; left: -11px; height: 100%; width: 32px; background-color: #6c98e1; transform: skew(-23deg, 0deg); z-index: -1; } .listing-list-loop .content .meta-top .price .heading-font { font-size: 22px; color: #fff; font-weight: 700; letter-spacing: -1px; } .listing-list-loop .content .meta-top .price .normal-price { position: relative; left: -4px; padding: 13px 8px 12px 4px; } .listing-list-loop .content .meta-top .price .normal-price .label-price { display: inline-block; position: relative; top: -3px; margin-right: 2px; line-height: 10px; font-size: 10px; vertical-align: middle; text-transform: uppercase; opacity: 0.7; } .listing-list-loop .content .meta-top .price .normal-price .heading-font { position: relative; top: 1px; font-size: 22px; } .listing-list-loop .content .meta-top .price .price-form-label { display: block; padding: 13px 8px 12px 4px; cursor: pointer; } .listing-list-loop .content .meta-top .price.discounted-price { padding: 1px 7px 3px 0; } .listing-list-loop .content .meta-top .price.discounted-price .regular-price { position: relative; left: -4px; padding-right: 4px; vertical-align: bottom; font-size: 13px; } .listing-list-loop .content .meta-top .price.discounted-price .regular-price .label-price { opacity: 0.7; font-size: 10px; } .listing-list-loop .content .meta-top .price.discounted-price .sale-price { position: relative; left: -4px; vertical-align: middle; margin-top: -2px; padding-right: 3px; } .listing-list-loop .content .meta-top .price.discounted-price .sale-price .label-price { display: inline-block; max-width: 38px; margin-right: 2px; position: relative; top: -4px; line-height: 10px; font-size: 10px; text-transform: uppercase; vertical-align: middle; opacity: 0.7; } .listing-list-loop .content .meta-middle { margin-right: 10px; } .listing-list-loop .content .meta-middle:after { display: table; content: ""; clear: both; } .listing-list-loop .content .meta-middle .meta-middle-unit { float: left; padding-right: 13px; margin-right: 9px; margin-bottom: 23px; border-right: 1px solid #ddd; position: relative; } @media (max-width: 768px) { .listing-list-loop .content .meta-middle .meta-middle-unit { padding-bottom: 10px; } } .listing-list-loop .content .meta-middle .meta-middle-unit:after { display: table; content: ""; clear: both; } .listing-list-loop .content .meta-middle .meta-middle-unit:last-child { border-right: none; } .listing-list-loop .content .meta-middle .meta-middle-unit.font-exists .meta-middle-unit-top { padding-left: 25px; } .listing-list-loop .content .meta-middle .meta-middle-unit.font-exists .value { padding-left: 25px; font-weight: 700; } @media (max-width: 767px) { .listing-list-loop .content .meta-middle .meta-middle-unit.font-exists.location .value { display: block; margin-bottom: 10px; padding-left: 25px; margin-left: 0 !important; top: 0; } .listing-list-loop .content .meta-middle .meta-middle-unit.font-exists.fuel .meta-middle-unit-top { padding-left: 25px; } } .listing-list-loop .content .meta-middle .meta-middle-unit .meta-middle-unit-top { position: relative; } .listing-list-loop .content .meta-middle .meta-middle-unit.fuel .meta-middle-unit-top { padding-left: 23px; } @media (max-width: 767px) { .listing-list-loop .content .meta-middle .meta-middle-unit.fuel .meta-middle-unit-top { padding-left: 0; } } .listing-list-loop .content .meta-middle .meta-middle-unit.fuel .value { padding-left: 23px; } @media (max-width: 767px) { .listing-list-loop .content .meta-middle .meta-middle-unit.fuel .value { padding-left: 0; } } .listing-list-loop .content .meta-middle .meta-middle-unit.engine .meta-middle-unit-top, .listing-list-loop .content .meta-middle .meta-middle-unit.engine .value, .listing-list-loop .content .meta-middle .meta-middle-unit.drive .meta-middle-unit-top, .listing-list-loop .content .meta-middle .meta-middle-unit.drive .value, .listing-list-loop .content .meta-middle .meta-middle-unit.transmission .meta-middle-unit-top, .listing-list-loop .content .meta-middle .meta-middle-unit.transmission .value { padding-left: 29px; } @media (max-width: 767px) { .listing-list-loop .content .meta-middle .meta-middle-unit.engine .meta-middle-unit-top, .listing-list-loop .content .meta-middle .meta-middle-unit.engine .value, .listing-list-loop .content .meta-middle .meta-middle-unit.drive .meta-middle-unit-top, .listing-list-loop .content .meta-middle .meta-middle-unit.drive .value, .listing-list-loop .content .meta-middle .meta-middle-unit.transmission .meta-middle-unit-top, .listing-list-loop .content .meta-middle .meta-middle-unit.transmission .value { padding-left: 0; } .listing-list-loop .content .meta-middle .meta-middle-unit.engine.font-exists .meta-middle-unit-top, .listing-list-loop .content .meta-middle .meta-middle-unit.drive.font-exists .meta-middle-unit-top, .listing-list-loop .content .meta-middle .meta-middle-unit.transmission.font-exists .meta-middle-unit-top { padding-left: 29px; } } .listing-list-loop .content .meta-middle .meta-middle-unit .icon { position: absolute; margin-top: 1px; top: 50%; left: 1px; transform: translateY(-50%); color: #888; font-size: 15px; } .listing-list-loop .content .meta-middle .meta-middle-unit .icon .stm-icon-fuel { position: relative; top: -1px; font-size: 14px; } .listing-list-loop .content .meta-middle .meta-middle-unit .icon .stm-icon-engine_fill { position: relative; top: 0; left: 1px; font-size: 18px; } .listing-list-loop .content .meta-middle .meta-middle-unit .icon .stm-icon-transmission_fill { position: relative; top: 1px; left: 1px; font-size: 17px; } .listing-list-loop .content .meta-middle .meta-middle-unit .icon .stm-icon-drive_2 { position: relative; top: 1px; left: 1px; font-size: 17px; } .listing-list-loop .content .meta-middle .meta-middle-unit .name { text-transform: uppercase; color: #888; font-size: 10px; } .listing-list-loop .content .meta-middle .meta-middle-unit .value { margin-top: -5px; margin-bottom: 0; line-height: normal; } @media (max-width: 767px) { .listing-list-loop .content .meta-middle .meta-middle-unit .value { font-weight: 700; margin-left: 10px; } } @media (max-width: 767px) { .listing-list-loop .content .meta-middle .meta-middle-unit .meta-middle-unit-top, .listing-list-loop .content .meta-middle .meta-middle-unit .value { display: inline-block; padding-left: 0; } } .listing-list-loop .content .meta-bottom .listing-status { text-align: center; padding: 3px 10px; margin: 5px 0 10px; position: relative; z-index: 55; font-size: 12px; line-height: 1.3; font-weight: 600; background: #E8E8E8; color: #808080; } .listing-list-loop .content .meta-bottom .listing-status-pending { background: #FFEFB6; color: #191d21; } .listing-list-loop .content .meta-bottom .listing-status-sold { background: #FFEFB6; color: #DE5D00; } .listing-list-loop .content .meta-bottom .listing-status-featured { background: #B6FFD0; color: #00BF44; } .listing-list-loop .content .meta-bottom .listing-owner-actions { position: relative; z-index: 55; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; margin: 0 0 5px; } .listing-list-loop .content .meta-bottom .listing-owner-actions .action-btn { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 9px 8px; background-color: #4e90cc; border: 1px solid #4e90cc; border-radius: 4px; min-height: 36px; min-width: 36px; color: #fff; font-size: 14px; line-height: 1.2; margin: 0 0 5px; } .listing-list-loop .content .meta-bottom .listing-owner-actions .action-btn:hover { background-color: rgba(78, 144, 204, 0.75); border-color: transparent; } .listing-list-loop .content .meta-bottom .listing-owner-actions .action-btn-light { background-color: transparent; border-color: #C6C6C6; color: #191d21; } .listing-list-loop .content .meta-bottom .listing-owner-actions .action-btn-light:hover { background-color: rgba(78, 144, 204, 0.75); border-color: transparent; color: #fff; } .listing-list-loop .content .meta-bottom .listing-owner-actions .action-btn-danger { color: #ff2325; } .listing-list-loop .content .meta-bottom .listing-owner-actions .action-btn-danger:hover { background-color: #ff2325; border-color: transparent; color: #fff; } .listing-list-loop .content .meta-bottom .listing-owner-actions .action-btn i { font-size: 115%; } .certified-logo-1, .certified-logo-2 { opacity: 0.8; } .certified-logo-1:hover, .certified-logo-2:hover { opacity: 1; } .stm-price-range { margin-bottom: 19px; } .stm-price-range.ui-slider-disabled { opacity: 1; } .stm-modern-dynamic-slider .stm-accordion-content .ui-slider.ui-slider-horizontal { margin-bottom: 19px; } .stm-price-range-unit { padding: 0 9px; background-color: #dfe1e5; border-radius: 2px; } .row-pad-top-24 { padding-top: 24px; } .col-md-wider-left { padding-left: 6px; } .col-md-wider-right { padding-right: 6px; } .col-md-wider-right { width: 50%; display: inline-block; } .col-md-wider-left { width: 50%; display: inline-block; } .sidebar-action-units:after { display: table; content: ""; clear: both; } .sidebar-action-units input[type=submit] { float: left; margin-right: 23px; padding: 13px 19px 9px; font-size: 12px; } .stm-reset-classic-filter { margin-top: 8px; display: inline-block; position: relative; padding-left: 17px; color: #888; font-size: 13px; } .stm-reset-classic-filter .fas { position: absolute; top: 5px; left: 0; color: #6c98e1; font-size: 14px; } .stm-reset-classic-filter span { display: inline-block; position: relative; } .stm-reset-classic-filter span:after { position: absolute; content: ""; display: block; bottom: 3px; left: 1px; right: 0; height: 1px; background-color: #888; } #stm_filter_max_price, #stm_filter_min_price { text-align: center; } .classic-filter-pagination .page-numbers { border-top: none; } .stm-car-listing-sort-units { margin-top: 4px; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #ddd; } .stm-car-listing-sort-units .stm-sort-by-options { float: left; } .stm-car-listing-sort-units .stm-sort-by-options > span { float: left; margin-top: 7px; margin-right: 9px; text-transform: uppercase; font-size: 12px; color: #888; } .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting { float: left; } .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting .select2-container--default .select2-selection--single { height: 32px; } .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting .select2-container--default .select2-selection--single .select2-selection__rendered { height: 32px; line-height: 32px; } .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting .select2-container--default .select2-selection--single .select2-selection__arrow { height: 32px; } .stm-car-listing-sort-units .stm-view-by { float: right; } .stm-car-listing-sort-units .stm-view-by:after { display: table; content: ""; clear: both; } .stm-car-listing-sort-units .stm-view-by .view-type { display: block; float: left; color: #8f8f8f; margin-left: 10px; width: 32px; height: 32px; line-height: 34px; text-align: center; text-decoration: none !important; } .stm-car-listing-sort-units .stm-view-by .view-type:hover { color: #6c98e1; } .stm-car-listing-sort-units .stm-view-by .view-type.view-list { font-size: 12px; } .stm-car-listing-sort-units .stm-view-by .view-type.view-grid { font-size: 16px; } .stm-car-listing-sort-units .stm-view-by .view-type:hover { cursor: pointer; } .stm-car-listing-sort-units .stm-view-by .view-type:first-child { margin-left: 0; } .stm-car-listing-sort-units .stm-view-by .view-type.active { background-color: #f0f2f5; color: #8f8f8f; } .stm-car-listing-sort-units .stm-view-by .view-type.active:hover { color: #6c98e1; } .stm-isotope-sorting { position: relative; } select:not(.qm-filter) { opacity: 0; visibility: hidden; } .wc-blocks-components-select .wc-blocks-components-select__select { opacity: 1; visibility: visible; } .stm-isotope-listing-item { margin-bottom: 31px; } @media (max-width: 768px) { .stm-isotope-listing-item { margin-bottom: 0; } } .select2-search input[type=search] { height: 34px; } .select2-search .add-new-term { display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; font-size: 18px; cursor: pointer; } .select2-search.select2-search--dropdown.select2-search--hide { display: block !important; } .stm-multi-currency .select2-dropdown--below .select2-search--hide { display: none !important; } .stm-filter-chosen-units { margin-bottom: 7px; } #modern-filter-listing ul.stm-filter-chosen-units-list { height: 0; } ul.stm-filter-chosen-units-list { list-style: none; padding: 0; margin: 0; } @media (max-width: 1024px) { ul.stm-filter-chosen-units-list { white-space: nowrap; overflow-x: auto; padding-bottom: 5px; } } ul.stm-filter-chosen-units-list:after { display: table; content: ""; clear: both; } ul.stm-filter-chosen-units-list li { position: relative; float: left; padding: 4px 35px 6px 13px; margin: 0 15px 10px 0; font-size: 13px; box-shadow: 0 1px 3px rgba(59, 62, 68, 0.3); border-radius: 3px; color: #555; } @media (max-width: 1024px) { ul.stm-filter-chosen-units-list li { float: none; display: inline-block; } } ul.stm-filter-chosen-units-list li:last-child { margin-right: 0; } ul.stm-filter-chosen-units-list li > span { margin-right: -1px; color: #aaa; } ul.stm-filter-chosen-units-list li > i { position: absolute; top: 0; right: 0; width: 29px; height: 100%; line-height: 31px; text-align: center; font-size: 10px; color: #aaa; } ul.stm-filter-chosen-units-list li > i:hover { cursor: pointer; } .stm-accordion-single-unit { margin-top: 20px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18); } .stm-accordion-single-unit > a.title { position: relative; display: block; padding: 15px 20px 15px 25px; background-color: #fff; border-top: 4px solid #232628; text-decoration: none !important; } .stm-accordion-single-unit > a.title.collapsed { border-top-color: #6c98e1; } .stm-accordion-single-unit > a.title.collapsed .minus { margin-top: -2px; } .stm-accordion-single-unit > a.title.collapsed .minus:after { opacity: 1; } .stm-accordion-single-unit > a.title h5 { margin-bottom: 0; text-transform: uppercase; } .stm-accordion-single-unit > a.title .minus { display: block; position: absolute; top: 50%; right: 20px; margin-top: -1px; width: 11px; height: 3px; background-color: #ccc; } .stm-accordion-single-unit > a.title .minus:after { position: absolute; content: ""; display: block; top: -4px; left: 4px; height: 11px; width: 3px; background-color: #ccc; opacity: 0; } .stm-accordion-single-unit > a.title:hover .minus:after, .stm-accordion-single-unit > a.title:hover .minus { background-color: #6c98e1; } .stm-accordion-single-unit .stm-accordion-content ul { padding: 5px 40px 17px 25px; margin-bottom: 0; } .stm-accordion-single-unit .stm-accordion-content ul li { margin-bottom: 7px; font-size: 13px; } .stm-accordion-single-unit .stm-accordion-content ul li:hover { cursor: pointer; } .blog-meta { padding: 16px 18px 0; margin-bottom: 45px; background-color: #232628; } .blog-meta .left { float: left; } .blog-meta .right { float: right; } .blog-meta .blog-meta-unit { position: relative; color: #fff; padding-left: 22px; margin-bottom: 14px; font-weight: 400; } .blog-meta .blog-meta-unit .post_comments { font-weight: 400; } .blog-meta .blog-meta-unit a { color: #fff; } .blog-meta .blog-meta-unit a:hover { color: #6c98e1; text-decoration: none; } .blog-meta .blog-meta-unit i { position: absolute; top: 50%; left: 0; margin-top: -9px; font-size: 15px; color: #6c98e1; } .blog-meta .blog-meta-unit i .stm-icon-message { font-size: 14px; margin-top: -7px; } .blog-meta .clearfix .blog-meta-unit { float: left; margin-right: 41px; } .post-content { padding-bottom: 35px; margin-bottom: 38px; border-bottom: 1px solid #ddd; } .post-content iframe { width: 100% !important; max-width: 100% !important; vertical-align: top; } .post-content.post-content-vc { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .post-content blockquote { position: relative; margin-top: 10px; padding-left: 72px; padding-right: 5px; border-left: none; font-size: 16px; line-height: 32px; color: #232628; font-style: normal; } .post-content blockquote:after, .post-content blockquote:before { content: "\e923"; position: absolute; display: block; top: 9px; left: 4px; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "stm-icon"; speak: none; font-size: 31px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #cc6119; } .blog-meta-bottom { margin-top: 30px; margin-bottom: 40px; } .blog-meta-bottom .left { float: left; } .blog-meta-bottom .right { float: right; } .blog-meta-bottom span.h6 { text-transform: uppercase; font-weight: 700; } .blog-meta-bottom .post-tags .post-tag, .blog-meta-bottom .post-tags .post-category, .blog-meta-bottom .post-cat .post-tag, .blog-meta-bottom .post-cat .post-category { color: #888; font-weight: 400; font-size: 13px; } .blog-meta-bottom .post-tags .post-tag:last-child .divider, .blog-meta-bottom .post-tags .post-category:last-child .divider, .blog-meta-bottom .post-cat .post-tag:last-child .divider, .blog-meta-bottom .post-cat .post-category:last-child .divider { display: none; } .blog-meta-bottom .post-tags .post-tag a, .blog-meta-bottom .post-tags .post-category a, .blog-meta-bottom .post-cat .post-tag a, .blog-meta-bottom .post-cat .post-category a { color: #888; font-weight: 400; font-size: 13px; } .blog-meta-bottom .post-tags .post-tag a:hover, .blog-meta-bottom .post-tags .post-category a:hover, .blog-meta-bottom .post-cat .post-tag a:hover, .blog-meta-bottom .post-cat .post-category a:hover { text-decoration: none; color: #6c98e1; } .blog-meta-bottom .post-tags { margin-top: 2px; } .blog-meta-bottom .stm-shareble { margin-top: 7px; } .stm-author-box { padding: 30px 50px 30px 30px; margin-bottom: 58px; border-top: 4px solid #232628; background-color: #f3f4f5; } .stm-author-box .author-image { float: left; margin-right: 29px; } .stm-author-box .author-image > img { border-radius: 50%; } .stm-author-box .author-content { overflow: hidden; } .stm-author-box .author-content h6 { margin-bottom: 4px; color: #aaaaaa; } .stm-author-box .author-content h4 { margin-bottom: 10px; } .stm-author-box .author-content .author-description { color: #555; font-size: 14px; line-height: 20px; } .comment-reply-title { margin-bottom: 30px; font-size: 16px; text-transform: uppercase; font-weight: 700; } .comments-title { text-transform: uppercase; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #ddd; } .single-post #main { margin-bottom: 36px; } .single-post .wp-block-separator { border-top-width: 4px; margin: 25px auto 25px auto; } @media (min-width: 1024px) { .single-post .wp-block-embed-youtube iframe { min-height: 420px; } } .comment.parent .comment-body { position: relative; } .comment.parent .comment-body:after { position: absolute; content: ""; display: block; bottom: 0; left: 40px; width: 36px; height: 1px; background-color: #ddd; } .comment .comment-body { min-height: 80px; margin-bottom: 18px; overflow: hidden; } .comment .comment-avatar { position: relative; float: left; margin-right: 29px; } .comment .comment-avatar img { border-radius: 50%; } .comment .comment-avatar:before { position: absolute; content: ""; display: block; top: 88px; left: 50%; width: 1px; height: 2000px; background-color: #ddd; } .comment .comment-info-wrapper { overflow: hidden; } .comment .comment-info-wrapper .comment-info { margin-top: -4px; margin-bottom: 10px; } .comment .comment-info-wrapper .comment-text { min-height: 70px; padding-bottom: 21px; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 22px; color: #888888; font-style: italic; } .comment .comment-info-wrapper .comment-reply-login { margin-left: 10px; } .comment .comment-info-wrapper .comment-text p { margin-bottom: 5px; } .comment .commentmetadata { color: #888; font-size: 12px; } .comment .commentmetadata a { color: #888; } .comment .commentmetadata a:hover { color: #6c98e1; text-decoration: none; } .comment .commentmetadata .comment-meta-data-unit { vertical-align: top; } .comment .commentmetadata .comment-meta-data-unit a { color: #6c98e1; } .comment .commentmetadata .comment-meta-data-unit a i { font-size: 11px; } .comment .comment-divider { margin: 0 7px; color: #888; } .comment .comment-reply-link { margin-left: 2px; } .comment .comment-reply-link i { margin-right: 7px; } .comment .comment-edit-link { margin-left: -2px; } .comment .comment-edit-link i { position: relative; top: 1px; font-size: 13px !important; margin-right: 7px; } .comment .comment-author .h5 a { color: #232628; font-weight: 700; } .comment .comment-date { margin-right: -5px; } ul.comment-list li ul.children { padding-left: 43px; list-style: none; } ul.comment-list li ul.children > li.parent .comment-avatar:before { position: absolute; content: ""; display: block; top: 73px; left: 50%; width: 1px; height: 2000px; background-color: #ddd; } ul.comment-list li ul.children .comment-body { padding-top: 18px; margin-top: -18px; } ul.comment-list li ul.children .comment-body:after { display: none; } ul.comment-list li ul.children .comment-avatar { position: relative; margin-right: 35px; } ul.comment-list li ul.children .comment-avatar img { max-width: 65px; } ul.comment-list li ul.children .comment-avatar:after { position: absolute; content: ""; display: block; top: -18px; left: 50%; width: 1px; height: 10px; background-color: #ddd; } ul.comment-list li ul.children ul.children { padding-left: 0; } ul.children .comment:not(.parent) { position: relative; margin-bottom: 30px; } ul.children .comment:not(.parent):after { position: absolute; content: ""; display: block; bottom: 0; right: 0; left: -43px; height: 1px; background-color: #ddd; } ul.children .comment:not(.parent) .comment-avatar:before { display: none !important; } ul.children .comment:not(.parent) .comment-body .comment-text { padding-bottom: 30px; border-bottom: none; } .comment-list { margin-bottom: 57px; } .comment-list > li.comment:not(.parent) { position: relative; } .comment-list > li.comment:not(.parent):after { position: absolute; content: ""; display: block; bottom: 0; right: 0; left: 0; height: 1px; background-color: #ddd; } .comment-list > li.comment:not(.parent) .comment-avatar:before { display: none !important; } .comment-list > li.comment:not(.parent) .comment-body .comment-text { border-bottom: none; } .logged-in-as { display: none; } .stm-single-post { padding-top: 36px; } .stm-single-post .post-title { margin-bottom: 35px; line-height: 50px; } #cancel-comment-reply-link { margin-left: 10px; } .comment-respond { padding-bottom: 20px; } .stm-archives.stm-view-type-grid { padding-top: 30px; } .stm-archives.stm-view-type-grid .row-2 { display: flex; flex-wrap: wrap; } .contact-us-label { margin-bottom: 5px; font-size: 14px; } .stm-contact-us-checkbox { margin: 17px 0 35px; } .contact-us-submit { margin-top: -5px; } .stm-view-type-list, .stm-view-type-grid { padding-top: 57px; padding-bottom: 65px; } .stm-view-type-grid .row-2 .col-md-6 .image img { width: 100%; } .stm-blog-pagination { margin-top: 10px; } .stm-blog-pagination .page-numbers { padding-top: 0; margin-top: 0; border-top: none; } .stm-blog-pagination .page-numbers li a.next, .stm-blog-pagination .page-numbers li a.prev { top: 0; } @media (max-width: 767px) { .stm-blog-pagination .page-numbers li a.next, .stm-blog-pagination .page-numbers li a.prev { top: 10px; } } .post-grid-single-unit { position: relative; margin-bottom: 50px; } .post-grid-single-unit:hover .content { border-color: transparent; box-shadow: 0 1px 6px rgba(35, 38, 40, 0.4); } .post-grid-single-unit .image { position: relative; margin-bottom: 15px; overflow: hidden; } .post-grid-single-unit .video-preview { position: absolute; right: 9px; top: 17px; padding: 1px 11px 1px 25px; border-radius: 2px; color: #fff; font-size: 10px; text-transform: uppercase; background-color: #6c98e1; z-index: 20; } .post-grid-single-unit .video-preview .fas { position: absolute; top: 50%; left: 7px; margin-top: -6px; font-size: 12px; } .post-grid-single-unit .sticky-post { position: absolute; top: 20px; left: -90px; background-color: #cc6119; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 11px; width: 250px; height: 33px; line-height: 33px; text-align: center; transform: rotate(-45deg); } .post-grid-single-unit .sticky-post.blog-post-no-image { width: 100%; top: 0; left: 0; right: 0; font-size: 10px; transform: rotate(0deg); } .post-grid-single-unit .content { box-shadow: none; border-radius: 1px; transition: all 0.5s ease; transform: translateZ(0); padding: 25px 40px 14px 40px; border: 1px solid #ddd; } .post-grid-single-unit .content .title-relative { position: relative; min-height: 66px; } .post-grid-single-unit .content .title-relative a { text-decoration: none !important; } .post-grid-single-unit .content .title-relative a .title { position: absolute; top: 50%; transform: translateY(-50%); margin-bottom: 0; font-weight: 400; line-height: 22px; } .post-grid-single-unit .content .post-meta-bottom { display: flex; margin-top: 22px; padding-top: 12px; border-top: 1px solid #ddd; } .post-grid-single-unit .content .post-meta-bottom .blog-meta-unit { display: inline-block; margin-right: 19px; padding-left: 25px; position: relative; font-size: 12px; color: #888; } .post-grid-single-unit .content .post-meta-bottom .blog-meta-unit:last-child { margin-right: 0; } .post-grid-single-unit .content .post-meta-bottom .blog-meta-unit.comments { padding-left: 22px; } .post-grid-single-unit .content .post-meta-bottom .blog-meta-unit.comments i { top: 3px; font-size: 14px; } .post-grid-single-unit .content .post-meta-bottom .blog-meta-unit i { position: absolute; left: 0; top: 2px; color: #6c98e1; font-size: 15px; } .post-grid-single-unit .content .post-meta-bottom .blog-meta-unit a { color: #888; text-decoration: none !important; } .post-grid-single-unit .content .post-meta-bottom .blog-meta-unit a:hover { color: #6c98e1; } .col-md-4 .post-grid-single-unit .image:not(.advert) a img { height: 160px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767px) { .col-md-4 .post-grid-single-unit .image:not(.advert) a img { width: 100%; max-height: 100%; } } .col-md-6 .post-grid-single-unit .image a img { max-height: 205px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767px) { .col-md-6 .post-grid-single-unit .image a img { width: 100%; max-height: 100%; } } .post-list-single-item { margin-bottom: 30px; } .post-list-single-item .image { position: relative; vertical-align: top; overflow: hidden; max-height: 429px; } .post-list-single-item .image img { vertical-align: top; width: 100%; } .post-list-single-item .video-preview { position: absolute; right: 9px; top: 17px; padding: 1px 11px 1px 25px; border-radius: 2px; color: #fff; font-size: 10px; text-transform: uppercase; background-color: #6c98e1; z-index: 20; } .post-list-single-item .video-preview .fas { position: absolute; top: 50%; left: 7px; margin-top: -6px; font-size: 12px; } .post-list-single-item .sticky-post { position: absolute; top: 20px; left: -90px; background-color: #cc6119; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 11px; width: 250px; height: 33px; line-height: 33px; text-align: center; transform: rotate(-45deg); } .post-list-single-item .blog-meta { position: relative; margin-top: -44px; padding-left: 36px; padding-right: 27px; margin-bottom: 0; background-color: #232628; z-index: 20; } .post-list-single-item .absoluted-content { position: absolute; bottom: 44px; left: 0; right: 0; } .post-list-single-item .absoluted-content .relatived-content { padding: 0 36px 31px; position: relative; z-index: 10; } .post-list-single-item .absoluted-content .relatived-content .title { margin-bottom: 0; color: #fff; font-weight: 700; line-height: 28px; } .post-list-single-item .absoluted-content .relatived-content .video-preview { display: inline-block; margin-bottom: 16px; position: relative; top: 0; left: 0; } .post-list-single-item .absoluted-content:before { position: absolute; content: ""; display: block; bottom: 0; left: 0; right: 0; height: 189px; background: linear-gradient(to top, rgba(35, 38, 40, 0.9), rgba(35, 38, 40, 0)); z-index: 5; } .stm-blog-pagination { position: relative; } .stm-blog-pagination a { display: block; } .stm-view-type-list .stm-blog-pagination { margin-top: 30px; } .stm-prev-next { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; width: 54px; height: 35px; background-color: #6c98e1; color: #fff; border-radius: 3px; text-align: center; line-height: 30px; font-size: 22px; z-index: 15; } .stm-prev-next i { color: #fff; } .stm-prev-next.stm-next-btn { right: 0; } .stm-prev-next .stm-prev-btn { left: 0; } .stm-prev-next.disabled { background-color: #ddd; } .sidebar-margin-top { margin-top: 4px; } .stm-blog-main-title { margin: -9px 0 51px; text-transform: uppercase; } .stm-no-margin-bc .navxtBreads { margin-bottom: 0; } body.woocommerce-account .woocommerce { margin-bottom: 60px; } body.woocommerce-account .woocommerce input[type=submit] { margin-top: 30px; } .error-header { position: relative; padding: 86px 0; background-color: #232628; z-index: 20; } .error-header__title { color: #fff; text-transform: uppercase; font-size: 44px; font-weight: 700; } .error-header__title:focus, .error-header__title:active, .error-header__title:hover { text-decoration: none; } body.error404 #wrapper { overflow: visible; } body.error404 #wrapper #main { z-index: 15; display: block; } body.error404 #wrapper #main .stm-error-page-unit { margin-top: 100px; width: 100%; text-align: center; } body.error404 #wrapper #main .stm-error-page-unit h2 { width: auto; margin: 0 auto 40px auto; max-width: 650px; line-height: 34px; text-transform: uppercase; text-align: center; } body.error404 #wrapper #main .stm-error-page-unit .button { display: inline-block; } body.page-template-coming-soon-php { background-position: 50% 50%; background-size: cover; background-attachment: fixed; } body.page-template-coming-soon-php #wrapper { height: 100vh; } body.page-template-coming-soon-php #wrapper:after { position: fixed; content: ""; display: block; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: -1; } body.page-template-coming-soon-php #wrapper #main { min-height: 400px; position: absolute; top: 170px; left: 0; right: 0; bottom: 75px; } body.page-template-coming-soon-php #wrapper #main .stm-coming-soon-centered { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); } body.page-template-coming-soon-php #wrapper #main .stm-coming-soon-centered h1 { font-size: 70px; line-height: 65px; text-transform: uppercase; } body.page-template-coming-soon-php #wrapper #main .stm-coming-soon-centered h5 { font-weight: 400; } body.page-template-coming-soon-php #footer-copyright { position: absolute; bottom: 0; width: 100%; background-color: transparent !important; } body.page-template-coming-soon-php .coming-soon-header { position: relative; padding-top: 135px; z-index: 20; } body.page-template-coming-soon-php .coming-soon-header .coming-soon-header-title { font-size: 40px; color: #fff; font-weight: 700; text-transform: uppercase; } .stm_gmap .dismissButton { background-color: #6c98e1 !important; color: #ffffff !important; box-shadow: none !important; } .stm-inline-form { margin-top: 35px; } .stm-inline-form .wpcf7-form-control-wrap { display: inline-block; width: 235px; vertical-align: top; margin-right: 28px; } .stm-inline-form input[type=submit] { vertical-align: top; display: inline-block; margin-top: 0 !important; height: 43px; } .stm-blog-fullwidth-info { position: relative; } .stm-blog-fullwidth-info .post-thumbnail img { width: 100%; } .stm-blog-fullwidth-info .absoluted-content { position: absolute; bottom: 0; right: 0; left: 0; } .stm-blog-fullwidth-info .absoluted-content > .container { position: relative; z-index: 10; } .stm-blog-fullwidth-info .absoluted-content .title { color: #fff; max-width: 800px; } .stm-blog-fullwidth-info .absoluted-content .blog-meta { padding-left: 0; padding-right: 0; padding-bottom: 2px; margin-bottom: 0; margin-top: 65px; background-color: transparent; border-top: 1px solid rgba(255, 255, 255, 0.2); } .stm-blog-fullwidth-info .absoluted-content .blog-meta .blog-meta-unit { color: #aaa; } .stm-blog-fullwidth-info .absoluted-content .blog-meta .blog-meta-unit a { color: #aaa; } .stm-blog-fullwidth-info .absoluted-content .blog-meta .blog-meta-unit a:hover { color: #6c98e1; } .stm-blog-fullwidth-info .absoluted-content:before { position: absolute; content: ""; display: block; bottom: 0; left: 0; right: 0; height: 347px; background: linear-gradient(to top, rgba(35, 38, 40, 0.9), rgba(35, 38, 40, 0)); z-index: 5; } .stm-modern-filter-sidebar-title { text-transform: uppercase; margin-top: 12px; margin-bottom: 40px; } #modern-filter-listing { margin-top: 45px; } #modern-filter-listing .stm-accordion-single-unit { margin: 0 0 30px; } #modern-filter-listing .stm-accordion-content-wrapper { padding: 0 15px 20px; } @media (max-width: 1024px) { #modern-filter-listing .stm-accordion-content-wrapper .row { display: flex; } } #modern-filter-listing .stm-accordion-content-wrapper .stm-single-unit { margin-bottom: 8px; } .stm-modern-filter-unit-first-default { margin-bottom: 15px; } .stm-modern-filter-unit-first-default .stm-single-unit { display: inline-block; margin-right: 20px; margin-bottom: 7px; } .stm-modern-filter-unit-images { font-size: 0; } .stm-modern-filter-unit-images .stm-single-unit-wrapper { margin: 3px -10px 0; } .stm-modern-filter-unit-images .stm-single-unit-image { display: inline-block; width: 50%; margin: 0 0 25px; vertical-align: top; padding: 0 10px; font-size: 13px; white-space: nowrap; } .stm-modern-filter-unit-images .stm-single-unit-image.stm-no-image { display: block; margin-bottom: 8px; width: 100%; } .stm-modern-filter-unit-images .stm-single-unit-image .image { text-align: center; height: 100px; width: 100px; max-width: 100%; display: flex; justify-content: center; align-items: center; } .stm-modern-filter-unit-images .stm-single-unit-image .image.non-active { opacity: 0.5; } .stm-modern-filter-unit-images .stm-single-unit-image img { display: inline-block; vertical-align: top; max-width: 100%; } .stm-modern-filter-unit-images .checker { margin-right: 3px !important; } .stm-modern-filter-price { padding-top: 8px !important; } .stm-show-all-modern-filter { display: inline-block !important; padding: 10px 20px 8px; position: absolute; left: 50%; bottom: 0; margin-left: -58px; } .stm-show-all-modern-filter:active { top: inherit; bottom: -2px; } .stm-show-all-modern-filter.stm-hidden-filter { display: none !important; } #modern-filter-listing .stm-car-listing-sort-units { margin-top: 0; } .stm-car-listing-sort-units.stm-modern-filter-actions .stm-sort-by-options { margin-top: -8px; float: right; margin-right: 25px; } .stm-car-listing-sort-units.stm-modern-filter-actions .stm-view-by { margin-top: -8px; } .modern-filter-badges ul.stm-filter-chosen-units-list li { margin-bottom: 15px; } .stm-modern-view-others { margin-top: 11px; padding-left: 11px; } .stm-modern-view-others a { position: relative; display: inline-block; font-size: 12px; line-height: 14px; text-transform: uppercase; color: #aaa; border-bottom: 1px dashed #aaa; text-decoration: none !important; } .stm-modern-view-others a:after { content: "\f107"; position: absolute; display: block; top: 50%; margin-top: -8px; right: -14px; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 16px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .stm-modern-view-others a:hover { color: #6c98e1; border-bottom-color: #6c98e1; } .stm-modern-filter-others { display: none; padding-top: 11px; } .stm-modern-filter-others .checker { margin-right: 10px !important; } .stm-modern-filter-found-cars { float: left; } .stm-modern-filter-found-cars h4 { text-transform: uppercase; } .stm-single-unit-image label:hover { cursor: pointer; } .car-listing-modern-grid .stm-isotope-listing-item { margin-bottom: 45px; } .car-listing-modern-grid .col-md-6 .image img { width: 100%; } #listings-result .stm-isotope-listing-item .price-form-label { padding: 15px 10px 14px; display: block; } .stm-fullwidth-with-parallax { position: static; background-attachment: fixed; background-size: cover; background-position: 50% 0; overflow: hidden; } .stm-blackout-overlay.stm-blackout-loaded:after { visibility: visible; } .stm-blackout-overlay:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0; z-index: 2; visibility: hidden; } .stm-fullwidth-with-parallax.stm-blackout-lvl-20 .stm-blackout-overlay:after { opacity: 0.2; } .stm-fullwidth-with-parallax.stm-blackout-lvl-40 .stm-blackout-overlay:after { opacity: 0.4; } .stm-fullwidth-with-parallax.stm-blackout-lvl-60 .stm-blackout-overlay:after { opacity: 0.6; } .stm-fullwidth-with-parallax.stm-blackout-lvl-80 .stm-blackout-overlay:after { opacity: 0.8; } .stm-blackout-overlay { position: absolute; } .owl-carousel { display: none; visibility: hidden; } .owl-carousel.owl-loaded { display: block; visibility: visible; } .stm-carousel-brands { display: block !important; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li ul li a { font-size: 13px !important; } .panel.wc-tab h3 { margin-top: 50px; } .stm-select-sorting .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 13px !important; } .classic-filter-pagination { margin-top: 8px; } .car-listing-top-part .stm-hidden { display: block; visibility: visible; } .stm-hidden { display: none; visibility: hidden; } body.stm-boxed #wrapper { position: relative; max-width: 1220px; width: auto; margin: 0 auto; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); background-color: #fff; } body.stm-boxed #wrapper #header.stm-header-was-fixed { z-index: 1000; } body.stm-boxed #wrapper #main { position: relative; z-index: 999; } body.stm-boxed #footer { max-width: 1220px; width: auto; margin: 0 auto; } body.stm-boxed .stm-fullwidth-with-parallax { background-attachment: scroll; } .compare-car-visible { display: none; } .stm-img-mobile-compare { margin-bottom: 30px; } .blog-posts-excerpt { margin-top: 15px; } .footer_widgets_wrapper .select2-container--default .select2-selection--single .select2-selection__arrow { right: 0; } .page-links { margin: 0 0 20px; } .page-links .page-links-title { text-transform: uppercase; border: none; margin-right: 20px; } .page-links a { display: inline-block; vertical-align: top; min-width: 30px; height: 30px; line-height: 26px; margin-right: 10px; border: 2px solid #6c98e1; text-align: center; color: #6c98e1; text-decoration: none !important; } .page-links a:hover { color: #fff; background-color: #6c98e1; } .page-links > span { display: inline-block; vertical-align: top; border: 2px solid #888; color: #888; min-width: 30px; margin-right: 10px; text-align: center; height: 30px; line-height: 26px; } .post-password-form input[type=submit] { display: inline-block; margin-left: 10px; } .stm_post_comments li.pingback .comment-info { margin-bottom: 15px; } .stm_post_comments li.pingback .h5 { text-transform: uppercase; } .mpg-mobile-selector { min-width: 250px; } .post-type-archive-product .page-numbers { margin-bottom: 40px; } a[href^=tel] { color: inherit; text-decoration: none; } .stm-base-background-color { background-color: #cc6119; } .stm-base-color { color: #cc6119; } .stm-button-secondary-color { background-color: #6c98e1; } .stm-secondary-background-color { background-color: #6c98e1; } .stm-secondary-color { color: #6c98e1; } .certified-logo-1 img { max-height: 25px; } .certified-logo-2 img { max-height: 25px; } #frontend_customizer_button:before { border-right-color: #cc6119; } #frontend_customizer_button { background-color: #cc6119; } .tp-caption.stm-slider-round, .rs-layer.stm-slider-round, .stm-slider-round { background: rgba(204, 97, 25, 0.901961) !important; padding: 58px 19px 50px 27px !important; border-radius: 50% !important; } .stm-compact-sidebar { max-width: 250px; width: auto; margin: 0 auto; padding-top: 26px; border: 1px solid #dddddd; } .stm-compact-sidebar .text-image { margin-left: 25px; margin-bottom: 10px; } .stm-compact-sidebar .icon { margin-left: 25px; margin-bottom: 10px; font-size: 62px; color: #6c98e1; } .stm-compact-sidebar .content { max-width: 220px; margin-bottom: 23px; padding: 0 10px 0 30px; } .stm-compact-sidebar .content h4 > span { display: block; } .stm-single-post .post-thumbnail img { width: 100%; } @media (min-width: 768px) { .stm-single-post .post-thumbnail.stm-post-thumbnail-wide { height: 100vh; max-height: 100%; } .stm-single-post .post-thumbnail.stm-post-thumbnail-wide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .stm-sell-a-car-form .form-navigation .form-navigation-unit { display: block; text-decoration: none !important; padding-bottom: 17px; border-bottom: 6px solid #eaedf0; } .stm-sell-a-car-form .form-navigation .form-navigation-unit.validated .number { text-indent: -200px !important; } .stm-sell-a-car-form .form-navigation .form-navigation-unit.validated .number:before { right: 0; } .stm-sell-a-car-form .form-navigation .form-navigation-unit[href="#step-two"] .number { text-indent: 2px; } .stm-sell-a-car-form .form-navigation .form-navigation-unit .number { position: relative; margin-bottom: 13px; width: 31px; height: 31px; border: 3px solid #cc6119; border-radius: 50%; line-height: 25px; font-weight: 700; text-align: center; color: #cc6119; font-size: 16px; text-indent: 3px; overflow: hidden; } .stm-sell-a-car-form .form-navigation .form-navigation-unit .number:before { content: "\f00c"; position: absolute; display: block; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 16px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 25px; width: 100%; height: 100%; top: 0; right: -100%; text-indent: 0 !important; } .stm-sell-a-car-form .form-navigation .form-navigation-unit .title { margin: 0 0 -1px 3px; font-weight: 700; font-size: 16px; text-transform: uppercase; } .stm-sell-a-car-form .form-navigation .form-navigation-unit .sub-title { margin-left: 4px; color: rgba(35, 38, 40, 0.5); font-size: 13px; } .stm-sell-a-car-form .form-navigation .form-navigation-unit.active { border-bottom-color: #cc6119; } .stm-sell-a-car-form .form-navigation .form-navigation-unit.active .number { background-color: #cc6119; color: #fff; } .stm-sell-a-car-form .form-content { padding-top: 44px; } .stm-sell-a-car-form .form-content .form-content-unit { display: none; } .stm-sell-a-car-form .form-content .form-content-unit.active { display: block; } .stm-sell-a-car-form .form-content .form-content-unit .contact-us-label { color: #555; } .stm-sell-a-car-form .form-content .vehicle-condition { padding-top: 6px; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit { padding-bottom: 33px; margin-bottom: 34px; border-bottom: 1px solid #e2e5e8; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .icon { margin-bottom: 13px; font-size: 30px; color: #232628; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .icon.buoy { font-size: 34px; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .icon.buoy-2 { font-size: 35px; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .title { margin-bottom: 16px; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit label { margin-right: 40px; color: #232628; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit label:last-child { margin-right: 0; } .stm-sell-a-car-form .form-content .contact-details { margin: 6px 0 43px; padding: 40px 41px 36px; background-color: #ebedef; } .stm-sell-a-car-form .form-content .contact-details textarea { height: 106px; } .stm-sell-a-car-form .form-content .contact-details .form-group { margin-bottom: 24px; } .stm-sell-a-car-form .form-content .contact-details .contact-us-label { margin-bottom: 2px; } @media (max-width: 767px) { .stm-sell-a-car-form .form-navigation .row { display: flex; } .stm-sell-a-car-form .form-navigation .row .col-md-4 { max-width: 33.33%; display: flex; } .stm-sell-a-car-form .form-navigation .row .col-md-4 .form-navigation-unit .title { font-size: 3vw; line-height: 1.3; } .stm-sell-a-car-form .form-navigation .row .col-md-4 .form-navigation-unit .sub-title { margin-top: 3px; font-size: 3vw; line-height: 1.2; } .stm-sell-a-car-form .form-content { padding-top: 0; } } .stm-sell-a-car-form .form-upload-files .stm-unit-photos { float: left; width: 38.48%; margin-right: 54px; } .stm-sell-a-car-form .form-upload-files .stm-unit-url { overflow: hidden; } .stm-sell-a-car-form input[type=submit] { width: 220px; margin-right: 48px; } .stm-sell-a-car-form .disclaimer { padding-right: 20px; margin-top: 2px; line-height: 22px; overflow: hidden; color: #555; } .sell-a-car-proceed { margin-top: 27px; max-width: 220px; } .form-upload-files { padding: 30px 30px 35px; margin: 15px 0 5px; border: 3px solid #ebedef; } .stm-pseudo-file-input { position: relative; z-index: 20; } .stm-pseudo-file-input.generated { margin-top: 15px; } .stm-pseudo-file-input.generated .stm-plus:after { display: none; } .stm-pseudo-file-input:hover { cursor: pointer; } .stm-pseudo-file-input:before { content: "\e932"; position: absolute; display: block; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "stm-icon"; speak: none; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #c0c1c3; top: 10px; left: 15px; } .stm-pseudo-file-input .stm-plus { position: absolute; width: 42px; height: 42px; top: 0; right: 0; background-color: #ebedef; z-index: 20; } .stm-pseudo-file-input .stm-plus:after { position: absolute; content: ""; display: block; top: 50%; left: 50%; margin: -4px 0 0 -1px; width: 3px; height: 9px; background-color: #aaa; } .stm-pseudo-file-input .stm-plus:before { position: absolute; content: ""; display: block; top: 50%; left: 50%; margin: -1px 0 0 -4px; width: 9px; height: 3px; background-color: #aaa; } .stm-pseudo-file-input .stm-filename { padding: 10px 10px 10px 40px; margin-right: 56px; background-color: #ebedef; color: #888888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .stm-pseudo-file-input .stm-file-realfield { position: absolute; width: 100%; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 15; } .stm-pseudo-file-input .stm-file-realfield:hover { cursor: pointer; } #error-fields { margin-top: 20px !important; } .lost_reset_password { border-top: 4px solid #232628; padding: 20px; margin: 2em 0; text-align: left; box-shadow: 0 1px 6px rgba(35, 38, 40, 0.4); max-width: 480px; width: 100%; } body.woocommerce-account .woocommerce .lost_reset_password input[type=submit] { margin-top: 10px; } .stm-single-filter-link a { color: #232628; text-decoration: none !important; } .stm-single-filter-link a:hover { color: #cc6119; } .stm-single-filter-link a span { color: #888; } .tooltip { font-family: inherit; } .tooltip.in { opacity: 1; } .tooltip-inner { padding: 7px 8px; background-color: #232628; color: #fff; } .tooltip.top .tooltip-arrow { border-top-color: #232628; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #232628; } .stm-tooltip-link:hover { cursor: pointer; } .stm-dots { color: #888; } .stm-dots.dots-aligned { position: relative; top: 0 !important; } select.ab-formElement { opacity: 1; visibility: visible; } /* Some adds, written here, to avoid scheme colors incompability */ .special-label { padding: 0 50px !important; width: 261px !important; text-align: center !important; } .special-label-small { width: 249px !important; } .stm-site-preloader { overflow-y: hidden; } .stm-site-preloader:before { content: ""; display: block; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #191d21; opacity: 1; visibility: visible; z-index: 9999999999; } .stm-site-preloader:after { content: ""; display: block; position: fixed; top: 50%; left: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; background: url("../../images/tmp/preloader.png") 0 0 no-repeat; animation: spin 2s linear infinite; z-index: 9999999999; } .stm-site-preloader.stm-site-loaded { overflow-y: scroll; } .stm-site-preloader.stm-site-loaded:before { opacity: 0; visibility: hidden; z-index: -1; } .stm-site-preloader.stm-site-loaded:after { opacity: 0; visibility: hidden; z-index: -1; } .single-regular-sale-price > table tr td:nth-child(2) .h4 { white-space: nowrap; } .vc_row-no-padding .vc_column_container { padding-left: 0 !important; padding-right: 0 !important; } .stm-material-parallax-container { position: relative; overflow: hidden; min-height: 410px; color: #fff; } .stm-material-parallax { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .stm-material-parallax:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .stm-material-parallax img { display: none; position: absolute; left: 50%; bottom: 70px; min-width: 100%; max-width: none; min-height: 100%; transform: translate3d(0, 0, 0); transform: translateX(-50%); } .stm-list-duty { padding: 0; color: #aaa; list-style: none; } .stm-list-duty li { padding-left: 40px; position: relative; margin-bottom: 22px; font-size: 13px; line-height: 20px; } .stm-list-duty li:last-child { margin-bottom: 0; } .stm-list-duty li .icon { position: absolute; top: 5px; left: 0; color: #cc6119; } .stm-list-duty li .icon i { font-size: 22px; line-height: 22px; } /* 2.2 Widgets */ .footer_widgets_wrapper { padding: 66px 0 20px; color: #aaa; } .footer_widgets_wrapper .widget_search .widget-title { margin-bottom: 21px; } .footer_widgets_wrapper a.wp-block-latest-posts__post-title { color: unset; } .footer_widgets_wrapper a { text-decoration: none !important; } .footer_widgets_wrapper a:hover { color: #fff; } .footer_widgets_wrapper .widget-title { margin-bottom: 15px; } .footer_widgets_wrapper .widget-title h6 { color: #fff; text-transform: uppercase; } .footer_widgets_wrapper .widget-title h6 .colored { color: #6c98e1; } .footer_widgets_wrapper .stm_wp_widget_text .textwidget { font-size: 13px; line-height: 20px; color: #aaa; } .footer_widgets_wrapper .widget_text .textwidget { font-size: 13px; line-height: 20px; color: #fff; } .footer_widgets_wrapper .widget_text .textwidget .date { color: #aaaaaa; font-weight: 700; } .footer_widgets_wrapper .widget_mc4wp_form_widget .widget-title { margin-bottom: 16px; } .footer_widgets_wrapper .widget_mc4wp_form_widget .stm-mc-label { color: #888; } .footer_widgets_wrapper .widget_mc4wp_form_widget .stm-mc-unit { position: relative; margin-bottom: 8px; } .footer_widgets_wrapper .widget_mc4wp_form_widget .stm-mc-unit input[type=submit] { position: absolute; top: 0; right: 0; height: 38px; width: 40px; z-index: 10; opacity: 0; } .footer_widgets_wrapper .widget_mc4wp_form_widget .stm-mc-unit:after { content: "\f09e"; position: absolute; display: block; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 17px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 0; right: 0; height: 38px; width: 40px; background-color: #cc6119; text-align: center; line-height: 38px; color: #fff; text-indent: 2px; z-index: 9; } .footer_widgets_wrapper .widget_mc4wp_form_widget input[type=text], .footer_widgets_wrapper .widget_mc4wp_form_widget input[type=email], .footer_widgets_wrapper .widget_mc4wp_form_widget input[type=number] { position: relative; height: 38px; line-height: 38px; padding: 0 50px 0 17px; color: #aaa; } .footer_widgets_wrapper .stm-instagram-unit .textwidget { margin: -4px -9px 0; } .footer_widgets_wrapper .stm-instagram-unit .textwidget #sb_instagram { padding-bottom: 0 !important; } .footer_widgets_wrapper .stm_widget_recent_entries .stm-last-post-widget { position: relative; top: -3px; font-size: 13px; line-height: 20px; color: #aaa; margin-bottom: 20px; } .footer_widgets_wrapper .stm_widget_recent_entries .stm-last-post-widget:last-child { margin-bottom: 0; } .footer_widgets_wrapper .stm_widget_recent_entries .stm-last-post-widget .comments-number { position: relative; top: 3px; height: 20px; } .footer_widgets_wrapper .stm_widget_recent_entries .stm-last-post-widget .comments-number a { display: block; padding-left: 21px; color: #6c98e1 !important; font-size: 11px; text-transform: uppercase; text-decoration: none !important; } .footer_widgets_wrapper .stm_widget_recent_entries .stm-last-post-widget .comments-number i { position: absolute; left: 0; top: 50%; margin-top: -6px; font-size: 13px; } .footer_widgets_wrapper .widget_socials { position: relative; left: 3px; margin: 0 -5px; } .footer_widgets_wrapper .widget_socials:after { display: table; content: ""; clear: both; } .footer_widgets_wrapper .widget_socials li { float: left; margin: 5px 3px 10px 4px; } .footer_widgets_wrapper .widget_socials li:first-child { margin-right: 3px; } .footer_widgets_wrapper .widget_socials li:nth-child(2) { margin-right: 3px; } .footer_widgets_wrapper .widget_socials li:nth-child(3) { margin-right: 3px; } .footer_widgets_wrapper .widget_socials li a { display: block; width: 45px; height: 45px; background-color: #3b3d3f; text-align: center; line-height: 45px; font-size: 20px; color: #fff !important; } .footer_widgets_wrapper .widget_socials li a:hover { background-color: #6c98e1; } .footer_widgets_wrapper .widget_search form { position: relative; } .footer_widgets_wrapper .widget_search form label { display: block; overflow: hidden; } .footer_widgets_wrapper .widget_search form input[type=search] { height: 38px; line-height: 38px; } .footer_widgets_wrapper .widget_search form input[type=search]:focus { color: #000; } .footer_widgets_wrapper .widget_search form:after { content: "\f002"; position: absolute; display: block; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 19px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 0; right: 0; width: 46px; height: 38px; line-height: 42px; background-color: #6c98e1; color: #fff !important; text-align: center; z-index: 9; } .footer_widgets_wrapper .widget_search form label { display: block; max-width: 79.2%; } .footer_widgets_wrapper .widget_search form input[type=submit], .footer_widgets_wrapper .widget_search form button[type=submit] { position: absolute; top: 0; right: 0; width: 46px; height: 38px; z-index: 10; opacity: 0; } #wp-calendar { width: 100%; } #wp-calendar > caption { padding-top: 0; margin-top: -4px; } .wp-block-tag-cloud, .tagcloud { margin-right: -6px; } .wp-block-tag-cloud a, .tagcloud a { display: inline-block; margin: 0 6px 8px 0; padding: 4px 9px; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 1, 1, 0.2); font-size: 13px !important; color: #aaa; text-decoration: none !important; } .wp-block-tag-cloud a:hover, .tagcloud a:hover { background-color: #6c98e1; color: #fff; } #main .widget { margin-bottom: 27px; padding-bottom: 40px; border-bottom: 1px solid #ddd; } #main .widgettitle, #main .widget-title, #main .widget-default label { font-size: 16px; line-height: 32px; font-weight: 700; text-transform: uppercase; } #main .wc-block-product-search .widget-title, #main .widget_search .widget-title { display: none; } #main .wc-block-product-search .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, #main .widget_search .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 0; border: none; } #main .wc-block-product-search form, #main .wc-block-product-search form.wp-block-search, #main .wc-block-product-search form.search-form, #main .widget_search form, #main .widget_search form.wp-block-search, #main .widget_search form.search-form { position: relative; } #main .wc-block-product-search form input[type=search], #main .wc-block-product-search form.wp-block-search input[type=search], #main .wc-block-product-search form.search-form input[type=search], #main .widget_search form input[type=search], #main .widget_search form.wp-block-search input[type=search], #main .widget_search form.search-form input[type=search] { box-sizing: border-box; height: 45px; line-height: 41px; padding-right: 57px; } #main .wc-block-product-search form input[type=submit], #main .wc-block-product-search form button[type=submit], #main .wc-block-product-search form.wp-block-search input[type=submit], #main .wc-block-product-search form.wp-block-search button[type=submit], #main .wc-block-product-search form.search-form input[type=submit], #main .wc-block-product-search form.search-form button[type=submit], #main .widget_search form input[type=submit], #main .widget_search form button[type=submit], #main .widget_search form.wp-block-search input[type=submit], #main .widget_search form.wp-block-search button[type=submit], #main .widget_search form.search-form input[type=submit], #main .widget_search form.search-form button[type=submit] { position: absolute; top: 0; right: 0; height: 45px; width: 45px; text-indent: -9999px; opacity: 0; z-index: 20; } #main .wc-block-product-search form label, #main .wc-block-product-search form.wp-block-search label, #main .wc-block-product-search form.search-form label, #main .widget_search form label, #main .widget_search form.wp-block-search label, #main .widget_search form.search-form label { display: block; overflow: hidden; } #main .wc-block-product-search form:before, #main .wc-block-product-search form.wp-block-search:before, #main .wc-block-product-search form.search-form:before, #main .widget_search form:before, #main .widget_search form.wp-block-search:before, #main .widget_search form.search-form:before { position: absolute; content: ""; display: block; right: 0; top: 0; width: 5px; height: 45px; background-color: #6c98e1; z-index: 10; } #main .wc-block-product-search form:after, #main .wc-block-product-search form.wp-block-search:after, #main .wc-block-product-search form.search-form:after, #main .widget_search form:after, #main .widget_search form.wp-block-search:after, #main .widget_search form.search-form:after { content: "\e810"; position: absolute; display: block; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "stm-icon"; speak: none; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 0; right: 0; width: 45px; height: 45px; line-height: 50px; text-align: center; color: #6c98e1; z-index: 10; } #main .wc-block-product-search form:hover:before, #main .wc-block-product-search form.wp-block-search:hover:before, #main .wc-block-product-search form.search-form:hover:before, #main .widget_search form:hover:before, #main .widget_search form.wp-block-search:hover:before, #main .widget_search form.search-form:hover:before { width: 45px; } #main .wc-block-product-search form:hover:after, #main .wc-block-product-search form.wp-block-search:hover:after, #main .wc-block-product-search form.search-form:hover:after, #main .widget_search form:hover:after, #main .widget_search form.wp-block-search:hover:after, #main .widget_search form.search-form:hover:after { color: #fff; } #main .wc-block-product-search form.focus:before, #main .wc-block-product-search form.wp-block-search.focus:before, #main .wc-block-product-search form.search-form.focus:before, #main .widget_search form.focus:before, #main .widget_search form.wp-block-search.focus:before, #main .widget_search form.search-form.focus:before { width: 45px; } #main .wc-block-product-search form.focus:after, #main .wc-block-product-search form.wp-block-search.focus:after, #main .wc-block-product-search form.search-form.focus:after, #main .widget_search form.focus:after, #main .widget_search form.wp-block-search.focus:after, #main .widget_search form.search-form.focus:after { color: #fff; } #main .widget_text { font-size: 13px; line-height: 22px; } #main .stm-last-post-widget { margin-bottom: 26px; font-size: 13px; line-height: 20px; color: #888; } #main .stm-last-post-widget .comments-number { position: relative; margin-top: 14px; height: 20px; } #main .stm-last-post-widget .comments-number a { display: block; padding-left: 21px; color: #6c98e1 !important; font-size: 11px; text-transform: uppercase; text-decoration: none !important; } #main .stm-last-post-widget .comments-number i { position: absolute; left: 1px; top: 50%; margin-top: -6px; font-size: 13px; } #main .stm-last-post-widget:last-child { margin-bottom: 10px; } #main .textwidget p:last-child { margin-bottom: 0; } .stm-small-text { display: block; font-size: 12px; line-height: 18px; margin-bottom: 10px; color: #888; } .widget_archive .select2-container--default .select2-selection--single .select2-selection__arrow { width: 47px; } .widget_archive .select2-container--default .select2-selection--single .select2-selection__arrow b { left: 50%; margin-left: -7px; z-index: 10; } .widget_archive .select2-container--default .select2-selection--single .select2-selection__arrow:after { position: absolute; content: ""; display: block; top: -1px; bottom: 0; right: 0; width: 4px; background-color: #6c98e1; z-index: 1; } .widget_archive .select2:hover.select2-container--default .select2-selection--single .select2-selection__rendered { padding-right: 50px; } .widget_archive .select2:hover.select2-container--default .select2-selection--single .select2-selection__arrow b { color: #fff !important; } .widget_archive .select2:hover.select2-container--default .select2-selection--single .select2-selection__arrow:after { width: 47px; } .widget_archive .select2.select2-container--open.select2-container--default .select2-selection--single .select2-selection__rendered { padding-right: 50px; } .widget_archive .select2.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow b { color: #fff !important; } .widget_archive .select2.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow:after { width: 47px; } .media-widget-list { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -8px; } .media-widget-list .media-widget-item { float: left; width: 33.33%; margin-bottom: 16px; } .media-widget-list .media-widget-item a { display: block; padding: 0 8px; } /* 2.3 Service */ .stm-service-primary-color { color: #22b7d2; } .stm-service-secondary-color { color: #ecbf24; } body.page-template-home-service-layout .tp-revslider-mainul .slotholder:after, body.page-template-home-service-layout rs-slide:after { position: absolute; content: ""; display: block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; } body.page-template-home-service-layout .stm-carousel-brands .brands-carousel-item .brands-carousel-item-inner { padding: 15px; opacity: 1; } body.page-template-home-service-layout .footer_widgets_wrapper .widget_socials li a { border-radius: 50%; } body.page-template-home-service-layout .footer_widgets_wrapper .widget-title h6 { font-size: 16px; font-weight: 900; } body.page-template-home-service-layout #top-bar { background-color: #191d21; } body.page-template-home-service-layout #top-bar .top-bar-wrapper { border-bottom: none; } body.page-template-home-service-layout #site_style_default { background-color: #ecbf24 !important; } body.page-template-home-service-layout #footer { box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.5); background: linear-gradient(180deg, #22262a 0%, #181c20 100%); } body.page-template-home-service-layout #footer #footer-copyright, body.page-template-home-service-layout #footer #footer-main { background-color: transparent !important; } .header-service { position: absolute; top: 0; left: 0; width: 100%; padding: 22px 0; transform: translateZ(0); -webkit-transform: translateZ(0); z-index: 99; } .header-service .service-logo-main { float: left; max-width: 30%; margin: 12px 10px 0 0; } .header-service .header-service-right .service-header-appointment { margin-top: 1px; } .header-service .header-service-right .service-header-appointment div.default-state { display: block; position: relative; padding: 15px 17px 15px 51px !important; background-color: #22b7d2; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none !important; } .header-service .header-service-right .service-header-appointment div.default-state > i { position: absolute; top: 13px; left: 17px; font-size: 23px; } .header-service .header-service-right .service-header-appointment span.active-state { padding: 13px 17px 13px 51px !important; background-color: #191d21; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none !important; } .header-service .header-service-right .service-header-appointment span.active-state:after { position: absolute; content: ""; display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.15); z-index: -1; } .header-service .header-service-right .service-header-appointment span.active-state > i { position: absolute; top: 10px; left: 17px; font-size: 23px; } /*HEADER MENU ======================================================*/ .header-service .header-menu { list-style: none; padding: 0; margin: 0; text-align: center; font-size: 0; } .header-service .header-menu > li { display: inline-block; position: relative; margin-bottom: 0; } .header-service .header-menu > li.menu-item-has-children > a:after { content: "\f107"; position: absolute; display: block; top: 50%; right: 7px; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 12px; text-rendering: auto; transform: translate(0, -50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .header-service .header-menu > li.current-menu-item > a, .header-service .header-menu > li .current_page_item > a { color: #ecbf24; } .header-service .header-menu > li:hover { /*> a { color: #ecbf24 !important; }*/ } .header-service .header-menu > li:hover > ul { visibility: visible; top: 100%; opacity: 1; } .header-service .header-menu > li a { color: #ffffff; } .header-service .header-menu > li > a { display: block; position: relative; height: 52px; padding: 0 21px; line-height: 52px; text-transform: uppercase; text-decoration: none !important; } .header-service .header-menu > li > ul { visibility: hidden; opacity: 0; padding: 0; list-style: none; position: absolute; width: 250px; top: 105%; left: 0; background: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .header-service .header-menu > li > ul li { position: relative; margin-bottom: 0; margin-left: 0 !important; } .header-service .header-menu > li > ul li.menu-item-has-children > a:after { content: "\f105"; position: absolute; display: block; top: 50%; right: 20px; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 14px; text-rendering: auto; transform: translate(0, -50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .header-service .header-menu > li > ul li a { position: relative; display: block; padding: 12px 30px 12px 34px; text-decoration: none !important; font-weight: 400; text-align: left; color: #191d21; } .header-service .header-menu > li > ul li a:hover { color: #ecbf24; } .header-service .header-menu > li > ul li > ul, .header-service .header-menu > li > ul li > ul li > ul, .header-service .header-menu > li > ul li > ul li > ul li > ul { visibility: hidden; opacity: 0; padding: 0; list-style: none; position: absolute; width: 250px; top: 0; left: 105%; background: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); z-index: -1; } .header-service .header-menu > li > ul li:hover > ul, .header-service .header-menu > li > ul li > ul li:hover > ul, .header-service .header-menu > li > ul li > ul li > ul li:hover > ul { visibility: visible; left: 100%; opacity: 1; } /*HEADER MENU ======================================================*/ .header-service.header-service-sticky { position: fixed; background: #191d21; } .header-service.header-service-sticky .service-header-appointment { margin-top: 0 !important; } .header-service.header-service-sticky .bloglogo img { transform: translateZ(0); -webkit-transform: translateZ(0); width: 74% !important; margin-top: -2px; } .header-service.service-notransparent-header { padding-bottom: 15px; background-color: #191d21; } .header-service.service-notransparent-header .header-service-right .service-header-appointment span.active-state { padding: 10px 16px 10px 50px; border: none !important; } .header-service.service-notransparent-header .header-menu li a:hover { background-color: #ecbf24; color: #191d21; } .stm-service-slider-title { padding: 27px 37px 27px 30px; background: rgba(23, 27, 31, 0.9); text-transform: uppercase; } .stm-service-slider-title.heading-font { letter-spacing: 1px !important; } .stm-service-slider-title .yellow { color: #ecbf24; } .stm-service-slider-price { padding: 12px 39px 11px 32px; background-color: #22b7d2; font-size: 12px; line-height: 12px; } .stm-service-slider-price > span { display: block; margin-top: 3px; font-size: 24px; line-height: 24px; } .stm-service-slider-title-centered { text-align: center; text-transform: uppercase; } .stm-service-slider-title-centered > span.yellow { color: #ecbf24; } .page-template-home-service-layout .stm-slider-button { padding: 16px 34px 15px 56px; background-color: #22b7d2; box-shadow: 0 2px 0 #1b92a8; } .page-template-home-service-layout .stm-slider-button i { left: 29px; } .page-template-home-service-layout .stm-slider-button:active { box-shadow: none; } .stm-service-layout-icon-box .inner { margin-bottom: 54px; } .stm-service-layout-icon-box .inner.vertical_align_middle { margin-bottom: 0; padding: 48px 20px 26px 30px; } .stm-service-layout-icon-box .inner.vertical_align_middle .icon { width: auto; margin-right: 20px; } .stm-service-layout-icon-box .inner.vertical_align_middle .icon-box-content .title { margin-bottom: 5px; } .stm-service-layout-icon-box .inner.vertical_align_middle .icon-box-content .content { color: #888888; font-size: 16px; line-height: 24px; } .stm-service-layout-icon-box .icon { width: 65px; margin-right: 15px; float: left; text-align: center; } .stm-service-layout-icon-box .icon i { font-size: 40px; } .stm-service-layout-icon-box .icon-box-content { overflow: hidden; } .stm-service-layout-icon-box .icon-box-content .title { margin-bottom: 17px; } .stm-service-layout-icon-box .icon-box-content .content { padding-right: 16px; color: #888; font-size: 13px; line-height: 19px; } .ultra-bold { font-weight: 900; } .stm-service-layout-info-box { max-width: 350px; width: auto; margin: 0 auto 30px !important; } .stm-service-layout-info-box .inner { background-size: cover; background-position: 100% 0; padding: 50px 35px 29px 35px; box-shadow: inset 0 0 92px rgba(0, 0, 0, 0.1); } .stm-service-layout-info-box .inner .title { min-height: 72px; margin-bottom: 18px; padding-right: 45px; font-size: 24px; line-height: 24px; font-weight: 900; text-transform: uppercase; } .stm-service-layout-info-box .inner .service-price { display: inline-block; min-width: 108px; margin-bottom: 31px; padding: 12px 5px 11px 14px; background-color: #22b7d2; font-weight: 900; color: #fff; } .stm-service-layout-info-box .inner .service-price .price-label { margin-bottom: 1px; text-transform: uppercase; font-size: 12px; line-height: 12px; } .stm-service-layout-info-box .inner .service-price .price-value { text-indent: -2px; font-size: 24px; } .stm-service-layout-info-box .inner .content ul { list-style: none; padding: 0; } .stm-service-layout-info-box .inner .content ul li { position: relative; padding-left: 7px; margin-bottom: 2px; font-size: 13px; } .stm-service-layout-info-box .inner .content ul li:before { position: absolute; content: ""; display: block; top: 10px; left: 0; width: 3px; height: 3px; background-color: #555; border-radius: 50%; } .stm-fullwidth-row-no-paddings > .wpb_column { padding: 0 !important; } .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:first-child > .vc_column-inner { padding: 99px 42px 68px 93px !important; } .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:nth-child(2) > .vc_column-inner { padding: 99px 50px 138px 109px !important; } .stm-list-style-counter { padding-left: 0; counter-reset: section; list-style: none; } .stm-list-style-counter li { position: relative; margin-bottom: 23px; padding-left: 56px; font-size: 13px; line-height: 18px; } .stm-list-style-counter li:last-child { margin-bottom: 0; } .stm-list-style-counter li:before { position: absolute; left: -1px; top: 1px; width: 38px; height: 38px; text-align: center; line-height: 34px; border: 2px solid #fff; border-radius: 50%; font-weight: 900; font-size: 16px; color: #191d21; counter-increment: section; content: counter(section); } .stm-list-style-counter li h4 { margin-bottom: 3px; font-weight: 900; } .stm-counter .stm-counter-circle { float: left; width: 120px; height: 120px; margin-right: 19px; border: 3px solid #22b7d2; border-radius: 50%; line-height: 114px; text-align: center; font-size: 40px; font-weight: 900; color: #fff; } .stm-counter .stm-counter-label { overflow: hidden; } .stm-counter .stm-counter-label .h4 { margin-top: 35px; color: #fff; } .stm-carousel-fullwidth-wrapper { margin: 0 -15px; } .stm-carousel-fullwidth { height: 0; visibility: hidden; overflow: hidden; } .stm-carousel-fullwidth.owl-loaded { height: inherit; visibility: visible; overflow: visible; } .stm-image-links-4 .stm-image-link { width: 25%; } .stm-image-links-3 .stm-image-link { width: 33.3%; } .stm-image-links-2 .stm-image-link { width: 50%; } .stm-image-links { font-size: 0; margin: 0 -7.5px; } .stm-image-links .stm-image-link { display: inline-block; vertical-align: top; } .stm-image-links .stm-image-link .inner { padding: 3px; margin: 0 7.5px 15px; height: 53px; border: 1px solid #ddd; border-radius: 3px; line-height: 45px; text-align: center; } .stm-image-links .stm-image-link .inner img { max-height: 100%; display: inline-block; filter: grayscale(100%); -webkit-filter: grayscale(100%); } .stm-image-links .stm-image-link .inner:hover img { filter: grayscale(0); -webkit-filter: grayscale(0); } .stm-service-contact-us-form-wrapper { padding: 35px 43px 27px !important; background-size: cover; } .stm-service-contact-us-form-wrapper .form-label { color: #fff; } .stm-service-contact-us-form-wrapper input[type=text], .stm-service-contact-us-form-wrapper input[type=email], .stm-service-contact-us-form-wrapper input[type=tel] { background-color: #fff; border: 2px solid #fff; } .stm-service-contact-us-form-wrapper input[type=text]:focus, .stm-service-contact-us-form-wrapper input[type=email]:focus, .stm-service-contact-us-form-wrapper input[type=tel]:focus { border-color: #22b7d2; } .stm-service-contact-us-form-wrapper textarea { padding-top: 15px; max-height: 80px; background-color: #fff; border: 2px solid #fff; } .stm-service-contact-us-form-wrapper textarea:focus { border-color: #22b7d2; } .stm-service-contact-us-form-wrapper .wpcf7-response-output { background-color: #fff !important; } .stm-service-contact-us-form-wrapper input[type=submit] { display: inline-block; } .ab-booking-form { color: #999c9c; } .ab-booking-form .ab-formGroup .ab-formField .ab-formElement { border: none !important; background-color: #191d21 !important; color: #fff !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .ab-booking-form .ab-formGroup .ab-formField .ab-formElement:focus { border-color: #22b7d2 !important; color: #22b7d2; box-shadow: none; } .ab-booking-form .ab-formGroup .ab-formField .ab-formElement.ab-details-error { border: 1px solid #ff2325 !important; } .ab-booking-form select { opacity: 1; visibility: visible; border: none !important; background-color: #191d21 !important; color: #fff !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .ab-booking-form div.ab-error, .ab-booking-form .ab-label-error, .ab-booking-form label.ab-category-title { color: #22b7d2 !important; } .ab-booking-form .ab-desc, .ab-bold, .ab-booking-form .ab-available-days li .ab-bold, .ab-booking-form label, .ab-booking-form label.ab-formLabel, .ab-booking-form li.ab-step-tabs.active a { color: #fff !important; } .ab-booking-form .ab-columnizer .ab-available-hour:hover .ab-hour-icon span, .ab-booking-form .ab-time-next, .ab-booking-form .ab-time-prev, .ab-booking-form .ab-to-first-step, .ab-booking-form .bookly-btn-submit, .ab-booking-form .btn-apply-coupon, .ab-booking-form .ab-to-third-step, .ab-booking-form .ab-final-step, .ab-booking-form a.ab-to-second-step, .ab-booking-form .ab-to-second-step, .ab-booking-form .ab-to-fourth-step, .ab-booking-form a.ab-to-fourth-step, .ab-booking-form .ab-first-step .ab-week-days li label.active, .ab-booking-form .ab-next-step, .ab-booking-form .ab-mobile-next-step, .ab-booking-form .ab-mobile-prev-step, .ab-booking-form li.ab-step-tabs.active div, .ab-booking-form .picker__frame, .ab-booking-form .ab-first-step .ab-week-days li label { background-color: #22b7d2 !important; } .ab-booking-form .ab-progress-bar .ab-step-tabs.ab-last .step, .ab-booking-form .ab-progress-bar .ab-step-tabs.ab-first .step { border-radius: 0; } .ab-booking-form .ab-progress-bar .ab-step-tabs .step { height: 22px; background-color: #555858; } .ab-booking-form .ab-progress-bar .ab-step-tabs a { color: #999c9c; } .ab-booking-form .ab-nav-steps { padding-top: 38px !important; margin-top: 10px; border-top: 1px solid #4d5051 !important; overflow: visible; } .ab-booking-form .ab-nav-steps .ab-btn { width: 140px; height: 46px !important; line-height: 28px; box-shadow: 0 2px 0 #1b92a8; font-size: 14px; font-weight: 900; transition: 0s ease all !important; } .ab-booking-form .ab-nav-steps .ab-btn:active { box-shadow: none; } .ab-booking-form .ab-nav-steps .ab-btn.ab-time-prev { margin-left: 25px; } .ab-booking-form .ab-nav-steps .ab-btn.ab-time-next { width: 70px; position: relative; display: block; text-indent: -9999px; } .ab-booking-form .ab-nav-steps .ab-btn.ab-time-next:after { content: "\f054"; position: absolute; display: block; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: inherit; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-indent: 0; text-align: center; left: 50%; top: 50%; margin: -6px 0 0 -4px; } .ab-booking-form .ab-nav-steps .ab-btn.ab-time-next[data-loading]:after { opacity: 0; } .ab-booking-form .ab-nav-steps .ab-btn.ab-time-prev { width: 70px; position: relative; display: block; text-indent: -9999px; } .ab-booking-form .ab-nav-steps .ab-btn.ab-time-prev:after { content: "\f053"; position: absolute; display: block; text-indent: 0; text-align: center; left: 50%; top: 50%; margin: -6px 0 0 -4px; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: inherit; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ab-booking-form .ab-nav-steps .ab-btn.ab-time-prev[data-loading]:after { opacity: 0; } .ab-booking-form .ab-nav-steps:after { display: table; content: ""; clear: both; } .ab-booking-form .intl-tel-input .country-list { background-color: #191d21 !important; border: none !important; } .ab-booking-form .intl-tel-input .country-list .country-name { color: #fff !important; } .ab-booking-form .ab-columnizer .ab-available-hour { background-color: #555858 !important; color: #fff !important; border-radius: 0 !important; } .ab-booking-form .ab-columnizer .ab-available-day { border-radius: 0 !important; } .ab-booking-form .ab-columnizer .ab-available-hour:hover .ab-hour-icon { padding: 0 !important; overflow: hidden; background-color: #22b7d2 !important; } .ab-booking-form .ab-columnizer .ab-available-hour:hover .ab-hour-icon span { width: 14px; height: 14px; border-radius: 0; background-color: transparent !important; opacity: 0 !important; } .ab-booking-form .ab-columnizer .ab-available-hour, .ab-booking-form .ab-columnizer .ab-available-day { margin-bottom: 5px; } .ab-booking-form .ab-columnizer .ab-available-hour { box-shadow: none !important; border-color: transparent !important; } .ab-booking-form .ab-columnizer .ab-available-day { box-shadow: none !important; border-color: transparent !important; background-color: #22b7d2 !important; } .ab-booking-form .ab-columnizer .ab-available-hour:hover { border-color: transparent !important; color: #22b7d2 !important; } .ab-booking-form .ab-columnizer .ab-available-hour:hover .ab-hour-icon { border-color: #22b7d2 !important; color: #22b7d2 !important; } .ab-booking-form .picker__header { margin: 20px 0; border: none !important; } .ab-booking-form .picker__year { font-style: normal; } .ab-booking-form .picker__nav--prev, .ab-booking-form .picker__nav--next { background-color: #22b7d2 !important; top: -6px; } .ab-booking-form .picker__nav--prev:before { margin-left: 3px; border-right-color: #fff !important; } .ab-booking-form .picker__nav--next:before { margin-right: 3px; border-left-color: #fff !important; } .ab-booking-form .picker--opened .picker__holder { border: none; } .ab-booking-form .picker__frame { background-color: #fff !important; color: #22b7d2 !important; box-shadow: 0 1px 6px rgba(35, 38, 40, 0.4); } .ab-booking-form .picker__day:hover { background-color: #22b7d2 !important; color: #fff !important; } .ab-booking-form .picker__day, .ab-booking-form .picker__weekday, .ab-booking-form .picker__year { color: #22b7d2 !important; } .ab-booking-form .picker--focused .picker__day--selected { background-color: #22b7d2 !important; color: #fff !important; } .ab-booking-form .picker__button--today { padding: 12px 18px 10px !important; margin: 10px 0 25px !important; background-color: #22b7d2 !important; color: #fff !important; box-shadow: 0 2px 0 #1b92a8; font-size: 12px !important; } .ab-booking-form div.ab-error select { border-width: 1px !important; border-color: #ff2325 !important; } .ab-booking-form .ab-select-service-error.ab-label-error { color: #ff2325 !important; } .ab-booking-form .ab-progress-tracker { margin-bottom: 22px !important; } .ab-progress-tracker.bookly-table { color: #FFFFFF; } .ab-booking-form .ab-first-step > .ab-row-fluid { margin-bottom: 16px !important; } .ab-booking-form .ab-first-step .ab-mobile-step_1 { margin-bottom: 25px !important; } .ab-booking-form .intl-tel-input .country-list .flag { display: none !important; } .ab-booking-form .intl-tel-input .flag-dropdown select.iti-mobile-select { opacity: 0; } .ab-booking-form input::-webkit-input-placeholder { color: #444 !important; } .stm-fullwidth-with-parallax.stm-service-bookly-form { overflow: visible; } .stm-address-widget { position: relative; padding-left: 73px; color: #fff; font-size: 13px; line-height: normal; } .stm-address-widget:before { position: absolute; content: ""; display: block; top: -3px !important; left: 0; width: 66px; height: 65px; background: url("../../images/google-widget.png"); background-size: cover; } .stm-address-widget .fancy-iframe { display: inline-block; margin-top: 8px !important; color: #6c98e1; border-bottom: 1px dashed #6c98e1; } .stm-address-widget .fancy-iframe:hover { color: #fff; border-bottom-color: #fff; } .stm-service-bookly-form > .vc_column_container { padding-left: 0 !important; padding-right: 0 !important; } .button_3d { float: right; position: relative; text-decoration: none !important; } .button_3d .default-state { position: relative; display: inline-block; transition: transform 0.3s; transform-origin: 50% 0; transform-style: preserve-3d; } .button_3d .active-state { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; padding: 12px 20px; background: #999; color: #4c4c4b; content: attr(data-hover); transition: background 0.3s; transform: rotateX(-90deg); transform-origin: 50% 0; } .button_3d:hover .default-state { transform: rotateX(90deg) translateY(-22px); } .button_3d:hover .active-state { background: #fff; color: #4c4c4b; } .service-mobile-menu-trigger { float: right; margin-top: 10px !important; width: 32px; height: 32px; padding: 5px 3px; } .service-mobile-menu-trigger span { position: relative; top: 0; display: block; height: 3px; background: #22b7d2; border-radius: 3px; width: 100%; } .service-mobile-menu-trigger span:nth-child(2) { opacity: 1; margin-top: 5px; } .service-mobile-menu-trigger span:nth-child(3) { margin-top: 5px; } .service-mobile-menu-trigger.active span:first-child { position: relative; top: 8px; transform: rotate(45deg); } .service-mobile-menu-trigger.active span:nth-child(2) { opacity: 0; } .service-mobile-menu-trigger.active span:nth-child(3) { position: relative; top: -8px; transform: rotate(-45deg); } .stm_automanager_features_list { margin: 0 -15px; } .stm_automanager_features_list .stm_automanager_single { float: left; width: 33%; padding: 0 15px; margin-bottom: 25px; } .stm_automanager_features_list .stm_automanager_single h3 { font-size: 18px; line-height: 20px; } body.stm-boxed .stm-fullwidth-row-no-paddings { width: 100% !important; left: 15px !important; } body.stm-boxed .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-sm-12 { width: 100% !important; } .stm-box-shadow-bottom:before { position: absolute; content: "" !important; display: block !important; bottom: -5px; left: 0; right: 0; height: 5px; background: rgba(0, 0, 0, 0.1); z-index: 90; } .stm-carousel-brands { padding: 0 40px; } #gallery { box-shadow: inset 0px -5px 5px rgba(0, 0, 0, 0.5); } .stm-image-links .stm-image-link .inner img { transform: translateZ(0); -webkit-transform: translateZ(0); } .header-service .bloglogo img { margin-top: -5px; } .header-service .header-service-right .service-header-appointment { margin-top: 0 !important; } body.stm-boxed .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:nth-child(2) > .vc_column-inner, body.stm-boxed .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:first-child > .vc_column-inner { margin: 0 -15px; } .stm_change_password .stm-show-password .fas { line-height: 40px; } /* 3 Vendors */ /* 3.1 Woocommerce */ .clear, .woocommerce .woocommerce-breadcrumb:after, .woocommerce .woocommerce-error:after, .woocommerce .woocommerce-info:after, .woocommerce .woocommerce-message:after { clear: both; } .woocommerce div.product form.cart .reset_variations, .woocommerce form .form-row label.hidden { visibility: hidden; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @font-face { font-family: star; src: url(../../fonts/woocommerce/star.eot); src: url(../../fonts/woocommerce/star.eot?#iefix) format("embedded-opentype"), url(../../fonts/woocommerce/star.woff) format("woff"), url(../../fonts/woocommerce/star.ttf) format("truetype"), url(../../fonts/woocommerce/star.svg#star) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: WooCommerce; src: url(../../fonts/woocommerce/woocommerce.eot); src: url(../../fonts/woocommerce/woocommerce.eot?#iefix) format("embedded-opentype"), url(../../fonts/woocommerce/woocommerce.woff) format("woff"), url(../../fonts/woocommerce/woocommerce.ttf) format("truetype"), url(../../fonts/woocommerce/woocommerce.svg#woocommerce) format("svg"); font-weight: 400; font-style: normal; } p.demo_store { position: fixed; top: 0; left: 0; right: 0; margin: 0; width: 100%; font-size: 1em; padding: 1em 0; text-align: center; background-color: #a46497; color: #fff; z-index: 99998; box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2); } p.demo_store a { color: #fff; } @media (min-width: 1025px) { .admin-bar p.demo_store, .admin-bar .header-nav-sticky, .admin-bar .stm-fixed { top: 32px !important; } } .woocommerce .blockUI.blockOverlay { position: relative; } .woocommerce .blockUI.blockOverlay:before, .woocommerce .loader:before { height: 1em; width: 1em; position: absolute; top: 50%; left: 50%; margin-left: -0.5em; margin-top: -0.5em; display: block; content: ""; animation: spin 1s ease-in-out infinite; background: url(../../images/icons/loader.svg) center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0, 0, 0, 0.75); z-index: 1; } .woocommerce a.remove { display: block; font-size: 20px; text-align: center; color: #888 !important; text-decoration: none; border: 0; } .woocommerce a.remove:hover { color: #cc6119 !important; } .woocommerce small.note { display: block; color: #777; font-size: 0.857em; margin-top: 10px; } .woocommerce .woocommerce-breadcrumb { padding: 15px 0 8px 4px; margin-bottom: 20px; color: #888; text-transform: uppercase; font-size: 11px; border-bottom: 1px solid #dddddd; } .woocommerce .woocommerce-breadcrumb:after, .woocommerce .woocommerce-breadcrumb:before { content: " "; display: table; } .woocommerce .woocommerce-breadcrumb a { text-transform: uppercase; color: #888; } .woocommerce .woocommerce-breadcrumb a:first-child { margin-left: 0; } .woocommerce .quantity .qty { text-align: center; } .woocommerce div.product { margin-bottom: 0; position: relative; } .woocommerce div.product .product_title { font-size: 26px; clear: none; margin-top: 0; margin-bottom: 4px; padding: 0; } .woocommerce #reviews #comments .add_review:after, .woocommerce .products ul:after, .woocommerce div.product form.cart:after, .woocommerce div.product p.cart:after, .woocommerce nav.woocommerce-pagination ul, .woocommerce ul.products:after { clear: both; } .woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom: 9px; color: #cc6119; font-size: 16px; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { background: inherit; font-weight: 700; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity: 0.5; } .woocommerce div.product p.stock { font-size: 0.92em; } .woocommerce div.product .stock { color: #77a464; } .woocommerce div.product .out-of-stock { color: red; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 8px; } .woocommerce div.product div.images, .woocommerce div.product div.summary { margin-bottom: 2em; } .woocommerce div.product div.images img { display: block; width: 100%; height: auto; box-shadow: none; } .woocommerce div.product div.images div.thumbnails { padding-top: 15px; margin: 0 -7.5px; } .woocommerce div.product div.images div.thumbnails a { display: inline-block; vertical-align: top; padding: 0 7.5px; margin-bottom: 15px; width: 33.3%; } .woocommerce div.product div.images div.thumbnails a img { vertical-align: top; } .woocommerce div.product div.social { text-align: right; margin: 0 0 1em; } .woocommerce div.product div.social span { margin: 0 0 0 2px; } .woocommerce div.product div.social span span { margin: 0; } .woocommerce div.product div.social span .stButton .chicklets { padding-left: 16px; width: 0; } .woocommerce div.product div.social iframe { float: left; margin-top: 3px; } .woocommerce div.product .woocommerce-tabs ul.tabs { list-style: none; padding: 0; margin: 0 0 1.618em; position: relative; background-color: #232628; border-left: 4px solid #232628; border-right: 4px solid #232628; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color: #232628; display: inline-block; position: relative; color: #232628; margin-bottom: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a { color: #ffffff; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-block; padding: 13px 20px; font-size: 12px; font-weight: 400; color: #fff; text-transform: uppercase; text-decoration: none; } .woocommerce div.product form.cart:after, .woocommerce div.product form.cart:before, .woocommerce div.product p.cart:after, .woocommerce div.product p.cart:before { display: table; content: " "; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { text-decoration: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #fff; z-index: 2; border-bottom-color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: inherit; text-shadow: inherit; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after { position: absolute; content: ""; display: block; top: -4px; left: 0; right: 0; height: 4px; background-color: #cc6119; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: 2px 2px 0 #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after { box-shadow: -2px 2px 0 #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { border: 1px solid #d3ced2; position: absolute; bottom: -1px; width: 5px; height: 5px; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before { left: -6px; border-bottom-right-radius: 4px; border-width: 0 1px 1px 0; box-shadow: 2px 2px 0 #ebe9eb; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after { right: -6px; border-bottom-left-radius: 4px; border-width: 0 0 1px 1px; box-shadow: -2px 2px 0 #ebe9eb; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { position: absolute; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #d3ced2; z-index: 1; } .woocommerce div.product .woocommerce-tabs .panel { margin: 0 0 2em; padding: 0; box-shadow: none; border: none; } .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-bottom: 14px; } .woocommerce div.product form.cart div.quantity { float: left; margin: 0 19px 0 0; } .woocommerce div.product form.cart table { border-width: 0 0 1px; } .woocommerce div.product form.cart table td { padding-left: 0; } .woocommerce div.product form.cart table td.label { display: none; } .woocommerce div.product form.cart table div.quantity { float: none; margin: 0; } .woocommerce div.product form.cart table small.stock { display: block; float: none; } .woocommerce div.product form.cart .variations { margin-bottom: 1em; border: 0; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { border: 0; } .woocommerce div.product form.cart .variations label { font-weight: 700; } .woocommerce div.product form.cart .variations select { width: 100%; float: left; opacity: 1; visibility: visible; font-size: 14px; min-height: 48px; border-color: #ccc; padding-left: 7px; border-radius: 5px; } .woocommerce div.product form.cart .variations td.label { padding-right: 1em; } .woocommerce div.product form.cart .variations td { vertical-align: top; } .woocommerce div.product form.cart .woocommerce-variation-description p { margin-bottom: 1em; } .woocommerce div.product form.cart .wc-no-matching-variations { display: none; } .woocommerce div.product form.cart .button { vertical-align: middle; float: left; } .woocommerce div.product form.cart .group_table td.label { padding-right: 1em; padding-left: 1em; } .woocommerce div.product form.cart .group_table td { vertical-align: top; padding-bottom: 0.5em; border: 0; } .woocommerce span.onsale { position: absolute; top: 20px; left: -36px; height: 33px; line-height: 33px; background-color: #cc6119; text-transform: uppercase; color: #fff !important; width: 140px; text-align: center; transform: rotate(-45deg); z-index: 1; } .woocommerce .products ul, .woocommerce ul.products { margin: 0 -15px; padding: 0; list-style: none; clear: both; } .woocommerce .products ul:after, .woocommerce .products ul:before, .woocommerce ul.products:after, .woocommerce ul.products:before { content: " "; display: table; } .woocommerce .products ul li, .woocommerce ul.products li { position: relative; margin-bottom: 0; list-style: none; } .woocommerce .products ul li .stm-product-inner, .woocommerce ul.products li .stm-product-inner { padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 49px; min-height: 391px; } .woocommerce ul.products li .stm-product-inner { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } .woocommerce ul.products li .stm-product-inner .woocommerce-LoopProduct-link.woocommerce-loop-product__link { width: 100%; } .woocommerce ul.products li .stm-product-inner a.added_to_cart { padding-top: 10px; } .woocommerce ul.products li .stm-product-inner a.added_to_cart:after { top: 12px; } .woocommerce .products ul li .stm-product-inner .product_thumbnail, .woocommerce ul.products li .stm-product-inner .product_thumbnail { overflow: hidden; position: relative; } .woocommerce ul.products li.product h3 { padding: 0.5em 0; margin: 0; font-size: 1em; } .woocommerce ul.products li.product a { text-decoration: none; } .woocommerce ul.products li.product a img { width: 100%; height: auto; display: block; margin: 0 0 1em; box-shadow: none; } .woocommerce ul.products li.product strong { display: block; } .woocommerce ul.products li.product .star-rating { margin-top: 4px; float: right; } .woocommerce ul.products li.product .button { position: relative; margin-top: 1em; } .woocommerce ul.products li.product .price { color: #555555; display: block; font-weight: 400; margin-bottom: 0.5em; font-size: 14px; } .woocommerce ul.products li.product .price del { color: inherit; opacity: 0.5; display: inline-block; } .woocommerce ul.products li.product .price ins { margin-left: 4px; text-decoration: none; background: 0 0; font-weight: 400; } .woocommerce ul.products li.product .price .from { font-size: 0.67em; margin: -2px 0 0; text-transform: uppercase; color: rgba(132, 132, 132, 0.5); } .woocommerce-ordering { position: relative; float: right; margin: 0 0 28px; outline: none !important; } .woocommerce .woocommerce-result-count { position: relative; float: left; padding: 13px 0 0 0; margin: 0 0 28px 0; } .woocommerce .woocommerce-ordering select { vertical-align: top; } .woocommerce nav.woocommerce-pagination { text-align: center; } .woocommerce nav.woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; border: 1px solid #d3ced2; border-right: 0; margin: 1px; } .woocommerce nav.woocommerce-pagination ul li { border-right: 1px solid #d3ced2; padding: 0; margin: 0; float: left; display: inline; overflow: hidden; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { margin: 0; text-decoration: none; line-height: 1; font-size: 1em; font-weight: 400; padding: 0.5em; min-width: 1em; display: block; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #ebe9eb; color: #8a7e88; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { display: inline-block; text-align: center; padding: 12px 16px 10px; font-size: 14px; line-height: 14px; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; color: #fff !important; border-radius: 3px; background-color: #6c98e1; text-decoration: none !important; outline: none !important; visibility: visible; border: none; } .woocommerce ul.products li.product.product-type-simple .button:after { content: "\f07a"; margin-left: 8.42px; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: inherit; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading { opacity: 0.5; padding-right: 37.723px; } .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { font-family: WooCommerce !important; content: "\e01c" !important; vertical-align: top !important; -webkit-font-smoothing: antialiased !important; font-weight: 400 !important; position: absolute; top: 12px !important; right: 15px !important; animation: spin 2s linear infinite !important; } .woocommerce #respond input#submit.added:after, .woocommerce a.button.added:after, .woocommerce button.button.added:after, .woocommerce input.button.added:after { font-family: WooCommerce !important; content: "\e017" !important; margin-left: 0.53em !important; vertical-align: bottom !important; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { text-decoration: none; background-image: none; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #6c98e1; color: #fff; -webkit-font-smoothing: antialiased; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #6c98e1; color: #fff; } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color: #a46497; color: #fff; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { color: inherit; cursor: not-allowed; opacity: 0.5; } .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover { color: inherit; background-color: #ebe9eb; } .woocommerce .cart .button, .woocommerce .cart input.button { float: none; } .woocommerce a.added_to_cart { position: relative; padding-top: 23px; font-size: 13px; white-space: nowrap; display: inline-block; padding-left: 22px; color: #888; } .woocommerce a.added_to_cart:before { position: absolute; content: ""; display: block; bottom: 2px; right: 0; width: 57px; height: 1px; background-color: #888; } .woocommerce a.added_to_cart:after { content: "\f07a"; position: absolute; display: block; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 16px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 26px; left: 0; color: #6c98e1; } .woocommerce #reviews #comments .add_review:after, .woocommerce #reviews #comments .add_review:before, .woocommerce #reviews #comments ol.commentlist li .comment-text:after, .woocommerce #reviews #comments ol.commentlist li .comment-text:before, .woocommerce #reviews #comments ol.commentlist:after, .woocommerce #reviews #comments ol.commentlist:before { content: " "; display: table; } .woocommerce #reviews h2 small { float: right; color: #777; font-size: 15px; margin: 10px 0 0; } .woocommerce #reviews h2 small a { text-decoration: none; color: #777; } .woocommerce #reviews h3 { margin: 0 0 15px; } .woocommerce #reviews #respond { margin: 0; border: 0; padding: 0; } .woocommerce #reviews #comment { height: 75px; } .woocommerce #reviews #comments h2 { clear: none; } .woocommerce #review_form #respond:after, .woocommerce #reviews #comments ol.commentlist li .comment-text:after, .woocommerce #reviews #comments ol.commentlist:after, .woocommerce .woocommerce-product-rating:after, .woocommerce td.product-name dl.variation:after { clear: both; } .woocommerce #reviews #comments ol.commentlist { margin: 0; width: 100%; padding-left: 0; background: 0 0; list-style: none; } .woocommerce #reviews #comments ol.commentlist li { padding: 0; margin: 0 0 35px; position: relative; background: 0; border: 0; } .woocommerce #reviews #comments ol.commentlist li .meta { color: #777; font-size: 0.75em; } .woocommerce #reviews #comments ol.commentlist li img.avatar { float: left; position: absolute; top: 0; left: 0; width: 60px; height: auto; margin: 0; box-shadow: none; background-color: #888; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 80px; border-radius: 4px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 7px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 14px; color: #232628; font-weight: 400; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time { font-size: 13px; color: #888; } .woocommerce #reviews #comments ol.commentlist ul.children { list-style: none; margin: 20px 0 0 50px; } .woocommerce #reviews #comments ol.commentlist ul.children .star-rating { display: none; } .woocommerce #reviews #comments ol.commentlist #respond { border: 1px solid #e4e1e3; border-radius: 4px; padding: 1em 1em 0; margin: 20px 0 0 50px; } .woocommerce #reviews #comments .commentlist > li:before { content: ""; } .woocommerce .star-rating { float: right; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: star; } .woocommerce .star-rating:before { content: "\e931\e931\e931\e931\e931"; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "stm-icon"; speak: none; font-size: inherit; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; left: 0; color: #888; float: left; } .woocommerce .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .woocommerce .star-rating span:before { content: "\e931\e931\e931\e931\e931"; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "stm-icon"; speak: none; font-size: inherit; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; left: 0; color: #cc6119; } .woocommerce .woocommerce-product-rating { line-height: 2; display: block; } .woocommerce table.shop_attributes td { font-size: 14px; } .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th { font-size: 12px; border-top: 0; margin: 0; } .woocommerce .woocommerce-product-rating:after, .woocommerce .woocommerce-product-rating:before { content: " "; display: table; } .woocommerce .woocommerce-product-rating .star-rating { margin: 0.5em 4px 0 0; float: left; } .woocommerce .products .star-rating { display: block; margin: 0 0 0.5em; float: none; } .woocommerce .hreview-aggregate .star-rating { margin: 10px 0 0; } .woocommerce #review_form #respond { position: static; margin: 0; width: auto; background: 0 0; border: 0; padding: 42px 0 0; border-top: 1px solid #ddd; } .woocommerce #review_form #respond:after, .woocommerce #review_form #respond:before { content: " "; display: table; } .woocommerce #review_form #respond p { margin: 0 0 20px; } .woocommerce #review_form #respond .form-submit input { left: auto; } .woocommerce #review_form #respond textarea { box-sizing: border-box; width: 100%; height: 140px; } .woocommerce p.stars { position: relative; font-size: 1em; } .woocommerce p.stars a { display: inline-block; font-weight: 700; margin-right: 1em; text-indent: -9999px; position: relative; border-bottom: 0 !important; outline: 0; } .woocommerce p.stars a:last-child { border-right: 0; } .woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5 { border-right: 1px solid #ccc; } .woocommerce p.stars a.star-1:after, .woocommerce p.stars a.star-2:after, .woocommerce p.stars a.star-3:after, .woocommerce p.stars a.star-4:after, .woocommerce p.stars a.star-5:after { font-family: WooCommerce; text-indent: 0; position: absolute; top: 0; left: 0; } .woocommerce p.stars a.star-1 { width: 2em; } .woocommerce p.stars a.star-1:after { content: "\e021"; } .woocommerce p.stars a.star-1.active:after, .woocommerce p.stars a.star-1:hover:after { content: "\e020"; } .woocommerce p.stars a.star-2 { width: 3em; } .woocommerce p.stars a.star-2:after { content: "\e021\e021"; } .woocommerce p.stars a.star-2.active:after, .woocommerce p.stars a.star-2:hover:after { content: "\e020\e020"; } .woocommerce p.stars a.star-3 { width: 4em; } .woocommerce p.stars a.star-3:after { content: "\e021\e021\e021"; } .woocommerce p.stars a.star-3.active:after, .woocommerce p.stars a.star-3:hover:after { content: "\e020\e020\e020"; } .woocommerce p.stars a.star-4 { width: 5em; } .woocommerce p.stars a.star-4:after { content: "\e021\e021\e021\e021"; } .woocommerce p.stars a.star-4.active:after, .woocommerce p.stars a.star-4:hover:after { content: "\e020\e020\e020\e020"; } .woocommerce p.stars a.star-5 { width: 6em; border: 0; } .woocommerce p.stars a.star-5:after { content: "\e021\e021\e021\e021\e021"; } .woocommerce p.stars a.star-5.active:after, .woocommerce p.stars a.star-5:hover:after { content: "\e020\e020\e020\e020\e020"; } .woocommerce table.shop_attributes { border: 0; margin-bottom: 1.618em; width: 100%; } .woocommerce table.shop_attributes th { border-bottom: 1px solid #d5d9e0; color: #888; text-transform: uppercase; font-weight: 400; width: 150px; } .woocommerce table.shop_attributes td { font-style: normal; text-align: right; padding: 0; font-size: 14px; } .woocommerce table.shop_attributes td p { margin: 0; padding: 8px 0; } .woocommerce table.shop_table { margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 5px; } .woocommerce table.shop_table a.remove { text-align: left; } .woocommerce table.shop_table th { font-size: 11px; font-weight: 700; padding: 13px 12px; } .woocommerce table.shop_table th.product-remove { text-align: right; } .woocommerce table.shop_table td { padding: 6px 12px; vertical-align: middle; border: none; } .woocommerce table.shop_table td.product-name { color: #232628; } .woocommerce table.shop_table td.product-name a { color: #232628; text-align: center; } .woocommerce table.shop_table td small { font-weight: 400; } .woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th { border-top: 0; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: 700; } .woocommerce table.my_account_orders { font-size: 0.85em; } .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding: 20px 8px; vertical-align: middle; } .woocommerce table.my_account_orders th { padding: 10px 8px; } .woocommerce table.my_account_orders .button { color: #fff !important; white-space: nowrap; } .woocommerce table.my_account_orders .order-actions { text-align: right; } .woocommerce td.product-name dl.variation { margin: 0.25em 0; } .woocommerce td.product-name dl.variation:after, .woocommerce td.product-name dl.variation:before { content: " "; display: table; } .woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt { display: inline-block; float: left; margin-bottom: 1em; } .woocommerce td.product-name dl.variation dt { font-weight: 700; padding: 0 0 0.25em; margin: 0 4px 0 0; clear: left; } .woocommerce ul.cart_list li dl:after, .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li dl:after, .woocommerce ul.product_list_widget li:after { clear: both; } .woocommerce td.product-name dl.variation dd { padding: 0 0 0.25em; } .woocommerce td.product-name dl.variation dd p:last-child { margin-bottom: 0; } .woocommerce td.product-name p.backorder_notification { font-size: 0.83em; } .woocommerce td.product-quantity { min-width: 80px; } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget { list-style: none; padding: 0; margin: 0; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 4px 0; margin: 0; list-style: none; } .woocommerce ul.cart_list li:after, .woocommerce ul.cart_list li:before, .woocommerce ul.product_list_widget li:after, .woocommerce ul.product_list_widget li:before { content: " "; display: table; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display: block; font-weight: 700; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; margin-right: 20px; width: 60px; height: auto; box-shadow: none; } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl { margin: 0; padding-left: 1em; border-left: 2px solid rgba(0, 0, 0, 0.1); } .woocommerce ul.cart_list li dl:after, .woocommerce ul.cart_list li dl:before, .woocommerce ul.product_list_widget li dl:after, .woocommerce ul.product_list_widget li dl:before { content: " "; display: table; } .woocommerce ul.cart_list li dl dd, .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt { display: inline-block; float: left; margin-bottom: 1em; } .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt { font-weight: 700; padding: 0 0 0.25em; margin: 0 4px 0 0; clear: left; } .woocommerce .order_details:after, .woocommerce .widget_layered_nav ul li:after, .woocommerce .widget_shopping_cart .buttons:after, .woocommerce-account .addresses .title:after, .woocommerce-cart .wc-proceed-to-checkout:after, .woocommerce.widget_shopping_cart .buttons:after { clear: both; } .woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd { padding: 0 0 0.25em; } .woocommerce ul.cart_list li dl dd p:last-child, .woocommerce ul.product_list_widget li dl dd p:last-child { margin-bottom: 0; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { float: none; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { padding: 4px 0 0; } .woocommerce .widget_shopping_cart .total .amount, .woocommerce.widget_shopping_cart .total .amount { font-weight: 700; } .woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong { min-width: 40px; display: inline-block; font-weight: 400; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 2em; position: relative; padding-top: 0; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { position: absolute; top: 50%; right: -15px; margin-top: -9px; } .woocommerce .widget_shopping_cart .buttons:after, .woocommerce .widget_shopping_cart .buttons:before, .woocommerce.widget_shopping_cart .buttons:after, .woocommerce.widget_shopping_cart .buttons:before { content: " "; display: table; } .woocommerce form .form-row { margin: 0 0 15px; } .woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity 0.5s 0.5s ease; transition: opacity 0.5s 0.5s ease; opacity: 0; } .woocommerce form .form-row label { line-height: 2; } .woocommerce form .form-row label.inline { display: inline; } .woocommerce form .form-row select { cursor: pointer; margin: 0; } .woocommerce form .form-row .required { color: red; font-weight: 700; border: 0; } .woocommerce form .form-row .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { box-sizing: border-box; width: 100%; margin: 0; outline: 0; line-height: 1; } .woocommerce .colored-separator { margin-bottom: 20px; } .woocommerce form .form-row textarea { height: 4em; line-height: 1.5; display: block; box-shadow: none; } .woocommerce form .form-row .select2-container { width: 100%; line-height: 2em; } .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: #a00; } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: #69bf29; } .woocommerce form .form-row ::-webkit-input-placeholder { line-height: normal; } .woocommerce form .form-row :-moz-placeholder { line-height: normal; } .woocommerce form .form-row :-ms-input-placeholder { line-height: normal; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-top: 4px solid #232628; padding: 20px; margin: 2em 0; text-align: left; box-shadow: 0 1px 6px rgba(35, 38, 40, 0.4); } .woocommerce ul#shipping_method { list-style: none; margin: 0; padding: 0; } .woocommerce ul#shipping_method li { margin: 0; padding: 0.25em 0 0.25em 22px; text-indent: -22px; list-style: none; } .woocommerce ul#shipping_method .amount { font-weight: 700; } .woocommerce p.woocommerce-shipping-contents { margin: 0; } .woocommerce .order_details { padding: 0; margin: 0 0 1.5em; list-style: none; } .woocommerce .order_details:after, .woocommerce .order_details:before { content: " "; display: table; } .woocommerce .order_details li { float: left; margin-right: 2em; text-transform: uppercase; font-size: 0.715em; line-height: 1; border-right: 1px dashed #d3ced2; padding-right: 2em; margin-left: 0; padding-left: 0; } .woocommerce .order_details li strong { display: block; font-size: 1.4em; text-transform: none; line-height: 1.5; } .woocommerce .order_details li:last-of-type { border: none; } .woocommerce-order-stm-return-to-page p { margin: 15px 0 30px; text-align: center; } .woocommerce .widget_layered_nav ul { margin: 0; padding: 0; border: 0; list-style: none; } .woocommerce .widget_layered_nav ul li { padding: 0 0 1px; list-style: none; } .woocommerce .widget_layered_nav ul li:after, .woocommerce .widget_layered_nav ul li:before { content: " "; display: table; } .woocommerce .widget_layered_nav ul li.chosen a:before, .woocommerce .widget_layered_nav_filters ul li a:before { font-weight: 400; line-height: 1; content: "\e013"; color: #a00; font-family: WooCommerce; speak: none; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; text-decoration: none; } .woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav ul li span { padding: 1px 0; } .woocommerce .widget_layered_nav ul li.chosen a:before { margin-right: 0.618em; } .woocommerce .widget_layered_nav_filters ul { margin: 0; padding: 0; border: 0; list-style: none; overflow: hidden; zoom: 1; } .woocommerce .widget_layered_nav_filters ul li { float: left; padding: 0 1px 1px 0; list-style: none; } .woocommerce .widget_layered_nav_filters ul li a { text-decoration: none; } .woocommerce .widget_layered_nav_filters ul li a:before { margin-right: 0.618em; } .woocommerce .widget_price_filter .price_slider { margin-bottom: 30px; } .woocommerce .widget_price_filter .price_slider_amount { text-align: center; font-size: 12px; display: flex; flex-direction: column; } @media (min-width: 1050px) { .woocommerce .widget_price_filter .price_slider_amount { text-align: right; display: block; } } .woocommerce .widget_price_filter .price_slider_amount .price_label { padding-top: 9px; color: #888; } .woocommerce .widget_price_filter .price_slider_amount .price_label span { color: #232628; } .woocommerce .widget_price_filter .price_slider_amount .button { float: left; } .woocommerce .widget_price_filter .ui-slider { position: relative; text-align: left; margin-left: 0.5em; margin-right: 0.5em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.36); border-radius: 50%; width: 20px; height: 20px; top: -9px; margin-left: -10px; background-color: #fff; cursor: default; touch-action: none; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; border-radius: 1em; background-color: #6c98e1; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: #dfe1e5; border: 0; } .woocommerce .widget_price_filter .ui-slider-horizontal { position: relative; height: 4px; } .woocommerce .widget_price_filter .ui-slider-horizontal:after { position: absolute; content: ""; display: block; left: -7px; right: -7px; width: 100%; height: 4px; border-radius: 3px; background-color: #dfe1e5; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .woocommerce-account .addresses .title:after, .woocommerce-account .addresses .title:before { content: " "; display: table; } .woocommerce-account .addresses .title h3 { float: left; } .woocommerce-account .addresses .title .edit, .woocommerce-account ul.digital-downloads li .count { float: right; } .woocommerce-account ol.commentlist.notes li.note p.meta { font-weight: 700; margin-bottom: 0; } .woocommerce-account ol.commentlist.notes li.note .description p:last-child { margin-bottom: 0; } .woocommerce-account ul.digital-downloads { margin-left: 0; padding-left: 0; } .woocommerce-account ul.digital-downloads li { list-style: none; margin-left: 0; padding-left: 0; } .woocommerce-account ul.digital-downloads li:before { font-family: WooCommerce; speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: 0.618em; content: "\e00a"; text-decoration: none; } .woocommerce-cart table.cart .product-thumbnail { min-width: 32px; } .woocommerce-cart table.cart img { float: left; width: 50px; margin-right: 15px; box-shadow: none; } .product-name_text { margin-top: 13px; font-size: 14px; text-transform: uppercase; } .product-name_text dl { display: none; } .woocommerce-cart table.cart td, .woocommerce-cart table.cart th { vertical-align: middle; } .woocommerce-cart table.cart td.product-remove, .woocommerce-cart table.cart th.product-remove { text-align: right; } .woocommerce-cart table.cart th { padding-bottom: 15px; font-size: 14px; border-bottom: 4px solid #232628; } .woocommerce-cart table.cart td { padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #ddd; } .woocommerce-cart table.cart td.product-remove { max-width: 35px; } .woocommerce-cart table.cart td.product-price { color: #232628; } .woocommerce-cart table.cart td.product-subtotal { color: #232628; } .woocommerce-cart table.cart td.actions { padding-right: 0; border-bottom: none; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 180px; height: 38px; line-height: 38px; float: left; box-sizing: border-box; border: 1px solid #d3ced2; padding: 6px 6px 5px; margin: 0 15px 0 0; outline: 0; background-color: transparent; } .woocommerce-cart table.cart input { margin: 0; vertical-align: middle; line-height: 1; } .woocommerce-cart .wc-proceed-to-checkout { padding: 0; } .woocommerce-cart .wc-proceed-to-checkout:after, .woocommerce-cart .wc-proceed-to-checkout:before { content: " "; display: table; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: inline-block; text-align: center; margin-bottom: 1em; } .woocommerce-cart .cart-collaterals .shipping_calculator .button { width: 100%; float: none; display: block; } .woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button:after { font-family: WooCommerce; speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: 0.618em; content: "\e019"; text-decoration: none; } .woocommerce-checkout #payment ul.payment_methods li:after, .woocommerce-checkout #payment ul.payment_methods li:before, .woocommerce-checkout #payment ul.payment_methods:after, .woocommerce-checkout #payment ul.payment_methods:before { content: " "; display: table; } .woocommerce-cart .cart-collaterals .cart_totals p small { color: #777; font-size: 0.83em; } .woocommerce-cart .cart-collaterals .cart_totals table { border-collapse: separate; margin: 0 0 30px; padding: 0; border-left: 0; } .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th { border-top: 0; } .woocommerce-cart .cart-collaterals .cart_totals table th { width: 25%; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { vertical-align: top; border-left: 0; border-right: 0; padding: 6px 0; line-height: 2em; } .woocommerce-cart .cart-collaterals .cart_totals table small { color: #777; } .woocommerce-cart .cart-collaterals .cart_totals table select { width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals .discount td { color: #77a464; } .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product { margin-top: 0; } .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { float: left; clear: none; } .woocommerce-checkout .checkout .col-2 .form-row-first, .woocommerce-checkout .checkout .col-2 .notes { clear: left; } .woocommerce-checkout .checkout .create-account small { font-size: 11px; color: #777; font-weight: 400; } .woocommerce-checkout .checkout div.shipping-address { padding: 0; clear: left; width: 100%; } .single-product .twentythirteen p.stars, .woocommerce-checkout #payment ul.payment_methods li:after, .woocommerce-checkout #payment ul.payment_methods:after, .woocommerce-checkout .checkout .shipping_address { clear: both; } .woocommerce-checkout #payment { border-radius: 5px; } .woocommerce-checkout #payment ul.payment_methods { text-align: left; padding: 1em; margin: 0; list-style: none; } .woocommerce-checkout #payment ul.payment_methods li { line-height: 2; text-align: left; margin: 0; font-weight: 400; } .woocommerce-checkout #payment ul.payment_methods li input { margin: -1px 10px 0 0; } .woocommerce-checkout #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 0.5em; padding: 0; position: relative; box-shadow: none; } .woocommerce-checkout #payment ul.payment_methods li img + img { margin-left: 2px; } .woocommerce-checkout #payment div.form-row { padding: 1em; } .woocommerce-checkout #payment div.payment_box { position: relative; box-sizing: border-box; width: 100%; padding: 10px 0; margin: 1em 0; font-size: 0.92em; border-radius: 2px; line-height: 1.5; color: #515151; } .woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder { color: #bbb3b9; } .woocommerce-checkout #payment div.payment_box :-moz-placeholder { color: #bbb3b9; } .woocommerce-checkout #payment div.payment_box :-ms-input-placeholder { color: #bbb3b9; } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number { font-size: 1.5em; padding: 8px; background-repeat: no-repeat; background-position: right; } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa { background-image: url(../../images/icons/credit-cards/visa.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard { background-image: url(../../images/icons/credit-cards/mastercard.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser { background-image: url(../../images/icons/credit-cards/laser.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub { background-image: url(../../images/icons/credit-cards/diners.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro { background-image: url(../../images/icons/credit-cards/maestro.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb { background-image: url(../../images/icons/credit-cards/jcb.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex { background-image: url(../../images/icons/credit-cards/amex.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover { background-image: url(../../images/icons/credit-cards/discover.png); } .woocommerce-checkout #payment div.payment_box span.help { font-size: 0.857em; color: #777; font-weight: 400; } .woocommerce-checkout #payment div.payment_box .form-row { margin: 0 0 1em; } .woocommerce-checkout #payment div.payment_box p:last-child { margin-bottom: 0; } .woocommerce-checkout #payment div.payment_box p { font-size: 13px; color: #888; font-style: italic; } .woocommerce-checkout #payment div.payment_box:before { display: none; content: ""; border: 1em solid transparent; border-bottom-color: #dfdcde; position: absolute; top: -0.75em; left: 0; margin: -1em 0 0 2em; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: right; line-height: 52px; font-size: 0.83em; } .woocommerce-checkout #payment .payment_method_paypal img { max-height: 52px; vertical-align: middle; } .woocommerce-checkout .colored-separator { margin-left: 2px; margin-bottom: 12px; } #content.twentyeleven .woocommerce-pagination a { font-size: 1em; line-height: 1; } .single-product .twentythirteen #reply-title, .single-product .twentythirteen #respond #commentform, .single-product .twentythirteen .entry-summary { padding: 0; } .twentythirteen .woocommerce-breadcrumb { padding-top: 40px; } .twentyfourteen ul.products li.product { margin-top: 0 !important; } body.woocommerce .entry-header { margin-bottom: 60px; } body.woocommerce .entry-header .no_woo_padding { margin-bottom: 0; } #main .stm-shop-sidebar-area .widget { padding: 27px 30px 20px; margin-bottom: 34px; border-bottom: none; border-top: 4px solid #232628; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18); } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul { padding: 0; margin: 0; list-style: none; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li { margin-bottom: 10px; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li > a { position: relative; padding-left: 18px; color: #232628; text-decoration: none !important; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li > a:hover { color: #cc6119; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li > a:hover:before { color: #cc6119; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li > a:before { content: "\f0da"; position: absolute; display: block; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 15px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: 0; top: 1.5px; color: #aaa; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li ul { list-style: none; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li ul li a { font-size: 12px; color: #888; text-decoration: none !important; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li ul li a:hover { color: #cc6119; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li ul li:last-child { margin-bottom: 0; } #main .stm-shop-sidebar-area .widget .product_list_widget li { padding: 0; margin-bottom: 25px; } #main .stm-shop-sidebar-area .widget .product_list_widget li:hover .product-title { color: #cc6119; } #main .stm-shop-sidebar-area .widget .product_list_widget li:hover a { color: #cc6119; } #main .stm-shop-sidebar-area .widget .product_list_widget li:last-child { margin-bottom: 10px; } #main .stm-shop-sidebar-area .widget .product_list_widget li a { color: #232628; font-weight: 400; line-height: 18px; text-decoration: none !important; } #main .stm-shop-sidebar-area .widget .product_list_widget li .product-title { margin-bottom: 3px; position: relative; top: -1px; font-size: 14px; color: #232628; font-weight: 400; } #main .stm-shop-sidebar-area .widget .product_list_widget li .amount { font-size: 12px; color: #555; } #main .stm-shop-sidebar-area .widget .product_list_widget li del .amount { color: #888888; } #main .stm-shop-sidebar-area .widget .product_list_widget li ins { text-decoration: none; } #main .stm-shop-sidebar-area .widget .product_list_widget li .star-rating { margin-top: 3px; margin-bottom: 3px; } #main .stm-shop-sidebar-area .widget_title { margin-bottom: 25px; } #main .stm-shop-sidebar-area .widget_title h3 { font-size: 14px; font-weight: 700; text-transform: uppercase; } #main .stm-shop-sidebar-area .wc-block-price-filter__title { font-size: 14px; font-weight: 700; text-transform: uppercase; } #main .stm-shop-sidebar-area .wc-blocks-filter-wrapper h3 { font-size: 14px; font-weight: 700; text-transform: uppercase; } #main .stm-shop-sidebar-area .wc-block-price-filter .wc-block-components-price-slider__range-input-wrapper { margin: 23px 0; } #main .stm-shop-sidebar-area .wc-block-price-filter .wc-block-price-filter__controls { flex-wrap: wrap; justify-content: flex-start; border-color: transparent; } #main .stm-shop-sidebar-area .wc-block-price-filter .wc-block-price-filter__controls .wc-block-components-price-slider__amount { padding: 0 5px 0 12px; } #main .stm-shop-sidebar-area .wc-block-price-filter .wc-block-price-filter__controls .wc-block-components-price-slider__amount:focus { border-color: #888888 !important; } #main .stm-shop-sidebar-area .wc-block-price-filter .wc-block-price-filter__controls .wc-block-components-price-slider__amount.wc-block-components-price-slider__amount--min { flex-basis: 46%; max-width: none; } #main .stm-shop-sidebar-area .wc-block-price-filter .wc-block-price-filter__controls .wc-block-components-price-slider__amount.wc-block-components-price-slider__amount--max { flex-basis: 46%; margin-left: auto; margin-right: 0; max-width: none; } #main .stm-shop-sidebar-area .wc-block-price-filter .wc-block-price-filter__controls .wc-block-components-price-slider__button { margin: 12px 0 0 auto; padding: 12px 20px 10px; } #main .stm-shop-sidebar-area .wc-block-price-filter .wc-block-components-price-slider__actions { gap: 10px; } #main .stm-shop-sidebar-area .wc-block-price-filter .wc-block-components-price-slider__actions .wc-block-price-filter__button.wc-block-components-price-slider__button, #main .stm-shop-sidebar-area .wc-block-price-filter .wc-block-components-price-slider__actions .wc-block-components-filter-reset-button { padding: 12px 20px 10px; font-size: 12px; font-weight: 700; text-transform: uppercase; border-radius: 3px; line-height: 1.3; background-color: #6c98e1; box-shadow: none; } #main .stm-shop-sidebar-area .wc-block-price-filter .wc-block-components-price-slider__actions .wc-block-components-filter-reset-button { background-color: #cc6119; } #main .stm-shop-sidebar-area .wc-block-price-filter .wc-block-components-price-slider__range-input-wrapper .wc-block-components-price-slider__range-input-progress { background: linear-gradient(90deg, transparent var(--low), #6c98e1 0, #6c98e1 var(--high), transparent 0) no-repeat 0 100%/100% 100%; } .mini_cart_item { position: relative; } .mini_cart_item dl.variation { display: none; } .widget_shopping_cart .buttons a.button:nth-child(2) { display: none; } body.woocommerce .sidebar-margin-top { margin-top: 0; } .woocommerce .products ul li h5, .woocommerce ul.products li h5 { margin-bottom: 0; font-size: 16px; } body.tax-product_cat .stm_breadcrumbs_unit { display: none; } .woocommerce .quantity input { background-color: transparent; border: 1px solid #cccccc; padding: 18px 0 17px 0; border-radius: 0; min-width: 65px; } .woocommerce .quantity { position: relative; max-width: 65px; } .woocommerce .quantity_actions { position: absolute; top: 5px; right: 6px; } .woocommerce .quantity_actions span { display: block; height: 17px; width: 17px; line-height: 16px; font-size: 18px; color: #ffffff; background-color: #cccccc; text-align: center; text-indent: 1px; } .woocommerce .quantity_actions span.minus { line-height: 13px; } .woocommerce .quantity_actions span.plus { margin-bottom: 3px; } .woocommerce .quantity_actions span:hover { background-color: #6c98e1; cursor: pointer; } .woocommerce button.button.single_add_to_cart_button { padding: 15px 16px 15px 14px; } .woocommerce button.button.single_add_to_cart_button:before { content: "\f07a"; margin-right: 14px; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 15px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product_meta { font-size: 13px; color: #888; } .product_meta a { color: #555; text-decoration: none !important; } .product_meta a:hover { color: #6c98e1; } .product_meta .sku_wrapper { display: block; } .product_meta .posted_in { display: block; } .product_meta .tagged_as { display: block; } .woocommerce-review-link { font-size: 13px; color: #888; text-decoration: none !important; } .reset_variations { display: none !important; visibility: hidden !important; } .related.products { margin-top: 40px; } .related.products h3 { margin-bottom: 25px; } .woocommerce .commentlist { list-style: none; padding: 0; } .woocommerce .commentlist ul { padding-left: 30px; } .woocommerce .commentlist li { border-top: 1px solid #cccccc; padding: 30px 0; } .woocommerce .comment .meta { margin-bottom: 13px; } .woocommerce .comment .star-rating { display: inline-block; margin-left: 11px; } .woocommerce .comment_container:after { content: ""; display: table; clear: both; } .woocommerce .comment .avatar { float: left; } .woocommerce .comment .author { color: #333333; text-transform: uppercase; } .woocommerce .comment .published-date { float: right; } .woocommerce .comment-text { overflow: hidden; margin-left: 117px; } .woocommerce .comment-form textarea, .woocommerce .comment-form input[type=text], .woocommerce .comment-form input[type=password], .woocommerce .comment-form input[type=email] { width: 100%; border: 2px solid #efefef; background-color: #efefef; color: #777777; padding: 12px 15px; font-size: 13px; border-radius: 0; } .woocommerce .comment-form textarea:focus, .woocommerce .comment-form input:focus { outline: none; border-color: #6c98e1; background-color: transparent; } .woocommerce .comment-form-comment textarea { height: 172px; } .woocommerce .widget_product_search form input[type=search] { box-sizing: border-box; } .woocommerce .comment-form-email, .woocommerce .comment-form-author { margin-bottom: 30px; } .woocommerce .comment-form-rating { margin-bottom: 30px; } .woocommerce .comment-form-rating .select2 { display: none; } .wc-tab #reviews { padding-top: 22px; } .woocommerce-message { text-transform: uppercase; font-weight: 900; border: 4px solid #bee0a8; padding: 26px 143px 26px 26px; } .woocommerce-message:after { content: ""; clear: both; display: table; } .woocommerce-message { margin-bottom: 30px; position: relative; } .woocommerce-message .button { position: absolute; top: 50%; right: 10px; margin-top: -18px; } .woocommerce-message i, .woocommerce-message span { color: #7ec251; } .woocommerce-error { list-style: none; font-weight: 900; padding: 0; } .woocommerce-error li { text-transform: uppercase; font-weight: 900; border: 4px solid #ffb3b3; padding: 26px; margin-bottom: 30px; } .woocommerce-error i, .woocommerce-error span { color: #ff6868; } .woocommerce-error i, .woocommerce-info i, .woocommerce-message i { margin-right: 9px; } .woocommerce-info { text-transform: uppercase; font-weight: 900; border: 4px solid #99bcdb; padding: 26px; margin-bottom: 30px; } .woocommerce-info i, .woocommerce-info span { color: #337ab7; } body.woocommerce-cart .entry-header { margin-bottom: 0; } .woocommerce .shop_table.cart .coupon { float: left; } .woocommerce .shop_table.cart .button.update-cart { float: right; } .cart_totals h4 { margin-bottom: 30px; font-size: 18px; text-transform: uppercase; } .wc-proceed-to-checkout .button { display: inline-block; } .woocommerce .cart-totals_wrap { border: 5px solid #d5d5d5; padding: 38px 37px; margin-bottom: 60px; } .woocommerce .cart-totals_wrap table td { border-bottom: none; font-size: 14px; } .woocommerce table.shop_table a.remove { padding-right: 13px; text-align: right; } .woocommerce-page .select2-container .select2-choice, .woocommerce-page .woocommerce .select2-container .select2-choice { background-color: #ebedef; border-radius: 0; border: 2px solid #ebedef; color: #777777; font-size: 13px; padding: 8px 0 7px 15px; } .woocommerce-page .select2-dropdown-open .select2-choice { box-shadow: none; } .woocommerce-page .select2-drop-active { border-color: #ebedef; } .woocommerce-page .select2-results { padding: 0; } .woocommerce-page .select2-results .select2-result-label { padding: 5px 16px; } .woocommerce-checkout-review-order { margin-top: 30px; } .woocommerce-checkout-review-order #payment_heading { text-transform: uppercase; } .woocommerce-checkout-review-order #order_review_heading { text-transform: uppercase; } .woocommerce #order_comments { height: 150px; } .woocommerce form .form-row label { color: #888; font-size: 13px; margin-bottom: 5px; } .woocommerce-billing-fields h4 { text-transform: uppercase; } table.woocommerce-checkout-review-order-table { font-size: 14px; } table.woocommerce-checkout-review-order-table tbody tr td { font-size: 14px; } table.woocommerce-checkout-review-order-table tbody tr td:first-child { padding-left: 10px; font-size: 13px; } table.woocommerce-checkout-review-order-table tbody tr td:nth-child(2) { text-align: right; } table.woocommerce-checkout-review-order-table tbody tr td p { margin-bottom: 0; } table.woocommerce-checkout-review-order-table tbody tr td dl.variation { display: none; } table.woocommerce-checkout-review-order-table thead tr th { font-size: 14px; } .woocommerce-checkout-review-order-table { table-layout: fixed; } .woocommerce table.woocommerce-checkout-review-order-table.shop_table th { font-size: 13px; text-transform: uppercase; } .woocommerce table.woocommerce-checkout-review-order-table.shop_table th:first-child { padding-left: 0; } .woocommerce table.woocommerce-checkout-review-order-table.shop_table th:nth-child(2) { text-align: right; } .payment_methods.methods label { text-transform: uppercase; font-weight: 700; color: #232628; } .single-product .product_images { position: relative; overflow: hidden; } .woocommerce-checkout-payment .place-order { padding-left: 0 !important; } .woocommerce-checkout .classified-checkout h3, .woocommerce-checkout .classified-checkout h4 { font-size: 20px; text-transform: uppercase; margin: 10px 0 20px; } .woocommerce-checkout .classified-checkout .stm-billing-fields { display: flex; flex-wrap: wrap; align-items: flex-end; margin: 0 -8px; } .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row { padding: 0 8px; margin: 0 0 12px; flex-grow: 1; } @media (min-width: 768px) { .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row { margin: 0 0 18px; } .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row.form-row-first, .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row.form-row-last { flex-basis: 50%; } .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row.form-row-wide { flex-basis: 100%; } .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row#billing_address_1_field, .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row#billing_address_2_field { flex-basis: 50%; } .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row#billing_city_field, .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row#billing_state_field, .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row#billing_postcode_field { flex-basis: 33.3%; } .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row#billing_phone_field, .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row#billing_email_field { flex-basis: 50%; } } .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row label { font-size: 15px; color: #191d21; } .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row label .required { text-decoration: none; } .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row input[type=text], .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row input[type=email], .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row input[type=password], .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row input[type=number], .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row input[type=tel] { height: 44px; line-height: 44px; } .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row .select2-container--default .select2-selection--single { height: 44px; line-height: 44px; } .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px; } .woocommerce-checkout .classified-checkout .stm-billing-fields .form-row .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; } .woocommerce-checkout .classified-checkout .classified-order-review { border-top: 4px solid #6c98e1; padding: 17px 20px; margin: 10px 0; text-align: left; box-shadow: 0 1px 6px rgba(35, 38, 40, 0.4); } .woocommerce-checkout .classified-checkout .classified-order-review table.shop_table { table-layout: auto; margin-bottom: 5px; } .woocommerce-checkout .classified-checkout .classified-order-review table.shop_table tr th { font-size: 17px; font-weight: 600; text-transform: none; padding: 7px 0; } .woocommerce-checkout .classified-checkout .classified-order-review table.shop_table tr td { font-size: 17px; text-transform: none; color: #000; padding: 7px 0; } .woocommerce-checkout .classified-checkout .classified-order-review table.shop_table tr.table_heading th.product-name { font-size: 17px; } .woocommerce-checkout .classified-checkout .classified-order-review table.shop_table tr.table_heading th.product-total { font-size: 17px; } .woocommerce-checkout .classified-checkout .classified-order-review table.shop_table tr.cart_item td.product-name { font-size: 14px; color: #777777; padding: 5px 0; } .woocommerce-checkout .classified-checkout .classified-order-review table.shop_table tr.cart_item td.product-name .product-quantity { font-weight: 500; display: inline-block; } .woocommerce-checkout .classified-checkout .classified-order-review table.shop_table tr.cart_item td.product-name .listing-name { display: inline-block; font-weight: 500; color: #444; } .woocommerce-checkout .classified-checkout .classified-order-review table.shop_table tr.cart_item td.product-total { font-size: 14px; font-weight: 500; color: #000; padding: 5px 0; } .woocommerce-checkout .classified-checkout .classified-order-review table.shop_table tr.cart_item td.product-total .amount { font-size: 14px; color: #000; } .woocommerce-checkout .classified-checkout #payment ul.payment_methods.methods { padding: 0; } .woocommerce-checkout .classified-checkout #payment ul.payment_methods.methods .wc_payment_method { border: 1px solid #ccc; padding: 10px 20px 10px 50px; margin: 0 0 10px; } .woocommerce-checkout .classified-checkout #payment ul.payment_methods.methods .wc_payment_method input[type=radio] { float: left; margin: 8px 0 0 -30px; cursor: pointer; display: block !important; } .woocommerce-checkout .classified-checkout #payment ul.payment_methods.methods .wc_payment_method label { font-size: 16px; line-height: 20px; font-weight: 700; text-transform: none; padding: 4px 0; display: block; cursor: pointer; } .woocommerce-checkout .classified-checkout #payment ul.payment_methods.methods .wc_payment_method .payment_box { margin: 0; padding: 5px 0; } .myaccount_user { margin-bottom: 50px; } .stm-margin-30 { margin-bottom: 30px; } .myaccount_address { margin-bottom: 50px; } .woocommerce-account .woocommerce .addresses th { border-bottom: 1px solid #ddd; } .woocommerce-validated .select2-container .select2-choice { border-color: #69bf29 !important; } .form-row-wide.create-account label { display: inline-block; text-decoration: underline; } .woocommerce table.order_details { font-size: 14px; } .woocommerce table.order_details th { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400 !important; } .woocommerce table.order_details td { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400 !important; } .woocommerce table.order_details td a { color: #555 !important; } .woocommerce table.customer_details { font-size: 14px; } .woocommerce table.customer_details th { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400 !important; } .woocommerce table.customer_details td { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400 !important; } .woocommerce table.customer_details td a { color: #555 !important; } .woocommerce table.my_account_orders { font-size: 14px; } .woocommerce table.my_account_orders th { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400 !important; } .woocommerce table.my_account_orders td { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400 !important; } .woocommerce table.my_account_orders td a { color: #555 !important; } .woocommerce form.login .form-row-login { display: flex; flex-direction: column-reverse; float: left; } .woocommerce form.login .lost_password { float: right; margin: 37px 0 0; } #customer_login .form-row label.inline { margin-left: 15px; } .woocommerce table.shop_table .cart_item .amount { font-size: 14px; } .return-to-shop { margin-bottom: 60px; } /* WC Blocks */ #wrapper .wc-block-components-panel button.wc-block-components-panel__button { background: transparent; color: #191d21; font-weight: 600; box-shadow: none; } #wrapper .wc-block-components-panel .wc-block-components-panel__content { padding-top: 12px; } #wrapper .wc-block-components-panel .wc-block-components-panel__content .wc-block-components-order-summary-item__quantity { border-width: 1px; align-items: center; background-color: #6c98e1; /*background-color: var(--motors-base-color);*/ color: #ffffff; line-height: 1.5; } #wrapper .wc-block-components-panel .wc-block-components-panel__content .wc-block-components-order-summary-item__image img { outline: 1px solid rgba(136, 136, 136, 0.15); } #wrapper .wc-block-components-text-input input[type=text], #wrapper .wc-block-components-text-input input[type=number], #wrapper .wc-block-components-text-input input[type=tel], #wrapper .wc-block-components-text-input input[type=email], #wrapper .wc-block-components-text-input input[type=search], #wrapper .wc-block-components-text-input input[type=password], #wrapper .wc-block-components-combobox input[type=text], #wrapper .wc-block-components-combobox input[type=number], #wrapper .wc-block-components-combobox input[type=tel], #wrapper .wc-block-components-combobox input[type=email], #wrapper .wc-block-components-combobox input[type=search], #wrapper .wc-block-components-combobox input[type=password] { display: block; width: 100%; height: 48px; line-height: 48px; padding-bottom: 0.2em; font-weight: 400; color: #191d21; border: 1px solid hsla(0, 0%, 7%, 0.3); font-size: 14px; outline: none; } #wrapper .wc-block-components-text-input input[type=text].form-error, #wrapper .wc-block-components-text-input input[type=number].form-error, #wrapper .wc-block-components-text-input input[type=tel].form-error, #wrapper .wc-block-components-text-input input[type=email].form-error, #wrapper .wc-block-components-text-input input[type=search].form-error, #wrapper .wc-block-components-text-input input[type=password].form-error, #wrapper .wc-block-components-combobox input[type=text].form-error, #wrapper .wc-block-components-combobox input[type=number].form-error, #wrapper .wc-block-components-combobox input[type=tel].form-error, #wrapper .wc-block-components-combobox input[type=email].form-error, #wrapper .wc-block-components-combobox input[type=search].form-error, #wrapper .wc-block-components-combobox input[type=password].form-error { border-color: #ff2325; } #wrapper .wc-block-components-text-input input[type=text]:focus, #wrapper .wc-block-components-text-input input[type=number]:focus, #wrapper .wc-block-components-text-input input[type=tel]:focus, #wrapper .wc-block-components-text-input input[type=email]:focus, #wrapper .wc-block-components-text-input input[type=search]:focus, #wrapper .wc-block-components-text-input input[type=password]:focus, #wrapper .wc-block-components-combobox input[type=text]:focus, #wrapper .wc-block-components-combobox input[type=number]:focus, #wrapper .wc-block-components-combobox input[type=tel]:focus, #wrapper .wc-block-components-combobox input[type=email]:focus, #wrapper .wc-block-components-combobox input[type=search]:focus, #wrapper .wc-block-components-combobox input[type=password]:focus { box-shadow: none; } #wrapper .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon .wc-block-components-totals-coupon-link, #wrapper .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-coupon .wc-block-components-totals-coupon-link { color: #6c98e1; } #wrapper .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon .wc-block-components-totals-coupon-link:before, #wrapper .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-coupon .wc-block-components-totals-coupon-link:before { content: "+ "; } #wrapper .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon .wc-block-components-totals-coupon__form button.wc-block-components-totals-coupon__button, #wrapper .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-coupon .wc-block-components-totals-coupon__form button.wc-block-components-totals-coupon__button { padding: 0 20px; margin-left: 10px; height: 48px; line-height: 48px; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items th { padding: 8px; font-size: 15px; color: #888; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items th:last-child { padding-right: 8px; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items td { padding: 16px 8px; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items td:last-child { padding-right: 8px; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items .wc-block-cart-item__image img { outline: 1px solid rgba(136, 136, 136, 0.15); } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-name { font-size: 16px; line-height: 1.4; font-weight: 600; margin-bottom: 4px; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-price { font-size: 15px; line-height: 1.3; font-weight: 600; margin-bottom: 3px; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-metadata__description { font-size: 13px; line-height: 1.3; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { color: initial; background: initial; font-size: 14px; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap button.wc-block-cart-item__remove-link { color: #888; font-size: 12px; margin-right: 12px; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap button.wc-block-cart-item__remove-link:hover { color: #ff2325; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap button.wc-block-cart-item__remove-link:before { content: "x "; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items .wc-block-cart-item__total .price { color: #191d21; font-size: 17px; font-weight: 600; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block { margin-bottom: 12px; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title { padding: 8px; font-size: 15px; font-weight: 700; text-transform: uppercase; color: #888; } #wrapper .wp-block-woocommerce-cart .wc-block-cart .wp-block-woocommerce-cart-totals-block .wc-block-cart__submit .wc-block-cart__submit-container .wc-block-cart__submit-button:hover { color: #fff; } #wrapper .wp-block-woocommerce-cart .wc-block-cart.is-large { padding-top: 10px; } #wrapper .wp-block-woocommerce-cart .wc-block-cart.is-large.wc-block-components-sidebar-layout .wc-block-components-main { padding-right: 15px; } #wrapper .wp-block-woocommerce-cart .wc-block-cart.is-large.wc-block-components-sidebar-layout .wc-block-components-sidebar { padding-left: 20px; } @media (min-width: 992px) { #wrapper .wp-block-woocommerce-cart .wc-block-cart.is-large .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap { display: flex; flex-wrap: wrap; } #wrapper .wp-block-woocommerce-cart .wc-block-cart.is-large .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-name { order: -2; flex-basis: 75%; max-width: 75%; } #wrapper .wp-block-woocommerce-cart .wc-block-cart.is-large .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity { order: -1; flex-basis: 25%; max-width: 25%; max-height: 20px; padding-top: 2px; text-align: right; } #wrapper .wp-block-woocommerce-cart .wc-block-cart.is-large .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity .wc-block-components-quantity-selector { margin-left: auto; } #wrapper .wp-block-woocommerce-cart .wc-block-cart.is-large .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__prices { flex-basis: 100%; max-width: 100%; padding-right: 25%; } #wrapper .wp-block-woocommerce-cart .wc-block-cart.is-large .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-metadata { flex-basis: 100%; max-width: 100%; padding-right: 25%; margin-bottom: 0; } #wrapper .wp-block-woocommerce-cart .wc-block-cart.is-large .wc-block-cart-items .wc-block-cart-item__total .price { padding-top: 13px; } } /* 3.2 VC */ .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels { border-bottom: 1px solid #ddd; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { border-top: 1px solid #ddd; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { background-color: transparent !important; border-color: transparent !important; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { padding: 19px 20px 19px 39px; font-size: 16px; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-icon { position: absolute; left: 0; top: 50%; margin-top: -1px; font-size: 22px; color: #6c98e1; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon { position: absolute; right: 2px; left: inherit; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before { border: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #aaaaaa; transform: rotate(0deg); } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: transparent; border-color: transparent; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-icon { color: #cc6119; } .single-listings .stm-single-car-page .vc_tta.vc_general .vc_tta-panel { position: relative; } .single-listings .stm-single-car-page .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading { background: #232628; } .single-listings .stm-single-car-page .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { color: #fff; } .single-listings .stm-single-car-page .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading:before { position: absolute; content: ""; display: block; top: -4px; left: 0; right: 0; height: 4px; opacity: 1; background-color: #cc6119; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before { transform: rotate(180deg); } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background-color: transparent; border: 0; padding: 3px 0 29px 1px; } .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding: 0 0 37px 2px !important; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container { padding-top: 4px; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list { display: flex !important; flex-direction: row; flex-wrap: nowrap; margin: 0; background-color: #232628; border-left: 4px solid #232628; border-right: 4px solid #232628; overflow: visible; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab { display: block; float: left; position: relative; margin: 0; text-align: center; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:before { position: absolute; content: ""; display: block; top: -4px; left: 0; right: 0; height: 4px; background-color: #cc6119; opacity: 0; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a { padding: 13px 18px; background-color: #232628; border-radius: 0; border: none; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a .vc_tta-icon { position: relative; top: 3px; color: #fff; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a .vc_tta-title-text { position: relative; top: 1px; left: 2px; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a span { font-size: 12px; text-transform: uppercase; color: #fff; font-weight: 700; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a .vc_tta-title-text:not(:empty):not(:first-child) { margin-left: 8px; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:before { opacity: 1; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a { background-color: #fff; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a .vc_tta-icon { position: relative; top: 3px; color: #232628; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a span { color: #232628; } .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels { background-color: #ffffff !important; border: none !important; } .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { background-color: #ffffff; padding: 37px 20px 20px 20px !important; border: none; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav { margin: 0; background-color: #232628; border-left: 4px solid #232628; border-right: 4px solid #232628; overflow: visible; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li { position: relative; margin: 0; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li > a.ui-tabs-anchor { display: block; position: relative; padding: 18px 18px; background-color: #232628; border-radius: 0; border: none; font-size: 12px; text-transform: uppercase; color: #fff; font-weight: 700; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li > a:before { position: absolute; content: ""; display: block; top: -4px; left: 0; right: 0; height: 4px; background-color: #cc6119; opacity: 0; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li > a .vc_tta-icon { position: relative; top: 3px; color: #fff; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li > a .vc_tta-title-text { position: relative; top: 1px; left: 2px; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li.ui-state-active > a:before { opacity: 1; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li.ui-state-active a { background-color: #fff; color: #232628; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li.ui-state-active a .vc_tta-icon { position: relative; top: 3px; color: #232628; } .wpb_tour_tabs_wrapper.ui-tabs .wpb_tab.ui-tabs-panel { padding: 37px 0 0 2px !important; background-color: transparent !important; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav { margin: 0; background-color: #232628; border: none; display: table; width: 100%; table-layout: fixed; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav:before { display: none; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav:after { display: none; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li { float: none; position: relative; margin: 0; display: table-cell; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li > a { display: block; position: relative; text-align: center; padding: 18px 18px; background-color: #232628; border-radius: 0; border: none; font-size: 13px; text-transform: uppercase; color: #fff; font-weight: 700; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li > a:before { position: absolute; content: ""; display: block; top: -4px; left: 0; right: 0; height: 4px; background-color: #cc6119; opacity: 0; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li > a .vc_tta-icon { position: relative; top: 3px; color: #fff; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li > a .vc_tta-title-text { position: relative; top: 1px; left: 2px; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li.ui-state-active > a:before { display: none; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li.ui-state-active a { background-color: #fff; color: #cc6119; box-shadow: 0px -4px 0px 0px #cc6119; -webkit-box-shadow: 0px -4px 0px 0px #cc6119; -moz-box-shadow: 0px -4px 0px 0px #cc6119; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li.ui-state-active a .vc_tta-icon { position: relative; top: 3px; color: #cc6119; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 .wpb_tab.ui-tabs-panel { padding: 47px 40px 35px 36px !important; background-color: #fff !important; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 .wpb_tab.ui-tabs-panel .icon-box .icon-text h4.title { margin-bottom: 8px; font-weight: 400; } .wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav { display: block !important; vertical-align: top !important; width: inherit !important; background-color: transparent !important; } .wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav:after { display: table; content: ""; clear: both; } .wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav > li { display: block !important; float: left !important; margin-right: 2px !important; } .wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav > li:last-child { margin-right: 0 !important; } .wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav > li.ui-state-active a { background-color: #fff !important; } .wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav > li > a { font-weight: 900 !important; padding: 16px 31px 12px !important; background-color: #24292f !important; color: #aaa; } .wpb_tour_tabs_wrapper.stm_tabs_style_service .wpb_tab.ui-tabs-panel.ui-tabs-panel { padding: 70px 0 30px 0 !important; background-color: transparent !important; } /* body { display: none; } */ .vc_toggle { border-bottom: 1px solid #ddd; } .vc_toggle .vc_toggle_title { position: relative; min-height: 28px; padding-bottom: 11px; padding-left: 56px; } .vc_toggle .vc_toggle_title > h4 { display: inline-block; font-weight: 400; } .vc_toggle .vc_toggle_icon { position: absolute; left: 0; top: -4px; display: block; width: 28px; height: 28px; border: 1px solid #aaa; } .vc_toggle .vc_toggle_icon:before { position: absolute; content: ""; display: block; width: 8px; height: 2px; top: 12px; left: 9px; background-color: #aaaaaa; } .vc_toggle .vc_toggle_icon:after { position: absolute; content: ""; display: block; width: 2px; height: 8px; top: 9px; left: 12px; background-color: #aaa; opacity: 1; } .vc_toggle.vc_toggle_active .vc_toggle_icon { border-color: #cc6119; } .vc_toggle.vc_toggle_active .vc_toggle_icon:before { background-color: #cc6119; } .vc_toggle.vc_toggle_active .vc_toggle_icon:after { opacity: 0; } .vc_toggle .vc_toggle_content { margin-bottom: 5px; } body .wpb_button, body .wpb_column > .vc_column-inner > .wpb_wrapper > :last-child { margin-bottom: 0; } body .vc_col-has-fill > .vc_column-inner, body .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, body .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, body .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, body .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, body .vc_row-has-fill > .vc_column_container > .vc_column-inner, body .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, body .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner { padding-top: 0; } .vc_column_container > .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; } .vc_column_container { padding-left: 15px !important; padding-right: 15px !important; } /* 3.3 Vendors */ .selection:hover b { color: #6c98e1; } .select2-container--default .select2-selection--single { height: 40px; border: none; border-radius: 0; background-color: #eceff3; outline: none !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; font-size: 14px; color: #555; font-weight: 400; padding-left: 14px; padding-right: 40px; outline: none !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; width: 19px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; font-size: 16px; text-rendering: auto; transform: translate(0, -50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: -3px; margin-left: 0; color: #888; width: 15px; height: 15px; border: none; text-align: center; line-height: 16px; } .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: "\f107"; } .select2-container--default .select2-selection--single .select2-selection__arrow b.stm-preloader { height: 14px; font-size: 14px; margin-top: -7px; line-height: normal; } .select2-container--default .select2-selection--single .select2-selection__arrow b.stm-preloader:before { content: "\e924"; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "stm-icon"; speak: none; font-size: inherit; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; animation: rotating 2s infinite linear; padding: 1px; } .filter-select.stm-multiple-select .select2-results__option { display: flex; } .filter-select.stm-multiple-select .select2-results__option:before { margin-right: 10px; flex: 0 0 auto; } body .select2-container--default .select2-selection--multiple { background-color: #eceff3; border-color: #eceff3; border-radius: 0; display: flex; } .select2-container--default.select2-container--disabled .select2-selection--single { opacity: 0.5; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { transform: rotate(180deg) translateY(50%); } .select2-container--default .select2-results > .select2-results__options { max-height: 350px; } .select2-results__options li { margin-bottom: 0; padding-left: 14px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #f0f2f5; border-bottom-color: #f0f2f5; color: #555; } .select2-container .select2-dropdown { border-radius: 0; z-index: 1055; border-color: #e7e8e8; } .select2-results__options li { font-size: 13px; border-bottom: 1px solid #f0f2f5; } .select2-results__options li:last-child { border-bottom: none; } .select2-container--default .select2-results__option[aria-disabled=true] { display: none; } .xdsoft_stm_datetimepicker, .xdsoft_datetimepicker { font-family: inherit; } .xdsoft_stm_datetimepicker .xdsoft_calendar td, .xdsoft_stm_datetimepicker .xdsoft_calendar th, .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { border-color: #fff; } .xdsoft_stm_datetimepicker .xdsoft_calendar td .xdsoft_default, .xdsoft_stm_datetimepicker .xdsoft_calendar td .xdsoft_current, .xdsoft_stm_datetimepicker .xdsoft_calendar th .xdsoft_default, .xdsoft_stm_datetimepicker .xdsoft_calendar th .xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td .xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td .xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar th .xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar th .xdsoft_current { background: #cc6119; box-shadow: none; } .xdsoft_stm_datetimepicker .xdsoft_calendar td:hover, .xdsoft_stm_datetimepicker .xdsoft_calendar th:hover, .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_calendar th:hover { background: #6c98e1 !important; } .xdsoft_stm_datetimepicker .xdsoft_timepicker .xdsoft_time_box, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { border-color: #fff; } .xdsoft_stm_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #cc6119; box-shadow: none; } .xdsoft_stm_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background: #6c98e1 !important; } .xdsoft_stm_datetimepicker button, .xdsoft_datetimepicker button { box-shadow: none; } .xdsoft_scroller { display: none !important; } .wpb_tour_tabs_wrapper .ui-state-default, .wpb_tour_tabs_wrapper .ui-widget-content .ui-state-default, .wpb_tour_tabs_wrapper .ui-widget-header .ui-state-default { border: none; background-color: transparent; } .wpb_tour_tabs_wrapper .ui-widget-header { background-color: transparent; border: none; } .wpb_tour_tabs_wrapper .ui-corner-all { border-radius: 0; } .wpb_tour_tabs_wrapper .ui-widget-content { border: none; } .wpb_tour_tabs_wrapper.ui-widget-content { border: none; } /*UI SLIDER*/ .ui-slider-horizontal { height: 4px; } .ui-slider { background-color: #dfe1e5; } .ui-slider .ui-slider-range { background-color: #6c98e1; } .ui-slider .ui-slider-handle { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.36); border-radius: 50%; width: 20px; height: 20px; top: -9px; margin-left: -10px; background-color: #fff; } .ui-slider .ui-slider-handle:after { position: absolute; content: ""; display: block; top: 50%; left: 50%; margin: -5px 0 0 -5px; width: 10px; height: 10px; background-color: #6c98e1; border-radius: 50%; } .ui-slider .ui-slider-handle.ui-state-active:after { transform: scale(1.1); } #animated-blog-wrapper { position: relative; z-index: 10; /***** Individual effects *****/ /* -------------------------- */ /* Faded gradient */ /* -------------------------- */ } #animated-blog-wrapper .blog-meta { margin-bottom: 0; padding: 0; background-color: transparent; } #animated-blog-wrapper .blog-meta .blog-meta-unit { color: #232628; } #animated-blog-wrapper .blog-meta .blog-meta-unit a { color: #232628; } #animated-blog-wrapper .blog-meta .blog-meta-unit i { color: #232628; } #animated-blog-wrapper #container { margin: 0 -15px; } #animated-blog-wrapper .header { position: relative; margin: 0 auto; min-height: 560px; width: 100%; } #animated-blog-wrapper .bg-img { position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; backface-visibility: hidden; } #animated-blog-wrapper .bg-img:before { position: absolute; content: ""; display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 10; opacity: 1; } #animated-blog-wrapper .bg-img img { position: absolute; top: 0; left: 0; display: block; min-width: 100%; min-height: 100%; } #animated-blog-wrapper .title { z-index: 1000; padding: 0 1.25em; width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -124px; transform: translateX(-50%); } #animated-blog-wrapper .title h1 { padding: 0 0 40px; color: #fff; margin: 0; letter-spacing: -2px; max-width: 70%; line-height: 1; font-weight: 700; } #animated-blog-wrapper .title p { color: #fff; padding: 0 0 20px; margin: 0; } #animated-blog-wrapper .title p.subline { max-width: 54%; line-height: 34px; } #animated-blog-wrapper .title p.subline { font-size: 1.75em; } #animated-blog-wrapper .container:not(.notrans) button.trigger { transition: opacity 0.3s 0.5s; } #animated-blog-wrapper .container.modify:not(.notrans) button.trigger { opacity: 0; pointer-events: none; transition-delay: 0s; } #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img { transition-property: transform; } #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img::after { transition-property: opacity; } #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header h1 { transition-property: color; } #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header .blog-meta, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header p, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) #blog-animated-content > div { transition-property: transform, opacity; } #animated-blog-wrapper .header, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img::after, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img::before, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header h1, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header p, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header .blog-meta, #animated-blog-wrapper #blog-animated-content > div { transition-duration: 0.5s; } #animated-blog-wrapper .intro-effect-fadeout .header { overflow: hidden; } #animated-blog-wrapper .intro-effect-fadeout.modify .bg-img { transform: translateY(-25%); } #animated-blog-wrapper .intro-effect-fadeout .bg-img::after { content: ""; position: absolute; width: 100%; height: 101%; top: 0; left: 0; opacity: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); } #animated-blog-wrapper .intro-effect-fadeout.modify .bg-img::after { opacity: 1; } #animated-blog-wrapper .intro-effect-fadeout.modify .bg-img::before { opacity: 0; } #animated-blog-wrapper .intro-effect-fadeout .title { text-align: left; } #animated-blog-wrapper .intro-effect-fadeout.modify .header h1, #animated-blog-wrapper .intro-effect-fadeout .header p { color: #232628; } #animated-blog-wrapper .intro-effect-fadeout .header .blog-meta, #animated-blog-wrapper .intro-effect-fadeout .header p { opacity: 0; } #animated-blog-wrapper .intro-effect-fadeout .header p:nth-child(2) { transform: translateX(150px); } #animated-blog-wrapper .intro-effect-fadeout .header .blog-meta { transform: translateX(-150px); } #animated-blog-wrapper .intro-effect-fadeout.modify .header p:nth-child(2), #animated-blog-wrapper .intro-effect-fadeout.modify .header .blog-meta { opacity: 1; transform: translateX(0); } #animated-blog-wrapper #blog-animated-content { z-index: 1000; position: relative; } #animated-blog-wrapper #blog-animated-content.modify { margin-bottom: -130px; } #animated-blog-wrapper #blog-animated-content > div { opacity: 0; transform: translateY(350px); } #animated-blog-wrapper #blog-animated-content.modify > div { opacity: 1; transform: translateY(-160px); } /*3.4 Radio/Checkbox*/ /* General settings */ div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span { background-image: url("../../images/checks2x.png"); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } div.selector, div.checker, div.button, div.radio, div.uploader { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; /* Keeping this as :focus to remove browser styles */ } div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus { outline: 0; } div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * { margin: 0; padding: 0; } .highContrastDetect { background: url("../../images/bg-input.png") repeat-x 0 0; width: 0; height: 0; } /* Input & Textarea */ input.uniform-input, select.uniform-multiselect, textarea.uniform { padding: 3px; background: url("../../images/bg-input.png") repeat-x 0 0; outline: 0; } input.uniform-input, select.uniform-multiselect, textarea.uniform { background: url("../../images/bg-input-focus.png") repeat-x 0 0; } /* Remove default webkit and possible mozilla .search styles. * Keeping this as :active to remove browser styles */ div.checker input, input[type=search], input[type=search]:active { -moz-appearance: none; -webkit-appearance: none; } /* Select */ div.selector { background-position: 0 -130px; line-height: 26px; height: 26px; padding: 0 0 0 10px; position: relative; overflow: hidden; } div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background-position: right 0; height: 26px; line-height: 26px; padding-right: 25px; cursor: pointer; width: 100%; } div.selector.fixedWidth { width: 190px; } div.selector.fixedWidth span { width: 155px; } div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 22px; top: 2px; left: 0; width: 100%; } div.selector { background-position: 0 -156px; } div.selector span { background-position: right -26px; } div.selector, div.selector { background-position: 0 -182px; } div.selector span, div.selector span { background-position: right -52px; } div.selector, div.selector { background-position: 0 -208px; } div.selector span, div.selector span { background-position: right -78px; } div.selector.disabled, div.selector.disabled { background-position: 0 -234px; } div.selector.disabled span, div.selector.disabled span { background-position: right -104px; } /* Checkbox */ div.checker { position: relative; } div.checker, div.checker span, div.checker input { width: 16px; height: 16px; } div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 0; } div.checker span.checked { background-position: -16px 0; } div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; } /* Radio */ div.radio { position: relative; } div.radio, div.radio span, div.radio input { width: 18px; height: 18px; } div.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 10px; } div.radio span.checked { background-position: -72px 10px; } div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; } div.radio span { background-position: -18px 10px; } div.radio span.checked { background-position: -90px 10px; } div.radio span, div.radio span { background-position: -36px 10px; } div.radio span.checked, div.radio span.checked { background-position: -108px 10px; } div.radio span, div.radio span { background-position: -54px 10px; } div.radio span.checked, div.radio span.checked { background-position: -126px 10px; } div.radio.disabled span, div.radio.disabled span { background-position: -144px 10px; } div.radio.disabled span.checked, div.radio.disabled span.checked { background-position: -162px 10px; } /* Uploader */ div.uploader { background-position: 0 -8px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden; } div.uploader span.action { background-position: right -120px; height: 28px; line-height: 28px; width: 85px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; } div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 82px; padding: 0 10px; } div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; } div.uploader span.action { background-position: right -176px; } div.uploader, div.uploader { background-position: 0 -64px; } div.uploader span.action, div.uploader span.action { background-position: right -148px; } div.uploader span.action, div.uploader span.action { background-position: right -204px; } div.uploader.disabled, div.uploader.disabled { background-position: 0 -36px; } div.uploader.disabled span.action, div.uploader.disabled span.action { background-position: right -92px; } /* Buttons */ div.button { background-position: 0 -352px; height: 30px; cursor: pointer; position: relative; /* Keep buttons barely visible so they can get focus */ } div.button a, div.button button, div.button input { opacity: 0.01; filter: alpha(opacity=1); -moz-opacity: 0.01; display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; } div.button span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; line-height: 30px; text-align: center; background-position: right -232px; height: 30px; margin-left: 13px; padding: 0; } div.button { background-position: 0 -382px; } div.button span { background-position: right -262px; cursor: default; } div.button, div.button { background-position: 0 -412px; } div.button span, div.button span { background-position: right -292px; } div.button.disabled, div.button.disabled { background-position: 0 -442px; } div.button.disabled span, div.button.disabled span { background-position: right -322px; cursor: default; } .checker { position: relative; top: -1px; margin-right: 10px; } div.checker span { background-size: 32px; } div.radio { margin-right: 4px; } div.radio span, div.radio span { width: 16px; height: 16px; background-image: url("../../images/radio.png"); background-position: -16px 0; background-size: 32px; } div.radio span.checked, div.radio span.checked { background-position: 0 0; } #shipping_method li { position: relative; } #shipping_method li input[type=radio] { display: none; } #shipping_method li input[type=radio]:checked + label:before { background-position: 0 0; } #shipping_method li label { text-indent: 0; padding-left: 30px; } #shipping_method li label:before { content: ""; display: block; width: 16px; height: 16px; background-image: url("../../images/radio.png"); background-position: -16px 0; background-size: 32px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .stm-current-slider-labels { display: block; text-align: right; } .stm_dynamic_listing_filter .stm-current-slider-labels { display: block; margin: -4px 0 8px; text-align: right; font-size: 13px; color: #ffffff; } .stm-slider-filter-type-unit .pull-left { margin-bottom: 19px; } .stm-slider-filter-type-unit .row { margin-bottom: 16px; } @media (max-width: 1024px) { .stm-slider-filter-type-unit .row { display: flex; } } .stm-slider-filter-type-unit input[type=text] { padding: 0 11px; } .stm-filter-type-slider { margin-bottom: 19px; } /*Buttons added*/ .stm-car_dealer-buttons { margin-top: 11px; } .stm-car_dealer-buttons a { position: relative; display: block; padding: 0 60px 0 25px; margin-bottom: 11px; height: 49px; line-height: 49px; background-color: #f0f2f5; color: #232628; font-size: 13px; text-transform: uppercase; text-decoration: none !important; } .stm-car_dealer-buttons a:hover { background-color: #6c98e1; color: #fff; } .stm-car_dealer-buttons a:hover i { color: #fff; } .stm-car_dealer-buttons a i { position: absolute; right: 20px; top: 17px; font-size: 16px; color: #6c98e1; } .modal-header .stm-moto-icon-cash { margin-top: -2px; } #request-trade-in-offer .modal-dialog { width: 900px; } #request-trade-in-offer .modal-dialog .modal-body { padding: 30px; } .stm-similar-cars-units .stm-similar-car { text-decoration: none !important; display: block; padding-top: 25px; margin-top: 25px; border-top: 1px solid #d5d9e0; } .stm-similar-cars-units .stm-similar-car:first-child { padding-top: 0; margin-top: 0; border-top: 0; } .stm-similar-cars-units .stm-similar-car .image { float: left; margin-right: 14px; max-width: 75px; } .stm-similar-cars-units .stm-similar-car .right-unit { overflow: hidden; } .stm-similar-cars-units .stm-similar-car .right-unit .title { padding-right: 50px; margin: -2px 0 10px; font-size: 13px; font-weight: 700; line-height: 14px; color: #222; } .stm-similar-cars-units .stm-similar-car .right-unit .stm-dealer-name { min-height: 6px; margin-bottom: 2px; letter-spacing: -0.7px; color: #888; } .stm-similar-cars-units .stm-similar-car .right-unit .stm-price { float: left; margin-right: 10px; padding: 1px 10px 1px 5px; color: #fff; font-weight: 700; background-color: #6c98e1; } .stm-similar-cars-units .stm-similar-car .right-unit .stm-car-similar-meta { margin-top: 3px; color: #222; font-size: 13px; line-height: 18px; letter-spacing: -0.5px; } .stm-similar-cars-units .stm-similar-car .right-unit .stm-car-similar-meta i { position: relative; top: 2px; margin-right: 3px; font-size: 15px; color: #aaa; } .stm-border-bottom-unit { padding-bottom: 19px; margin-bottom: 25px; border-bottom: 4px solid #6c98e1; } .stm-border-bottom-unit .title { margin-top: 30px; font-size: 14px; text-transform: uppercase; font-weight: 700; } .bookly-form select { opacity: 1; visibility: visible; color: #333333; } .bookly-progress-tracker div { color: #ffffff; } .bookly-form .bookly-box { color: #ffffff !important; } .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box { color: #191919; } .stm-single-title-wrap h1 { margin-bottom: 0; } .stm-single-title-wrap span.normal_font { font-size: 11px; font-weight: 400; color: #ababab; } .stm-single-title-wrap span.normal_font i { font-size: 13px; } .stm-layout-header-service #top-bar { font-family: "Open Sans"; font-weight: normal; font-style: normal; color: #aaaaaa; font-size: 11px; text-transform: uppercase; line-height: normal; } .stm-layout-header-service #top-bar a { font-family: "Open Sans"; font-weight: normal; font-style: normal; color: #aaaaaa; font-size: 11px; } .stm-layout-header-service #top-bar .top_bar_menu { margin-left: 20px; } @media (max-width: 767px) { .stm-layout-header-service #top-bar .top_bar_menu { margin-left: 0; margin-top: 10px; } } .stm-layout-header-service #top-bar .top_bar_menu ul { list-style: none; padding: 0; margin-bottom: 0; } .stm-layout-header-service #top-bar .top_bar_menu ul li { display: inline-block; position: relative; margin-right: 25px; margin-bottom: 0; } .stm-layout-header-service #top-bar .top_bar_menu ul li:last-child { margin-right: 0; } .stm-layout-header-service #top-bar .top_bar_menu ul li:last-child:after { content: ""; display: none; } .stm-layout-header-service #top-bar .top_bar_menu ul li:after { content: ""; display: block; position: absolute; right: -13px; top: 4px; background-color: #aaa; width: 1px; height: 9px; } .stm-layout-header-service #top-bar .top-bar-wrapper { padding: 12px 0 9px; } .stm-layout-header-service #top-bar .top-bar-wrapper .pull-left .stm-multiple-currency-wrap { position: relative; margin-left: 20px; line-height: 13px; } .stm-layout-header-service #top-bar .top-bar-wrapper .pull-left .stm-multiple-currency-wrap .select2-container--default .select2-selection--single { background-color: transparent; height: auto; border: none; border-radius: 0; outline: none !important; } .stm-layout-header-service #top-bar .top-bar-wrapper .pull-left .stm-multiple-currency-wrap .select2-container--default .select2-selection--single .select2-selection__rendered { color: #aaaaaa; line-height: 14px; font-size: 11px; font-weight: 400; padding-left: 14px; padding-right: 40px; outline: none !important; } .stm-layout-header-service #top-bar .top-bar-wrapper .pull-left .stm-multiple-currency-wrap .select2-container--default .select2-selection--single .select2-selection__arrow { height: 14px; width: 19px; } .stm-layout-header-service #top-bar .language-switcher-unit { position: relative; } .stm-layout-header-service #top-bar .language-switcher-unit ul li a { color: #232628; } .stm-layout-header-service #top-bar .language-switcher-unit ul li:last-child { margin-bottom: 0; } .stm-layout-header-service #top-bar .language-switcher-unit .stm_current_language { text-transform: uppercase; } .stm-layout-header-service #top-bar .language-switcher-unit .stm_current_language i { position: relative; top: -2px; margin-left: 15px; vertical-align: middle; font-size: 16px; } .stm-layout-header-service #top-bar .language-switcher-unit:hover { cursor: pointer; } .stm-layout-header-service #top-bar .header-login-url { margin-left: 0; } .stm-layout-header-service #top-bar .header-login-url a { display: inline-block; vertical-align: top; text-decoration: none !important; } .stm-layout-header-service #top-bar .header-login-url a:hover { color: #fff; } .stm-layout-header-service #top-bar .header-login-url .fas { margin-right: 10px; font-size: 12px; } .stm-layout-header-service #top-bar .header-top-bar-socs { margin-left: 30px; } .stm-layout-header-service #top-bar .header-top-bar-socs ul { list-style: none; padding: 0; margin: 0; } .stm-layout-header-service #top-bar .header-top-bar-socs ul li { float: left; margin-right: 15px; margin-bottom: 0; } .stm-layout-header-service #top-bar .header-top-bar-socs ul li:first-child { margin-right: 14px; } .stm-layout-header-service #top-bar .header-top-bar-socs ul li a .fab { font-size: 14px; } .stm-layout-header-service #top-bar .header-top-bar-socs ul li a:hover { color: #fff; } .stm-layout-header-service #top-bar .header-top-bar-socs ul li:last-child { margin-right: 0; } .stm-layout-header-service #top-bar .top-bar-info { list-style: none; padding: 0; margin-bottom: 0; } .stm-layout-header-service #top-bar .top-bar-info li { float: right; margin-left: 30px; margin-bottom: 0; line-height: normal; } .stm-layout-header-service #top-bar .top-bar-info li:hover { color: #fff; } .stm-layout-header-service #top-bar .top-bar-info li .fancy-iframe { display: block; } .stm-layout-header-service #top-bar .top-bar-info li .fas { font-size: 14px; margin-right: 5px; } .stm-layout-header-service #top-bar .top-bar-info li .fas.fa-phone { position: relative; top: 1px; } .stm-layout-header-service #top-bar .top-bar-info li:last-child { margin-left: 0; } @media (max-width: 991px) { .stm-layout-header-service #top-bar .header-top-bar-socs { margin-left: 15px; } .stm-layout-header-service #top-bar .header-login-url { margin-left: 15px; } .stm-layout-header-service #top-bar .top-bar-info li { margin-left: 15px; } } @media (max-width: 750px) { .stm-layout-header-service .header-top-bar-socs { display: none; } } @media (max-width: 610px) { .stm-layout-header-service #top-bar .top-bar-wrapper { display: flex; flex-wrap: wrap; } .stm-layout-header-service #top-bar .top-bar-wrapper .top-bar-info-wrap { width: 100%; } .stm-layout-header-service .top-bar-info .fancy-iframe { display: none !important; } .stm-layout-header-service #top-bar .top-bar-wrapper .pull-left, .stm-layout-header-service #top-bar .top-bar-wrapper .pull-right { float: none !important; } .stm-layout-header-service #top-bar .top-bar-wrapper .pull-left .stm_current_language { display: block; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-right: 10px; } .stm-layout-header-service #top-bar .top-bar-wrapper .pull-left .stm-multiple-currency-wrap { max-width: 180px; margin-left: 0; } .stm-layout-header-service #top-bar .top-bar-wrapper .pull-left .stm-multiple-currency-wrap .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 0; } .stm-layout-header-service .top-bar-info { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin-top: 10px; } .stm-layout-header-service .top-bar-info li { margin: 0 0 8px !important; } .stm-layout-header-service .top-bar-info li .fas.fa-phone { font-size: 12px !important; } .stm-layout-header-service .top-bar-info .fancy-iframe { display: block !important; } } @media (max-width: 375px) { .stm-layout-header-service #top-bar .top-bar-wrapper .pull-left { margin-bottom: 5px; } .stm-layout-header-service #top-bar .top-bar-wrapper .pull-left .stm-multiple-currency-wrap { margin-left: 0; } .stm-layout-header-service #top-bar .top-bar-wrapper .pull-left .stm-multiple-currency-wrap .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 0; } .stm-layout-header-service #top-bar .top-bar-wrapper .pull-left, .stm-layout-header-service #top-bar .top-bar-wrapper .pull-right { clear: both; } .stm-layout-header-service body #wrapper #header .header-listing .listing-menu-mobile-wrapper .stm-opened-menu-listing .top-bar-wrapper .currency-switcher { float: none !important; } } .stm-layout-header-service .header-main { position: relative; padding: 28px 0 25px; line-height: 14px; } @media (max-width: 768px) { .stm-layout-header-service .header-main { padding: 7px 0 11px; } } .stm-layout-header-service .header-main .blogname h1 { display: inline-block; } .stm-layout-header-service .header-main .mobile-contacts-trigger { padding: 9px 15px 5px; float: right; } .stm-layout-header-service .header-main .mobile-contacts-trigger:hover { cursor: pointer; } .stm-layout-header-service .header-main .mobile-contacts-trigger i { color: #cc6119; font-size: 18px; } .stm-layout-header-service .header-main .mobile-contacts-trigger i.stm-icon-phone-o { font-size: 20px; margin-top: 2px; } .stm-layout-header-service .header-main .mobile-contacts-trigger i.stm-icon-close-times { display: none; font-size: 13px; } .stm-layout-header-service .header-main .mobile-contacts-trigger.open { background: #2f3234; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 11px 15px 25px; margin-top: 5px; position: absolute; top: 0; right: 60px; z-index: 20; } .stm-layout-header-service .header-main .mobile-contacts-trigger.open i.stm-icon-phone-o { display: none; } .stm-layout-header-service .header-main .mobile-contacts-trigger.open i.stm-icon-close-times { display: block; } @media (max-width: 991px) and (min-width: 768px) { .stm-layout-header-service .header-main .logo-main { margin-bottom: 10px !important; } } .stm-layout-header-service .header-main .top-info-wrap { position: relative; } .stm-layout-header-service .header-main .header-top-info { position: absolute; background: #2f3234; padding: 15px; width: 100%; border-radius: 10px; top: 0px; right: 0; left: 0; display: none; z-index: 20; } @media (max-width: 767px) { .stm-layout-header-service .header-main .header-top-info { top: 50px; } } .stm-layout-header-service .header-main .header-top-info.open { display: block; } @media (min-width: 576px) { .stm-layout-header-service .header-main .header-top-info { max-width: -moz-fit-content; max-width: fit-content; right: 17px; left: unset; } } @media (min-width: 992px) { .stm-layout-header-service .header-main .header-top-info { position: initial; float: right; background: transparent; display: block; } } .stm-layout-header-service .header-main .header-main-socs { margin-left: 46px; } .stm-layout-header-service .header-main .header-main-socs ul { list-style: none; padding: 0; margin: 0; } .stm-layout-header-service .header-main .header-main-socs ul:after { display: table; content: ""; clear: both; } .stm-layout-header-service .header-main .header-main-socs ul li { display: block; float: left; margin-left: 15px; margin-bottom: 0; } .stm-layout-header-service .header-main .header-main-socs ul li:first-child { margin-left: 0; } .stm-layout-header-service .header-main .header-main-socs ul li a { display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; background-color: #2f3234; color: #fff; text-indent: 1px; } .stm-layout-header-service .header-main .header-main-socs ul li a i { font-size: 14px; } .stm-layout-header-service .header-main .header-main-socs ul li a:hover { background-color: #6c98e1; } .stm-layout-header-service .header-main .header-main-socs ul li.facebook a { text-indent: 0; } .stm-layout-header-service .header-main .header-secondary-phone { margin-left: 39px; } .stm-layout-header-service .header-main .header-secondary-phone a { color: #ffffff; text-decoration: none; } .stm-layout-header-service .header-main .header-secondary-phone .phone { margin-bottom: 3px; vertical-align: bottom; } .stm-layout-header-service .header-main .header-secondary-phone .phone .phone-label { margin-bottom: 1px; margin-right: 2px; color: #cc6119; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .stm-layout-header-service .header-main .header-secondary-phone .phone .phone-number { color: #fff; font-size: 14px; line-height: 18px; font-weight: 700; } .stm-layout-header-service .header-main .header-main-phone { position: relative; padding-left: 41px; margin-left: 30px; } .stm-layout-header-service .header-main .header-main-phone a { color: #ffffff; text-decoration: none; } .stm-layout-header-service .header-main .header-main-phone i { position: absolute; top: 0; left: 0; color: #cc6119; font-size: 33px; } .stm-layout-header-service .header-main .header-main-phone .phone { margin-top: 1px; } .stm-layout-header-service .header-main .header-main-phone .phone .phone-label { margin-right: 2px; color: #cc6119; font-size: 11px; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 1px; max-width: 150px; } @media (min-width: 992px) { .stm-layout-header-service .header-main .header-main-phone .phone .phone-label { max-width: unset; } } .stm-layout-header-service .header-main .header-main-phone .phone .phone-number { color: #fff; font-size: 18px; line-height: 18px; font-weight: 700; letter-spacing: 0.5px; } .stm-layout-header-service .header-main .header-address { position: relative; padding-left: 42px; max-width: 248px; } .stm-layout-header-service .header-main .header-address i { position: absolute; top: 0; left: 0; font-size: 34px; color: #cc6119; } .stm-layout-header-service .header-main .header-address .address .heading-font { color: #fff; font-size: 12px; line-height: 18px; text-transform: uppercase; } .stm-layout-header-service .header-main .header-address .address .fancy-iframe { position: relative; top: -1px; margin-left: 3px; color: #cc6119; font-size: 11px; font-weight: 700; text-transform: uppercase; border-bottom: 1px dashed #cc6119; } .stm-layout-header-service .header-main .header-address .address .fancy-iframe:hover { color: #6c98e1; border-bottom-color: #6c98e1; } .stm-layout-header-service .header-nav { margin-bottom: 15px; background: #fff; z-index: 15; } .stm-layout-header-service .header-nav.header-nav-default { background-color: var(--hma_background_color); margin-bottom: 0; /*Default header fixed*/ } .stm-layout-header-service .header-nav.header-nav-default.header-nav-fixed.header-nav-sticky { position: fixed; top: 0; left: 0; right: 0; background-color: var(--hma_background_color); transform: translateZ(0); -webkit-transform: translateZ(0); z-index: 100; } .stm-layout-header-service .header-nav.header-nav-transparent { position: absolute; top: 100%; left: 0; right: 0; background: rgba(234, 237, 240, 0.8); box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); /*Transparent header fixed*/ } .stm-layout-header-service .header-nav.header-nav-transparent.header-nav-fixed.header-nav-sticky { position: fixed; top: 0; left: 0; right: 0; background-color: #eaedf0; transform: translateZ(0); -webkit-transform: translateZ(0); z-index: 100; } .stm-layout-header-service .header-nav:after { display: table; content: ""; clear: both; } .stm-layout-header-service .main-menu { float: left; } .stm-layout-header-service .main-menu .header-menu { padding: 0; margin: 0; margin-left: -21px; list-style: none; } .stm-layout-header-service .main-menu .header-menu > li { position: relative; float: left; margin-bottom: 0; background-color: var(--hma_item_bg_color); } .stm-layout-header-service .main-menu .header-menu > li.menu-item-has-children > a:after { position: absolute; display: block; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, -50%); top: 50%; right: 7px; font-size: 12px; content: "\f107"; } .stm-layout-header-service .main-menu .header-menu > li:first-child { margin-left: 0; } .stm-layout-header-service .main-menu .header-menu > li.current-menu-item:first-child, .stm-layout-header-service .main-menu .header-menu > li.current_page_item:first-child { margin-left: 21px; } .stm-layout-header-service .main-menu .header-menu > li.current-menu-item > a, .stm-layout-header-service .main-menu .header-menu > li.current_page_item > a { background-color: var(--hma_hover_bg_color); color: #fff !important; } .stm-layout-header-service .main-menu .header-menu > li:hover { background-color: var(--hma_hover_bg_color); color: var(--hma_hover_text_color); } .stm-layout-header-service .main-menu .header-menu > li:hover > ul { visibility: visible; top: 100%; opacity: 1; } .stm-layout-header-service .main-menu .header-menu > li:not(.stm_megamenu) > ul li:hover { background-color: var(--hma_hover_bg_color); color: #fff; } .stm-layout-header-service .main-menu .header-menu > li > a { display: block; position: relative; min-height: 52px; padding: 0 21px; line-height: 52px; text-transform: uppercase; text-decoration: none !important; } .stm-layout-header-service .main-menu .header-menu > li .main-menu .header-menu { visibility: visible; left: 100%; opacity: 1; } .stm-layout-header-service .main-menu .header-menu > li > ul li > ul, .stm-layout-header-service .main-menu .header-menu > li > ul li > ul li > ul, .stm-layout-header-service .main-menu .header-menu > li > ul li > ul li > ul li > ul, .stm-layout-header-service .main-menu .header-menu > li > ul li > ul li > ul li > ul li > ul { visibility: hidden; opacity: 0; padding: 0; list-style: none; position: absolute; width: 250px; top: 0; left: 105%; background-color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); z-index: -1; } .stm-layout-header-service .main-menu .header-menu > li > ul { visibility: hidden; opacity: 0; padding: 0; list-style: none; position: absolute; width: 250px; top: 105%; left: 0; background-color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); z-index: 10; } .stm-layout-header-service .main-menu .header-menu > li > ul li { position: relative; margin-bottom: 0; margin-left: 0 !important; } .stm-layout-header-service .main-menu .header-menu > li > ul li.menu-item-has-children > a:after { position: absolute; display: block; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, -50%); top: 50%; right: 20px; font-size: 14px; content: "\f105"; } .stm-layout-header-service .main-menu .header-menu > li > ul li a { position: relative; display: block; padding: 12px 30px 12px 34px; text-decoration: none !important; font-weight: 400; } .stm-layout-header-service .main-menu .header-menu > li > ul li > ul li > ul li:hover > ul, .stm-layout-header-service .main-menu .header-menu > li > ul li > ul li:hover > ul, .stm-layout-header-service .main-menu .header-menu > li > ul li:hover > ul { visibility: visible; left: 100%; opacity: 1; } .stm-layout-header-service .header-help-bar { float: right; margin-left: 15px; } .stm-layout-header-service .header-help-bar > ul { margin: 0; padding: 0; list-style: none; } .stm-layout-header-service .header-help-bar > ul:after { display: table; content: ""; clear: both; } .stm-layout-header-service .header-help-bar > ul li { display: block; float: left; margin-bottom: 0; } .stm-layout-header-service .header-help-bar > ul li.help-bar-shop { padding-right: 15px; } .stm-layout-header-service .header-help-bar > ul li.nav-search > a { padding: 0; } .stm-layout-header-service .header-help-bar > ul li:first-child { margin-left: 0; } .stm-layout-header-service .header-help-bar > ul li.mobile-search { display: none; visibility: hidden; } .stm-layout-header-service .header-help-bar > ul li a { padding: 0 13px; display: block; position: relative; text-decoration: none !important; transition: all 0.2s ease-in-out; } .stm-layout-header-service .header-help-bar > ul li a:hover { background-color: #f7f8f9; } .stm-layout-header-service .header-help-bar > ul li a .list-label { position: relative; top: 1px; margin-right: 4px; text-transform: uppercase; color: #232628; font-size: 11px; line-height: 52px; font-weight: 700; transition: all 0.2s ease-in-out; } .stm-layout-header-service .header-help-bar > ul li a .list-icon { position: relative; top: -1px; vertical-align: middle; color: #232628; font-size: 24px; transition: all 0.2s ease-in-out; } .stm-layout-header-service .header-help-bar > ul li a .list-badge { position: absolute; top: 7px; right: 2px; min-width: 18px; font-weight: 700; font-size: 11px; color: #fff; background-color: #6c98e1; padding: 0 2px; line-height: 18px; border-radius: 50%; text-align: center; box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.14); } .stm-layout-header-service .header-help-bar > ul li.help-bar-compare .list-label { margin-right: 3px; } .stm-layout-header-service .header-help-bar > ul li.help-bar-live-chat .list-icon { top: 0; font-size: 26px; } .stm-layout-header-service .header-help-bar > ul li.nav-search { margin-left: 13px; } .stm-layout-header-service .header-help-bar > ul li.nav-search > a { display: block; margin-top: 8px; height: 35px; width: 35px; text-align: center; line-height: 35px; border: 2px solid #fff; border-radius: 50%; color: #232628; text-indent: 1px; font-size: 13px; } .stm-layout-header-service .header-help-bar > ul li.nav-search > a i { position: relative; top: -1px; } .stm-layout-header-service .header-help-bar > ul li.nav-search > a:hover { background-color: #6c98e1; border-color: #6c98e1; color: #fff; } .stm-layout-header-service .help-bar-live-chat { display: none !important; } .stm-layout-header-service .header-help-bar-trigger { display: none; float: right; margin-top: 10px; height: 32px; width: 32px; line-height: 30px; text-align: center; border: 1px solid #aaa; border-radius: 4px; font-size: 12px; color: #232628; } .stm-layout-header-service .header-help-bar-trigger.active i { transform: rotate(180deg); } .stm-layout-header-service .mobile-menu-trigger { position: absolute; top: 4px; right: 0; width: 32px; height: 32px; padding: 5px 3px; z-index: 20; } .stm-layout-header-service .mobile-menu-trigger span { display: block; height: 3px; background: #cc6119; border-radius: 3px; width: 100%; } .stm-layout-header-service .mobile-menu-trigger span:nth-child(2) { margin-top: 5px; } .stm-layout-header-service .mobile-menu-trigger span:nth-child(3) { margin-top: 5px; } .stm-layout-header-service .mobile-menu-holder { display: none; margin: 0 -15px 25px; padding: 0 15px; } .stm-layout-header-service .mobile-menu-holder .header-menu { margin: 0 -15px; padding: 10px 15px; background-color: #eaedf0; list-style: none; } .stm-layout-header-service .mobile-menu-holder .header-menu > li .arrow { position: absolute; top: 0; right: 0; height: 34px; line-height: 34px; width: 50px; font-size: 22px; text-align: right; } .stm-layout-header-service .mobile-menu-holder .header-menu > li .arrow.active i { transform: rotate(90deg); } .stm-layout-header-service .mobile-menu-holder .header-menu > li .sub-menu { display: none; list-style: disc; } .stm-layout-header-service .mobile-menu-holder .header-menu > li .sub-menu > li > .sub-menu > li:last-child { margin-bottom: 0; } .stm-layout-header-service .mobile-menu-holder .header-menu > li.opened > a { color: #cc6119; } .stm-layout-header-service .mobile-menu-holder .header-menu li { position: relative; } .stm-layout-header-service .mobile-menu-holder .header-menu li a { position: relative; display: block; padding: 10px 0; padding-right: 60px; color: #232628; text-transform: uppercase; text-decoration: none !important; } .stm-layout-header-service .mobile-menu-holder .header-menu li:last-child { margin-bottom: 0; } body.post-type-archive-listings.stm-template-car_dealer .classic-filter-row { margin-top: 0; } body.post-type-archive-listings .car-listing-actions { position: relative; height: 46px; } body.post-type-archive-listings .car-listing-actions.all-done { height: 0; padding: 0; } body.post-type-archive-listings .stm-car-listing-sort-units { margin-top: 4px; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #ddd; } body.post-type-archive-listings .stm-car-listing-sort-units .stm-directory-listing-top__right { margin-top: 0; } body.post-type-archive-listings .stm-car-listing-sort-units .stm-sort-by-options { float: right; } @media (max-width: 1024px) { body.post-type-archive-listings .stm-car-listing-sort-units .stm-sort-by-options { float: left; } } body.post-type-archive-listings .stm-car-listing-sort-units .stm-sort-by-options > span { float: left; margin-top: 7px; margin-right: 9px; text-transform: uppercase; font-size: 12px; color: #888; } @media (max-width: 1024px) { body.post-type-archive-listings .stm-car-listing-sort-units .stm-sort-by-options > span { display: none; } } body.post-type-archive-listings .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting { float: left; } body.post-type-archive-listings .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting .select2-container--default .select2-selection--single { height: 32px; } body.post-type-archive-listings .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting .select2-container--default .select2-selection--single .select2-selection__rendered { height: 32px; line-height: 32px; } body.post-type-archive-listings .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting .select2-container--default .select2-selection--single .select2-selection__arrow { height: 32px; } body.post-type-archive-listings .stm-car-listing-sort-units .stm-view-by { float: right; } body.post-type-archive-listings .stm-car-listing-sort-units .stm-view-by:after { display: table; content: ""; clear: both; } body.post-type-archive-listings .stm-car-listing-sort-units .stm-view-by .view-type { display: block; float: left; color: #8f8f8f; margin-left: 10px; width: 32px; height: 32px; line-height: 34px; text-align: center; text-decoration: none !important; } body.post-type-archive-listings .stm-car-listing-sort-units .stm-view-by .view-type:hover { color: #6c98e1; cursor: pointer; } body.post-type-archive-listings .stm-car-listing-sort-units .stm-view-by .view-type:first-child { margin-left: 0; } body.post-type-archive-listings .stm-car-listing-sort-units .stm-view-by .view-type.view-list { font-size: 12px; } body.post-type-archive-listings .stm-car-listing-sort-units .stm-view-by .view-type.view-grid { text-indent: 2px; font-size: 16px; } body.post-type-archive-listings .stm-car-listing-sort-units .stm-view-by .view-type.active { background-color: #f0f2f5; color: #8f8f8f; } body.post-type-archive-listings .stm-car-listing-sort-units .stm-view-by .view-type.active:hover { color: #6c98e1; } body.post-type-archive-listings .classic-filter-row { position: relative; z-index: 48; } body.post-type-archive-listings .classic-filter-row input[type=text], body.post-type-archive-listings .classic-filter-row input[type=search] { height: 40px; line-height: 40px; } body.post-type-archive-listings .classic-filter-row .form-group { margin-bottom: 16px; } body.post-type-archive-listings .classic-filter-row .filter-price { margin: 7px 0 31px; } body.post-type-archive-listings .classic-filter-row .filter-price h5 { margin-bottom: 19px; } body.post-type-archive-listings .classic-filter-row .select2-container--default .select2-selection--single, body.post-type-archive-listings .classic-filter-row .select2-container--default .select2-selection--single .select2-selection__rendered { height: 40px; line-height: 40px; } body.post-type-archive-listings .classic-filter-row .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } body.post-type-archive-listings .classic-filter-row .filter-sidebar { padding: 0 22px 30px; background-color: #fff; box-shadow: 0 5px 18px rgba(0, 0, 0, 0.18); } body.post-type-archive-listings .classic-filter-row .sidebar-entry-header { position: relative; min-height: 40px; padding: 26px 22px 21px 76px; margin: 0 -22px; background-color: #232628; } body.post-type-archive-listings .classic-filter-row .sidebar-entry-header i { position: absolute; top: 32px; left: 21px; font-size: 29px; color: #fff; } body.post-type-archive-listings .classic-filter-row .sidebar-entry-header .h4 { display: block; padding-top: 10px; color: #fff; font-weight: 700; letter-spacing: -0.3px; } body.post-type-archive-listings .classic-filter-row .stm-inventory-sidebar { margin-top: 25px; } body.post-type-archive-listings .classic-filter-row .stm-accordion-single-unit.price .stm-accordion-content { padding: 30px 25px; } body.post-type-archive-listings .classic-filter-row .stm-accordion-single-unit.price .stm-accordion-content-wrapper .col-md-6 input[type=text] { padding: 0 10px; } body.post-type-archive-listings .car-listing-row .col-md-3 { margin-bottom: 40px; } body.post-type-archive-listings .car-listing-row .listing-car-item-meta { padding-top: 17px; } body.post-type-archive-listings .car-listing-row .listing-car-item-meta .car-title { color: #232628; overflow: hidden; text-transform: uppercase; font-size: 14px; line-height: 18px; font-weight: 700; } body.post-type-archive-listings .car-listing-row .listing-car-item-meta .car-title .colored { color: #cc6119; } body.post-type-archive-listings .car-listing-row .listing-car-item-meta .price { position: relative; float: right; padding: 6px 10px 4px 4px; margin-left: 18px; background-color: #6c98e1; text-align: right; } body.post-type-archive-listings .car-listing-row .listing-car-item-meta .price:before { position: absolute; content: ""; display: block; top: 0; left: -12px; height: 100%; width: 32px; background-color: #6c98e1; transform: skew(-14deg, 0deg); z-index: 5; } body.post-type-archive-listings .car-listing-row .listing-car-item-meta .price.discounted-price { padding: 1px 10px 2px 4px; } body.post-type-archive-listings .car-listing-row .listing-car-item-meta .price.discounted-price .sale-price { line-height: 16px; } body.post-type-archive-listings .car-listing-row .listing-car-item-meta .price .regular-price, body.post-type-archive-listings .car-listing-row .listing-car-item-meta .price .sale-price, body.post-type-archive-listings .car-listing-row .listing-car-item-meta .price .normal-price { position: relative; z-index: 6; } body.post-type-archive-listings .car-listing-row .listing-car-item-meta .price .regular-price { font-size: 13px; line-height: normal; text-decoration: line-through; } body.post-type-archive-listings .car-listing-row .listing-car-item-meta .price .normal-price, body.post-type-archive-listings .car-listing-row .listing-car-item-meta .price .sale-price { color: #fff; font-size: 14px; line-height: 20px; } body.post-type-archive-listings .car-listing-row .listing-car-item-meta .price .normal-price { line-height: 25px; } body.post-type-archive-listings .car-listing-row .car-meta-top { padding-bottom: 17px; border-bottom: 1px solid #ccc; } body.post-type-archive-listings .car-listing-row .car-meta-bottom ul { list-style: none; padding: 0; margin: 0; } body.post-type-archive-listings .car-listing-row .car-meta-bottom ul li { display: inline-block; margin-top: 4px; margin-bottom: 0; margin-right: 14px; color: #888; vertical-align: middle; } body.post-type-archive-listings .car-listing-row .car-meta-bottom ul li i { margin-right: -1px; font-size: 13px; color: #aaaaaa; vertical-align: middle; } body.post-type-archive-listings .car-listing-row .car-meta-bottom ul li i.stm-icon-road { position: relative; top: 1px; } body.post-type-archive-listings .car-listing-row .car-meta-bottom ul li i.stm-icon-transmission { position: relative; top: 1px; } body.post-type-archive-listings .car-listing-row .car-meta-bottom ul li span { position: relative; top: 1px; vertical-align: top; margin-left: 2px; font-size: 13px; } body.post-type-archive-listings .car-listing-row .car-meta-bottom ul li .special-text { margin-bottom: 2px; text-transform: uppercase; } body.post-type-archive-listings .car-listing-row .car-meta-bottom ul li:last-child { margin-right: 0; } body.post-type-archive-listings .found-cars-cloned { position: absolute; top: 50%; right: 0; margin-top: -13px; } body.post-type-archive-listings .found-cars, body.post-type-archive-listings .found-cars.heading-font { display: inline-block; position: relative; padding-left: 30px; font-size: 13px; line-height: 26px; text-transform: uppercase; font-weight: 400; color: #aaaaaa !important; } body.post-type-archive-listings .found-cars i { position: absolute; content: ""; display: block; font-size: 23px; left: 0; top: 0; } body.post-type-archive-listings .found-cars .blue-lt { color: #6c98e1; font-weight: 700; } body.post-type-archive-listings .found-cars-clone { display: none; visibility: hidden; opacity: 0; } body.post-type-archive-listings .tab-search-title { position: relative; padding-left: 71px; margin-bottom: 36px; min-height: 35px; font-size: 30px; color: #232628; font-weight: 700; } body.post-type-archive-listings .tab-search-title i { position: absolute; left: 0; top: -7px; font-size: 34px; } body.post-type-archive-listings #car-listing-tab-search { padding-top: 20px; } body.post-type-archive-listings .reset-all:hover { cursor: pointer; } body.post-type-archive-listings .reset-all.reset-styled { display: block; border: 2px solid #ddd; border-radius: 3px; color: #ddd; text-align: center; line-height: 44px; font-size: 22px; text-decoration: none !important; } body.post-type-archive-listings .reset-all.reset-styled:hover { color: #6c98e1; border-color: #6c98e1; } body.post-type-archive-listings .reset-all.reset-styled:focus { color: #6c98e1; border-color: #6c98e1; } body.post-type-archive-listings .reset-all.reset-styled:active { color: #6c98e1; border-color: #6c98e1; } body.post-type-archive-listings .search-call-to-action { margin-top: 36px; } body.stm-template-car_dealer .stm-loading, body.stm-template-car_dealer_elementor .stm-loading { opacity: 1; } body.stm-template-car_dealer .stm-form-4-videos .step_number, body.stm-template-car_dealer_elementor .stm-form-4-videos .step_number { right: 15px; top: 45px; } body.stm-template-car_dealer .archive-listing-page, body.stm-template-car_dealer_elementor .archive-listing-page { margin: 30px 0 46px 0; } body.stm-template-car_dealer .stm-thumbs-car-gallery .owl-item.current, body.stm-template-car_dealer_elementor .stm-thumbs-car-gallery .owl-item.current { border-color: transparent; } body.stm-template-car_dealer .wpb_wrapper .archive-listing-page > .container { padding: 0; } @media (max-width: 1024px) { #main > .container { position: relative; z-index: 10; } } /*Additional videos on car dealer*/ .stm-template-car_dealer .stm-car-carousels .stm-car-medias, .stm-template-car_dealer_elementor .stm-car-carousels .stm-car-medias { position: absolute; top: 16px; right: 16px; z-index: 20; } .stm-template-car_dealer .stm-car-carousels .stm-car-medias > div, .stm-template-car_dealer_elementor .stm-car-carousels .stm-car-medias > div { display: inline-block; margin-right: 9px; padding: 4px 15px 2px 10px; border-radius: 2px; background: rgba(0, 0, 0, 0.3); transition: all 0.3s ease; color: #fff; font-size: 11px; line-height: 22px; font-weight: 600; } .stm-template-car_dealer .stm-car-carousels .stm-car-medias > div i, .stm-template-car_dealer_elementor .stm-car-carousels .stm-car-medias > div i { font-size: 12px; margin-right: 2px; } .stm-template-car_dealer .stm-car-carousels .stm-car-medias > div span, .stm-template-car_dealer_elementor .stm-car-carousels .stm-car-medias > div span { position: relative; top: -1px; text-transform: uppercase; } .stm-template-car_dealer .stm-car-carousels .stm-car-medias > div:hover, .stm-template-car_dealer_elementor .stm-car-carousels .stm-car-medias > div:hover { cursor: pointer; background: rgba(0, 0, 0, 0.6); } .stm-template-car_dealer .stm-car-carousels .stm-car-medias > div.stm-listing-videos-unit i, .stm-template-car_dealer_elementor .stm-car-carousels .stm-car-medias > div.stm-listing-videos-unit i { position: relative; top: -1px; left: 1px; margin-right: 3px; } /*Hide compare*/ body.stm-template-car_dealer.header_remove_compare .stm_compare_mobile, body.stm-template-car_dealer.header_remove_compare .help-bar-compare { display: none; } /*Hide shop*/ body.stm-template-car_dealer.header_remove_cart .stm_cart_mobile, body.stm-template-car_dealer.header_remove_cart .help-bar-shop { display: none; } .stm-template-car_dealer .stm-listing-directory-checkboxes .stm-accordion-content .stm-accordion-content-padded, .stm-template-car_dealer_elementor .stm-listing-directory-checkboxes .stm-accordion-content .stm-accordion-content-padded { display: block; overflow: hidden; padding: 0 25px 30px; } .stm-template-car_dealer .stm-listing-directory-checkboxes .stm-accordion-content .stm-accordion-content-padded .stm-option-label .checker, .stm-template-car_dealer_elementor .stm-listing-directory-checkboxes .stm-accordion-content .stm-accordion-content-padded .stm-option-label .checker { margin-right: 5px !important; margin-top: 3px; } .stm-template-car_dealer .stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label .stm-option-image, .stm-template-car_dealer_elementor .stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label .stm-option-image { max-width: 130px; margin-bottom: 5px; } .stm-template-car_dealer .stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content .stm-accordion-content-padded .stm-option-label, .stm-template-car_dealer_elementor .stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content .stm-accordion-content-padded .stm-option-label { width: 50%; display: flex; float: left; margin-bottom: 20px; } .stm-template-car_dealer .stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content .stm-accordion-content-padded .stm-option-label:nth-child(odd), .stm-template-car_dealer_elementor .stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content .stm-accordion-content-padded .stm-option-label:nth-child(odd) { padding: 0 3px 0 0; } .stm-template-car_dealer .stm-listing-directory-checkboxes.stm-one_col .stm-accordion-content-wrapper .stm-option-label .stm-option-image, .stm-template-car_dealer_elementor .stm-listing-directory-checkboxes.stm-one_col .stm-accordion-content-wrapper .stm-option-label .stm-option-image { max-width: 130px; margin-bottom: 5px; } .stm-template-car_dealer .stm-listing-directory-checkboxes.stm-one_col .stm-accordion-content .stm-accordion-content-padded .stm-option-label, .stm-template-car_dealer_elementor .stm-listing-directory-checkboxes.stm-one_col .stm-accordion-content .stm-accordion-content-padded .stm-option-label { width: 100%; display: block; padding: 0 15px; float: left; margin-bottom: 25px; } .stm-template-car_dealer .woocommerce-cart-form__cart-item .quantity input[type=number], .stm-template-car_dealer_elementor .woocommerce-cart-form__cart-item .quantity input[type=number] { padding: 0 0 3px; text-align: center !important; } .widget_car_location #stm-dealer-gmap { width: 100%; height: 253px; } .gm-style .gm-style-mtc button { color: #555555 !important; } .gm-style-mtc > ul > div > span { line-height: 18px; } .stm-shareble { position: relative; transition: all 0.1s ease-in; } .stm-shareble:hover .stm-a2a-popup { display: block; } .stm-shareble .stm-a2a-popup { display: none; opacity: 0; position: absolute; top: 0; left: 0; z-index: -1; padding: 0 0 4px; } .stm-shareble .stm-a2a-popup.stm-a2a-popup-active { top: -160%; opacity: 1; z-index: 30; } @media (max-width: 767px) { .stm-shareble .stm-a2a-popup.stm-a2a-popup-active { left: 50%; transform: translateX(-50%); top: -50px; } } @media (min-width: 768px) and (max-width: 1024px) { .stm-shareble .stm-a2a-popup.stm-a2a-popup-active { left: 50%; transform: translateX(-50%); right: unset; } } .stm-shareble .stm-a2a-popup .addtoany_shortcode { background: #ffffff; padding: 5px 5px 1px; border-radius: 3px; border: 1px solid #dddddd; } .stm-shareble .stm-a2a-popup .addtoany_shortcode .a2a_kit { display: flex; flex-direction: row; flex-wrap: nowrap; } .stm-shareble .stm-a2a-popup .addtoany_shortcode .a2a_kit a { margin-right: 5px; margin-bottom: 5px; } @media (max-width: 767px) { .stm-shareble .stm-a2a-popup .addtoany_shortcode .a2a_kit a { padding: 0; } } .stm-shareble .stm-a2a-popup .addtoany_shortcode .a2a_kit a .a2a_svg { display: block; } .blog-meta-bottom .stm-shareble .stm-a2a-popup.stm-a2a-popup-active { top: 106%; } .border-btn { border: 2px solid #22b7d2; background-color: transparent !important; box-shadow: none !important; } .stm-filter-tab-selects .row:before, .stm-filter-tab-selects .row:after { display: none !important; } .car-listing-modern-grid .image .stm-listing-compare { position: absolute; right: 7px; bottom: 7px; padding: 3px 5px; background: rgba(0, 0, 0, 0.3); color: #fff; font-size: 14px; border-radius: 2px; opacity: 0; z-index: 20; } .car-listing-modern-grid .image .stm-listing-compare:hover { cursor: pointer; } .car-listing-modern-grid .image .stm-listing-compare.active { background: linear-gradient(180deg, #6c98e1 0%, #232628 100%); opacity: 1; } .car-listing-modern-grid .image:hover .stm-listing-compare { opacity: 1; } .stm-listing-with-rating-wrap { display: flex; flex-direction: row; flex-wrap: wrap; margin: 27px -15px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop { width: 25%; padding: 0 15px; margin-top: 30px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-top .title { margin-bottom: 19px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-top .title a { display: block; font-weight: 700; text-decoration: none; font-size: 16px; min-height: 44px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .image { display: block; width: 100%; position: relative; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .image .stm_compare_unit { display: none; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .image a .image-inner { display: block; overflow: hidden; position: relative; margin-bottom: 25px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .image a .image-inner:before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; z-index: 1; opacity: 0; transition: all 0.2s ease-in; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .image a .image-inner img { display: block; width: 100%; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .image a .image-inner .fa-round { display: flex; overflow: hidden; width: 57px; height: 57px; align-items: center; justify-content: center; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); opacity: 0; transition: all 0.2s ease-in; z-index: 2; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .image a .image-inner .fa-round .fa-share { color: #ffffff; font-size: 18px; margin-top: 3px; left: 4px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .image a:hover .image-inner:before { opacity: 1; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .image a:hover .image-inner .fa-round { opacity: 1; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .image .stm-listing-compare { position: absolute; right: 7px; bottom: 7px; padding: 3px 5px; background: rgba(0, 0, 0, 0.3); color: #fff; font-size: 14px; border-radius: 2px; opacity: 0; z-index: 20; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .image .stm-listing-compare:hover { cursor: pointer; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .image .stm-listing-compare.active { opacity: 1; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .image:hover .stm-listing-compare { opacity: 1; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; margin-bottom: 22px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info.middle-rating { margin-bottom: 13px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .car_info .starting-at { line-height: 19px; font-size: 12px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .car_info .price { font-size: 16px; font-weight: 700; letter-spacing: -0.5px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .car_info .mpg { font-size: 12px; line-height: 20px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .no-review { width: 100px; font-style: italic; font-size: 13px; opacity: 0.5; text-align: right; line-height: 17px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; padding: 10px 10px 0 4px; position: relative; top: -9px; right: -10px; z-index: 1; border-radius: 0; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating:hover .rating-details-popup { visibility: visible; opacity: 1; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-stars { display: block; overflow: hidden; width: 77px; position: relative; margin-bottom: 5px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-stars .rating-empty { display: block; position: relative; overflow: hidden; width: 100%; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-stars .rating-empty:before { content: "\e900\e900\e900\e900\e900"; display: block; width: 100%; font-family: "stm-review-font"; font-size: 14px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 1px; overflow: hidden; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-stars .rating-color { display: block; width: 0; height: 30px; overflow: hidden; position: absolute; top: 0; left: 0; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-stars .rating-color:before { content: "ስስስስስ"; display: block; width: 100%; font-family: "stm-review-font"; font-size: 14px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 1px; overflow: hidden; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-text { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: -0.2px; position: relative; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-details-popup { display: block; background-color: rgb(255, 255, 255); padding: 28px 19px 14px 23px; position: absolute; top: 40px; right: 0; z-index: -1; visibility: hidden; opacity: 0; transition: opacity 0.1s ease-in; /* Safari */ filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.3)); } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-details-popup:before { display: block; content: ""; width: 100px; height: 40px; position: absolute; top: -40px; right: 0; z-index: -2; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-details-popup .rating-params { display: flex; flex-direction: column; flex-wrap: wrap; margin: 0; padding: 0; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-details-popup .rating-params li { display: flex; flex-direction: row; flex-wrap: nowrap; padding: 0; justify-content: space-between; align-items: center; margin: 0 0 15px; transition: all 0.2s ease-in; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-details-popup .rating-params li span { display: block; font-size: 12px; line-height: 10px; width: 60%; font-weight: 500; margin-right: 13px; text-align: left; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-details-popup .rating-params li .rating-stars { margin-bottom: 0; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-details-popup .rating-params li .rating-stars .rating-empty { height: 10px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-details-popup .rating-params li .rating-stars .rating-empty:before { font-size: 10px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-details-popup .rating-params li .rating-stars .rating-color:before { font-size: 10px; } .stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-bottom { line-height: 20px; font-size: 13px; border-bottom: 1px solid #cccccc; padding-bottom: 30px; min-height: 71px; } .listing-features .rating { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; padding: 0; position: relative; top: 0; z-index: 1; border-radius: 0; } .listing-features .rating .rating-stars { display: block; overflow: hidden; width: 77px; position: relative; margin-bottom: 5px; } .listing-features .rating .rating-stars .rating-empty { position: relative; width: 100%; } .listing-features .rating .rating-stars .rating-empty:before { content: "\e900\e900\e900\e900\e900"; display: block; width: 100%; font-family: "stm-review-font"; font-size: 14px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 1px; overflow: hidden; } .listing-features .rating .rating-stars .rating-color { display: block; width: 0; height: 30px; overflow: hidden; position: absolute; top: 0; left: 0; } .listing-features .rating .rating-stars .rating-color:before { content: "ስስስስስ"; display: block; width: 100%; font-family: "stm-review-font"; font-size: 14px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 1px; overflow: hidden; } .listing-features .rating .rating-text { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: -0.2px; position: relative; } @keyframes stm_zoom { 0% { transform: scale(1); opacity: 0.6; } 100% { transform: scale(1.5); opacity: 0; } } #youtube-play-video-wrap { display: block; position: relative; min-height: 150px; max-width: 150px; margin: 0 auto; } #youtube-play-video-wrap .youtube-play-circle { display: block; width: 73px; height: 73px; position: absolute; top: 50%; left: 50%; z-index: 39; transform: translateX(-50%) translateY(-50%) translateZ(0); border-radius: 50%; text-align: center; } #youtube-play-video-wrap .youtube-play-circle i { position: absolute; top: 50%; left: 56%; z-index: 39; transform: translateX(-56%) translateY(-50%); font-size: 20px; color: #ffffff; } #youtube-play-video-wrap .youtube-play-circle:before, #youtube-play-video-wrap .youtube-play-circle:after { content: ""; border: 1px solid #bcbbb7; width: 73px; height: 73px; border-radius: 50%; position: absolute; left: 0; top: 0; opacity: 1; animation: 1s stm_zoom linear infinite; } #youtube-play-video-wrap .youtube-play-circle:before { animation-delay: 0.5s; } #stm-gpdr-form p label { margin-bottom: 15px; } #stm-gpdr-form p input[type=email] { max-width: 400px; } .stm_gdpr_checker { display: flex; flex-direction: row; padding: 10px 0 0; } .stm_gdpr_checker label { font-weight: 400; } .stm_gdpr_checker .checker { margin-top: 3px; } .wpcf7 .ajax-loader { top: 8px; margin: 0 0 0 14px; } .wpcf7-form-control-wrap.stmgdpr { display: block; margin-bottom: 15px; padding-left: 7px; } #stmgdpr_field label { display: flex; flex-direction: row; align-items: center; } #stmgdpr_field label input[type=checkbox] { position: relative; margin-top: 3px; } .woocommerce-form__label-for-checkbox { display: flex !important; flex-direction: row !important; align-items: center; } .woocommerce-form__label-for-checkbox input[type=checkbox] { position: relative; margin-top: 3px !important; } #ship-to-different-address { display: flex; align-items: center; } #ship-to-different-address label { margin: 0; font-weight: 700; text-transform: uppercase; } #ship-to-different-address .checker { margin-left: 10px; } .stm-bg-fixed { background-attachment: fixed !important; background-position: top left; } .admin-bar:not(.woocommerce-checkout) .select2-container--open .select2-dropdown { top: 46px; } @media (min-width: 1024px) { .admin-bar:not(.woocommerce-checkout) .select2-container--open .select2-dropdown { top: 2px; } } .price_range_wrap { padding-top: 30px; min-height: 50px; } .price_range_wrap .price-tooltip { margin-top: 2px; } .price_range_wrap .price-tooltip .tooltip-inner { padding: 1px 3px 0; background: #eceff3; color: #222222; } .stm-vc-spacer { display: block; position: relative; height: 0; } @media (max-width: 768px) { .stm-vc-spacer { height: 60px; } } .woocommerce-terms-and-conditions { display: block; position: relative; overflow-x: hidden !important; } .search_results_container.container { margin-bottom: 60px; } .stm-isearch-results-carousel-wrap { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18), inset 0 4px 0 #cc6119; } .stm-isearch-results-carousel-wrap .stm-isearch-results-carousel { padding: 0 0 15px 0; overflow: visible !important; } .stm-isearch-results-carousel-wrap .owl-nav { display: none !important; } .stm-isearch-results-carousel-wrap .navigation-controls { padding: 30px 25px 25px; display: flex; justify-content: space-between; } .stm-isearch-results-carousel-wrap .navigation-controls .back-search-results { padding-top: 7px; } .stm-isearch-results-carousel-wrap .navigation-controls .back-search-results h4 { text-transform: uppercase; font-size: 14px; margin-bottom: 0; } .stm-isearch-results-carousel-wrap .navigation-controls .back-search-results .fas { font-size: 12px; } .stm-isearch-results-carousel-wrap .navigation-controls .back-search-results a { text-decoration: none; } .stm-isearch-results-carousel-wrap .navigation-controls .back-search-results a:hover { text-decoration: none; } .stm-isearch-results-carousel-wrap .navigation-controls .next-prev-controls { display: flex; } .stm-isearch-results-carousel-wrap .navigation-controls .next-prev-controls .stm-isearch-prev, .stm-isearch-results-carousel-wrap .navigation-controls .next-prev-controls .stm-isearch-next { padding: 9px 13px 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1803921569); background-color: #ffffff; border-radius: 50%; cursor: pointer; margin-left: 5px; } .stm-isearch-results-carousel-wrap .navigation-controls .next-prev-controls .stm-isearch-prev .fas, .stm-isearch-results-carousel-wrap .navigation-controls .next-prev-controls .stm-isearch-next .fas { font-size: 20px; color: #000; } .stm-isearch-results-carousel-wrap .navigation-controls .next-prev-controls .stm-isearch-prev.disabled, .stm-isearch-results-carousel-wrap .navigation-controls .next-prev-controls .stm-isearch-next.disabled { cursor: unset; } .stm-isearch-results-carousel-wrap .navigation-controls .next-prev-controls .disabled .fas { color: #c7c7c7; } .stm-isearch-results-carousel-wrap .stm-template-front-loop { padding: 3px; } .stm-isearch-results-carousel-wrap .stm-template-front-loop:not(.current) .rmv_txt_drctn:hover .image:before { opacity: 0; } .stm-isearch-results-carousel-wrap .stm-template-front-loop:not(.current) .image:before { opacity: 0; } .stm-isearch-results-carousel-wrap .stm-template-front-loop.current .image .listing-car-item-meta, .stm-isearch-results-carousel-wrap .stm-template-front-loop.current .image .stm-badge-directory { z-index: 150; } .stm-isearch-results-carousel-wrap .stm-template-front-loop.current .image .brazzers-wrap { border: 5px solid #6c98e1; } .stm-isearch-results-carousel-wrap .stm-template-front-loop.current .image .brazzers-wrap .listing-car-item-meta { bottom: 0; } .stm-isearch-results-carousel-wrap .stm-template-front-loop.current .image img { margin-bottom: 0; } .stm-isearch-results-carousel-wrap .stm-template-front-loop.current .image img:before { background: rgba(0, 0, 0, 0.2); } .stm-isearch-results-carousel-wrap .stm-template-front-loop.current .image .tmb-wrap { display: none; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image { position: relative; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image img { max-height: 133px; -o-object-fit: cover; object-fit: cover; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .listing-car-item-meta { padding-top: 0; position: absolute; right: 0; bottom: 0; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap { position: relative; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .listing-car-item-meta { bottom: 10px; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap img { max-width: 100%; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .tmb-wrap { top: -4px; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .tmb-wrap .tmb-wrap-table div { border-bottom-width: 3px; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .tmb-wrap .tmb-wrap-table div.active { border-color: #6c98e1; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .tmb-wrap .tmb-wrap-table div.active:first-child:last-child { border-color: transparent; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .tmb-wrap .tmb-wrap-table div:not(.active) { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-color: #ccc; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .tmb-wrap .remaining { text-align: center; position: absolute; width: 100%; top: 0; bottom: 6px; color: #fff; background-color: rgba(0, 0, 0, 0.6); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: -1; visibility: hidden; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .tmb-wrap .remaining i { font-size: 48px; display: block; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .tmb-wrap .remaining p { font-size: 16px; font-weight: 400; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .tmb-wrap .remaining.active { visibility: visible; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .stm-badge-directory { position: absolute; top: 15px !important; left: -93px !important; height: 39px; padding: 0 42px; line-height: 39px; color: #ffffff !important; background-color: #cc6119; text-transform: uppercase; text-align: center; font-size: 14px; font-weight: 700; transform: rotate(-45deg) translateZ(0); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; z-index: 10; min-width: 260px !important; } .stm-isearch-results-carousel-wrap .stm-template-front-loop a { color: #000; } .stm-isearch-results-carousel-wrap .stm-template-front-loop a:hover, .stm-isearch-results-carousel-wrap .stm-template-front-loop a:active, .stm-isearch-results-carousel-wrap .stm-template-front-loop a:focus { color: #000; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .price { color: #fff; position: relative; float: right; padding: 6px 10px 4px 4px; margin-left: 18px; text-align: right; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .price:before { position: absolute; content: ""; display: block; top: 0; left: -12px; height: 100%; width: 32px; transform: skew(-14deg, 0deg); z-index: 1; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .price .price-form-label { z-index: 1; position: relative; font-weight: 700; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .listing-car-item-meta { padding-top: 17px; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .listing-car-item-meta .car-meta-top { border-bottom: none; padding-bottom: 17px; } .stm-isearch-results-carousel-wrap .stm-template-front-loop .listing-car-item-meta .car-meta-top .car-title { color: #232628; overflow: hidden; text-transform: uppercase; font-size: 14px; line-height: 18px; font-weight: 700; } .stm-isearch-results-carousel-wrap .owl-controls { margin-top: unset; } .stm-isearch-results-carousel-wrap .owl-stage-outer { margin-bottom: 0 !important; } .stm-hoverable-interactive-galleries .interactive-hoverable { min-height: 218px; } @media (min-width: 768px) { .stm-hoverable-interactive-galleries .interactive-hoverable { min-height: 160px; } } .stm-hoverable-interactive-galleries.stm-template-car_dealer .listing-list-loop .interactive-hoverable, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl .listing-list-loop .interactive-hoverable, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor .listing-list-loop .interactive-hoverable { min-width: 257px; min-height: 206.5px; } @media (min-width: 768px) { .stm-hoverable-interactive-galleries.stm-template-car_dealer .listing-list-loop .interactive-hoverable, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl .listing-list-loop .interactive-hoverable, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor .listing-list-loop .interactive-hoverable { min-height: 163px; } } .stm-hoverable-interactive-galleries.stm-template-car_dealer .listing-list-loop .interactive-hoverable .hoverable-wrap, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl .listing-list-loop .interactive-hoverable .hoverable-wrap, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor .listing-list-loop .interactive-hoverable .hoverable-wrap { min-height: 201.5px; } @media (min-width: 768px) { .stm-hoverable-interactive-galleries.stm-template-car_dealer .listing-list-loop .interactive-hoverable .hoverable-wrap, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl .listing-list-loop .interactive-hoverable .hoverable-wrap, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor .listing-list-loop .interactive-hoverable .hoverable-wrap { min-height: unset; } } .stm-hoverable-interactive-galleries.stm-template-car_dealer .car-listing-modern-grid .interactive-hoverable, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl .car-listing-modern-grid .interactive-hoverable, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor .car-listing-modern-grid .interactive-hoverable { min-height: 218px; } @media (min-width: 768px) { .stm-hoverable-interactive-galleries.stm-template-car_dealer .car-listing-modern-grid .interactive-hoverable, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl .car-listing-modern-grid .interactive-hoverable, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor .car-listing-modern-grid .interactive-hoverable { min-height: 160px; } } .stm-hoverable-interactive-galleries.stm-template-car_dealer #modern-filter-listing .car-listing-row .image, .stm-hoverable-interactive-galleries.stm-template-car_dealer #modern-filter-listing .listing-car-item-inner .image, .stm-hoverable-interactive-galleries.stm-template-car_dealer .archive-listing-page .car-listing-row .image, .stm-hoverable-interactive-galleries.stm-template-car_dealer .archive-listing-page .listing-car-item-inner .image, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl #modern-filter-listing .car-listing-row .image, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl #modern-filter-listing .listing-car-item-inner .image, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl .archive-listing-page .car-listing-row .image, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl .archive-listing-page .listing-car-item-inner .image, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor #modern-filter-listing .car-listing-row .image, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor #modern-filter-listing .listing-car-item-inner .image, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor .archive-listing-page .car-listing-row .image, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor .archive-listing-page .listing-car-item-inner .image { min-height: 143px; } .stm-hoverable-interactive-galleries.stm-template-car_dealer #modern-filter-listing .car-listing-row .image:before, .stm-hoverable-interactive-galleries.stm-template-car_dealer #modern-filter-listing .listing-car-item-inner .image:before, .stm-hoverable-interactive-galleries.stm-template-car_dealer .archive-listing-page .car-listing-row .image:before, .stm-hoverable-interactive-galleries.stm-template-car_dealer .archive-listing-page .listing-car-item-inner .image:before, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl #modern-filter-listing .car-listing-row .image:before, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl #modern-filter-listing .listing-car-item-inner .image:before, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl .archive-listing-page .car-listing-row .image:before, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl .archive-listing-page .listing-car-item-inner .image:before, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor #modern-filter-listing .car-listing-row .image:before, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor #modern-filter-listing .listing-car-item-inner .image:before, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor .archive-listing-page .car-listing-row .image:before, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor .archive-listing-page .listing-car-item-inner .image:before { background-color: transparent; } .stm-hoverable-interactive-galleries.stm-template-car_dealer #modern-filter-listing .car-listing-row .image .stm-listing-compare, .stm-hoverable-interactive-galleries.stm-template-car_dealer #modern-filter-listing .car-listing-row .image .stm-listing-favorite, .stm-hoverable-interactive-galleries.stm-template-car_dealer #modern-filter-listing .listing-car-item-inner .image .stm-listing-compare, .stm-hoverable-interactive-galleries.stm-template-car_dealer #modern-filter-listing .listing-car-item-inner .image .stm-listing-favorite, .stm-hoverable-interactive-galleries.stm-template-car_dealer .archive-listing-page .car-listing-row .image .stm-listing-compare, .stm-hoverable-interactive-galleries.stm-template-car_dealer .archive-listing-page .car-listing-row .image .stm-listing-favorite, .stm-hoverable-interactive-galleries.stm-template-car_dealer .archive-listing-page .listing-car-item-inner .image .stm-listing-compare, .stm-hoverable-interactive-galleries.stm-template-car_dealer .archive-listing-page .listing-car-item-inner .image .stm-listing-favorite, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl #modern-filter-listing .car-listing-row .image .stm-listing-compare, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl #modern-filter-listing .car-listing-row .image .stm-listing-favorite, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl #modern-filter-listing .listing-car-item-inner .image .stm-listing-compare, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl #modern-filter-listing .listing-car-item-inner .image .stm-listing-favorite, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl .archive-listing-page .car-listing-row .image .stm-listing-compare, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl .archive-listing-page .car-listing-row .image .stm-listing-favorite, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl .archive-listing-page .listing-car-item-inner .image .stm-listing-compare, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor_rtl .archive-listing-page .listing-car-item-inner .image .stm-listing-favorite, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor #modern-filter-listing .car-listing-row .image .stm-listing-compare, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor #modern-filter-listing .car-listing-row .image .stm-listing-favorite, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor #modern-filter-listing .listing-car-item-inner .image .stm-listing-compare, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor #modern-filter-listing .listing-car-item-inner .image .stm-listing-favorite, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor .archive-listing-page .car-listing-row .image .stm-listing-compare, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor .archive-listing-page .car-listing-row .image .stm-listing-favorite, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor .archive-listing-page .listing-car-item-inner .image .stm-listing-compare, .stm-hoverable-interactive-galleries.stm-template-car_dealer_elementor .archive-listing-page .listing-car-item-inner .image .stm-listing-favorite { bottom: 14px; } .stm-hoverable-interactive-galleries .car-listing-tabs-unit .image:before { background-color: transparent; } .stm-hoverable-interactive-galleries .car-listing-tabs-unit .interactive-hoverable { min-height: 218px; } @media (min-width: 768px) { .stm-hoverable-interactive-galleries .car-listing-tabs-unit .interactive-hoverable { min-height: 143px; } } .stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap { top: 0; bottom: 5px; left: 0; right: 0; position: absolute; display: flex; overflow: hidden; } .stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap .hoverable-unit.active .thumb { opacity: 1; z-index: -2; } .stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap .hoverable-unit { align-items: flex-end; display: flex; flex: 1; height: 100%; position: static; } .stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap .hoverable-unit .thumb { border: 0; height: 100%; left: 0; overflow: hidden; position: absolute; width: 100%; opacity: 0; z-index: -2; } .stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap .hoverable-unit .thumb img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; transition: opacity 0.15s; width: 100%; } .stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap .hoverable-unit .remaining { text-align: center; position: absolute; width: 100%; top: 0; bottom: 0; color: #fff; background-color: rgba(0, 0, 0, 0.6); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 55; } .stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap .hoverable-unit .remaining i { font-size: 48px; display: block; } .stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap .hoverable-unit .remaining p { font-size: 16px; font-weight: 400; } .stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-indicators { position: absolute; bottom: 0; width: 100%; height: 3px; display: flex; justify-content: space-between; } .stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-indicators .indicator { width: 100%; height: 3px; background-color: #ccc; z-index: 25; margin-right: 2px; } .stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-indicators .indicator:last-child { margin-right: 0; } .stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-indicators .indicator.active { background-color: #6c98e1; } .stm-hoverable-interactive-galleries .car-listing-row .image { min-height: 150px; } .mobile-filter-sticky { display: none; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.42); } .mobile-filter-sticky.sticky-filter { display: block; position: fixed; width: 100%; padding: 10px; background-color: #fff; bottom: 0; z-index: 99999; } .disabled-heading { color: #888888; text-align: center; } .theme-motors .lg-icon { font-family: lg; } .theme-motors .lg .lg-thumb-outer.lg-grab button.lg-toogle-thumb { box-shadow: none; } .theme-motors .stm_add_car_form #stm_motors_vin_decoder { justify-content: left; margin-bottom: 30px; } @media (max-width: 768px) { .theme-motors.stm-hoverable-interactive-galleries .listing-list-loop.stm-listing-directory-list-loop .stm-listing-favorite { left: 5px; bottom: 11px; right: auto; } } .stm-template-listing_four.stm-hoverable-interactive-galleries .listing-list-loop.stm-listing-directory-list-loop .stm-listing-favorite { bottom: 15px; } .theme-motors .stm_add_car_form button#checkVin { background-color: #6c98e1; border: 2px solid #6c98e1; } @media (max-width: 767px) { .theme-motors .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number] { max-width: 170px; } } .lOffer-account-dropdown.stm-login-form-unregistered form input[type=submit] { margin: 0; } .stm-single-car-listing-data table.stm-table-main { margin: -13px 0 15px; } .stm-single-car-listing-data table.stm-table-main > tbody > tr { display: flex; flex-direction: column; } @media (min-width: 768px) { .stm-single-car-listing-data table.stm-table-main > tbody > tr { display: table-row; flex-direction: unset; } } @media (min-width: 768px) { .stm-single-car-listing-data table.stm-table-main > tbody > tr:last-child td { border: 0; } } .stm-single-car-listing-data table.stm-table-main > tbody > tr > td { padding: 13px 0 14px; width: 100%; } @media (min-width: 768px) { .stm-single-car-listing-data table.stm-table-main > tbody > tr > td { width: unset; } } .stm-single-car-listing-data table.stm-table-main > tbody > tr > td.divider-td { width: 30px; border: 0; display: none; } @media (min-width: 768px) { .stm-single-car-listing-data table.stm-table-main > tbody > tr > td.divider-td { display: block; } } .stm-single-car-listing-data table.stm-table-main > tbody > tr > td.divider-td:last-child { display: none; } .stm-single-car-listing-data table.inner-table { margin-bottom: 0; table-layout: fixed; } .stm-single-car-listing-data table.inner-table tr td { border: 0; padding: 0; vertical-align: middle; } .stm-single-car-listing-data table.inner-table tr td i { display: inline-block; position: relative; top: 3px; font-size: 16px; min-width: 33px; padding-right: 5px; text-align: center; vertical-align: top; max-height: 22px; } .stm-single-car-listing-data table.inner-table tr td i.stm-service-icon-body_type { font-size: 11px; top: 5px; } .stm-single-car-listing-data table.inner-table tr td i.stm-service-icon-hashtag { font-size: 13px; top: 4px; } .stm-single-car-listing-data table.inner-table tr td i.stm-icon-engine_fill { font-size: 18px; top: 1px; } .stm-single-car-listing-data table.inner-table tr td i.stm-icon-time { font-size: 18px; top: 1px; } .stm-single-car-listing-data table.inner-table tr td i.stm-icon-drive_2 { font-size: 18px; } .stm-single-car-listing-data table.inner-table tr td i.stm-icon-key { top: 2px; font-size: 19px; } .stm-single-car-listing-data table.inner-table tr td i.stm-icon-transmission_fill { font-size: 17px; } .stm-single-car-listing-data table.inner-table tr td i.stm-service-icon-vin_check { font-size: 18px; } .stm-single-car-listing-data table.inner-table tr td.heading-font { padding-left: 10px; color: #222; font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .stm-single-car-listing-data table.inner-table tr td.heading-font a { letter-spacing: -1px; word-spacing: 2px; } .stm-single-car-listing-data table.inner-table tr td.label-td { padding-right: 5px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .stm-button, input[type=submit], button, html body .button, #main .button, #wrapper .button, #wrapper button, .stm-template-listing button, #main button.heading-font, #main .load-more-btn { color: #fff; } .stm-button:hover, input[type=submit]:hover, button:hover, html body .button:hover, #main .button:hover, #wrapper .button:hover, #wrapper button:hover, #main button.heading-font:hover, .stm-template-listing button:hover, #main .load-more-btn:hover { color: #fff; } .notification-wrapper { display: block; } .notification-wrapper.shown .notification-wrap { right: 10px; } .notification-wrapper .notification-wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; position: fixed; top: 10px; right: -500px; z-index: 100000; overflow: hidden; padding: 20px; transition: all 0.3s ease-in-out; } .notification-wrapper .notification-wrap.success { background: #1bc744; } .notification-wrapper .notification-wrap.error { background: #e41515; } .notification-wrapper .notification-wrap .message-container { display: block; max-width: 250px; } .notification-wrapper .notification-wrap .message-container .message { color: #ffffff; } .notification-wrapper .notification-wrap .btn-container { display: block; } .notification-wrapper .notification-wrap .btn-container button { background: transparent; padding: 10px 0 10px 20px; margin: 0 0 0 20px; font-weight: 400; text-transform: capitalize; box-shadow: none; border-left: 1px solid #ffffff; border-radius: 0; } .notification-wrapper .notification-wrap .btn-container button:before, .notification-wrapper .notification-wrap .btn-container button:after { display: none; } .notification-wrapper .notification-wrap .btn-container button:focus, .notification-wrapper .notification-wrap .btn-container button:active { top: 0; } @media (max-width: 550px) { .stm-listing-directory-title { display: none; } } @media (max-width: 1024px) { .search-filter-form .col-sm-6 { width: 100%; } .search-filter-form .stm-slider-filter-type-unit .row { display: flex; } .search-filter-form .stm-accordion-content-wrapper .row { display: flex; } .search-filter-form .stm-accordion-content-wrapper .row .col-md-wider-left input { margin-top: 0; } } .stm_add_car_form .stm-form-2-features .stm-single-feature .feature-single .checker.required_field span { border: 1px solid red; border-radius: 3px; } .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner.required_field { border-color: red; color: red; } .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner.required_field span { color: red; } .stm_add_car_form .stm-form-4-videos .stm-video-link-unit.required_field input { border: 1px solid red; } .stm_add_car_form .stm-form-5-notes #wp-stm_seller_notes-wrap.required_field { border: 1px solid red; } .stm_add_car_form .stm-form-1-end-unit .select2.select2-container.required_field .selection .select2-selection--single .select2-selection__rendered, .stm_add_car_form .stm-form1-intro-unit .select2.select2-container.required_field .selection .select2-selection--single .select2-selection__rendered { border: 1px solid red; } .stm_add_car_form .stm-form-1-end-unit .row .stm-form-1-selects input.required_field, .stm_add_car_form .stm-form1-intro-unit .row .stm-form-1-selects input.required_field { border: 1px solid red; } .stm_add_car_form .stm_price_input input.required_field { border: 1px solid red; } .stm-loader.circle { position: relative; width: 50px; height: 50px; } .stm-loader.circle div { position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 5px solid #eceff3; border-top-color: transparent; animation: spin 1s linear infinite; } .stm-loader-inner { display: none; } .stm-sell-a-car-loader.active .stm-loader-inner { display: flex; justify-content: center; align-items: center; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper-container { overflow: hidden; } @media (max-width: 1024px) { .wpb_tour_tabs_wrapper ul.wpb_tabs_nav.ui-tabs-nav { display: flex; overflow-y: scroll; padding-top: 4px; } .theme-motors .vc_tta.vc_tta-tabs .vc_tta-tabs-container { display: block; } .theme-motors .vc_tta.vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list { overflow-y: scroll; padding-top: 4px; } .theme-motors .vc_tta.vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list .vc_tta-tab { white-space: nowrap; } } @media (max-width: 991px) { .stm-user-private .stm-sticky-user-sidebar .stm-user-private-sidebar:before { display: none; } .stm-user-private .stm-sticky-user-sidebar { margin-top: 20px; } .stm-user-private .stm-sticky-user-sidebar .stm-user-private-sidebar { padding: 20px 20px 20px 20px; min-height: 100px !important; } .stm-user-private .stm-sticky-user-sidebar .stm-user-private-sidebar .stm-actions-list { padding: 0; } .stm-user-private .stm-sticky-user-sidebar .stm-user-private-sidebar .stm-actions-list a { margin-bottom: 10px; } .stm-user-private .stm-sticky-user-sidebar .stm-user-private-sidebar .stm-user-current-plan-info { display: none; } .stm-user-private .stm-sticky-user-sidebar .stm-user-top, .stm-user-private .stm-sticky-user-sidebar .stm-dealer-phone, .stm-user-private .stm-sticky-user-sidebar .stm-dealer-mail { display: none; } } /*Default*/ /*Red*/ /*Orange*/ /*Light blue*/ /*Blue*/ .stm_motors_listing_types_multilisting_active .wrap_multilisting_carousel.visible_items_2 img { height: 332.5px; width: 100%; -o-object-fit: cover; object-fit: cover; } .stm_motors_listing_types_multilisting_active .wrap_multilisting_carousel.visible_items_3 img { height: 217.5px; width: 100%; -o-object-fit: cover; object-fit: cover; } .stm_motors_listing_types_multilisting_active .wrap_multilisting_carousel.visible_items_4 img { height: 160px; width: 100%; -o-object-fit: cover; object-fit: cover; } .stm_motors_listing_types_multilisting_active.stm-hoverable-interactive-galleries .wrap_multilisting_carousel .image:before { background-color: transparent; } .stm_motors_listing_types_multilisting_active.stm-hoverable-interactive-galleries .wrap_multilisting_carousel.visible_items_2 img { height: 332.5px; width: 100%; -o-object-fit: cover; object-fit: cover; } .stm_motors_listing_types_multilisting_active.stm-hoverable-interactive-galleries .wrap_multilisting_carousel.visible_items_2 .interactive-hoverable { min-width: 530px; min-height: 332.5px; } .stm_motors_listing_types_multilisting_active.stm-hoverable-interactive-galleries .wrap_multilisting_carousel.visible_items_3 img { height: 217.5px; width: 100%; -o-object-fit: cover; object-fit: cover; } .stm_motors_listing_types_multilisting_active.stm-hoverable-interactive-galleries .wrap_multilisting_carousel.visible_items_3 .interactive-hoverable { min-width: 346.6px; min-height: 217.5px; } .stm_motors_listing_types_multilisting_active.stm-hoverable-interactive-galleries .wrap_multilisting_carousel.visible_items_4 img { height: 160px; width: 100%; -o-object-fit: cover; object-fit: cover; } .stm_motors_listing_types_multilisting_active.stm-hoverable-interactive-galleries .wrap_multilisting_carousel.visible_items_4 .interactive-hoverable { min-width: 255px; min-height: 160px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap { display: block; margin-top: -49px; z-index: 10; position: relative; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .nav.nav-tabs { display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: center; border: none; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .nav.nav-tabs li:last-child a { border-right: 0; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .nav.nav-tabs li a { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.8); padding: 12px 22px 12px; border: 0; border-top-width: 3px; border-top-style: solid; border-top-color: rgba(255, 255, 255, 0.2); border-right: 1px solid #fff; border-radius: 0; font-size: 14px; font-weight: 700; text-transform: uppercase; min-height: 49px; } @media (max-width: 450px) { .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .nav.nav-tabs li a { padding: 12px 10px; } } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .nav.nav-tabs li a.active { background: #fff; border-top-color: #6c98e1; border-left: none; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .nav.nav-tabs li a i { font-size: 22px; margin-right: 10px; } @media (max-width: 767px) { .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap { margin-top: 10px !important; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap > .nav.nav-tabs { overflow-y: scroll; justify-content: flex-start; padding-bottom: 5px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap > .nav.nav-tabs li { width: 100%; border-bottom: 1px solid #222; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap > .nav.nav-tabs li a { justify-content: flex-start; } } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content input { background-color: #e5e5e5 !important; border: 1px solid #e5e5e5 !important; height: 46px; line-height: 46px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content button[type=submit] { position: relative; top: -1px; float: right; margin-left: 16px; min-width: 170px; padding: 16px 25px 13px 25px; font-weight: 700; display: flex; justify-content: center; font-size: 14px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content button[type=submit] span { margin-right: 4px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content button[type=submit] i { display: inline-block; margin-right: 6px; font-size: 16px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content button[type=submit]:active { top: -1px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane { flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; width: 100%; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .stm-select-col { min-height: 46px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .btn-search { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; width: 15%; padding-top: 39px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .btn-search a { height: 46px; line-height: 46px; padding-top: 0; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .select2.select2-container .selection .select2-selection--single { display: block; height: 46px !important; line-height: 46px; background: #e5e5e5; border: none; box-shadow: none; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .select2.select2-container .selection .select2-selection--single .select2-selection__rendered { height: 46px; line-height: 46px; font-size: 14px; padding: 0 22px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .select2.select2-container .selection .select2-selection--single .select2-selection__arrow { right: 12px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .select2.select2-container .selection .select2-selection--single .select2-selection__arrow b { font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, -50%); top: 50%; left: -3px; margin-left: 0; font-size: 17px; color: #888; width: 15px; height: 17px; border: none; text-align: center; border: none; line-height: 22px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .select2.select2-container .selection .select2-selection--single .select2-selection__arrow b:before { content: "\f107"; font-size: 20px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .stm-filter-tab-selects { width: 100%; overflow: visible !important; transition: all 0.3s ease-in; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .stm-filter-tab-selects .stm-select-col { margin-bottom: 30px; padding: 0 8px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .stm-filter-tab-selects .col-md-12 { padding: 0 15px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .stm-filter-tab-selects > .row { margin: 0 -8px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .stm-filter-tab-selects .taxonomy_range_wrap label { margin-bottom: 10px; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .stm-filter-tab-selects .taxonomy_range_wrap .stm-current-slider-labels { display: block; text-align: right; font-size: 13px; opacity: 0.7; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .stm-filter-tab-selects .taxonomy_range_wrap:hover .stm-current-slider-labels { opacity: 1; } @media (max-width: 767px) { .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane { flex-direction: column; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .row { width: 100%; padding-bottom: 0; margin: 0; } .stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .btn-search { width: 33%; padding-top: 15px; margin-bottom: 30px; margin-left: 15px; } } .stm_motors_listing_types_multilisting_active .listing-type-list .card { border-radius: 0; border: none; margin-bottom: 30px; } .stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; background: #e5e5e5; border-radius: 0; padding: 28px 20px 28px 30px; transition: all 0.2s ease-in-out; } .stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body .card-icon { display: block; width: auto; min-width: 35px; height: 30px; position: relative; margin-right: 20px; } .stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body .card-icon img { display: block; width: auto; height: 30px; -o-object-fit: contain; object-fit: contain; margin: 0 auto 0 0; transition: all 0.2s ease-in-out; } @media (max-width: 450px) { .stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body .card-icon { max-width: 35px; } } .stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body .card-title { font-size: 18px; margin: 0; transition: all 0.2s ease-in-out; color: #333333; } .stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body .btn { background: transparent; margin: 0 0 0 auto; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #fff; opacity: 0; transition: all 0.2s ease-in-out; } .stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body .btn i { display: inline-block; color: #fff; vertical-align: middle; margin-top: 4px; font-weight: 900; } .stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body:hover { background: #6c98e1; } .stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body:hover .card-icon img { filter: brightness(100%) contrast(200%) invert(100%); } .stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body:hover .card-title { color: #fff; } .stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body:hover .btn { opacity: 1; } .stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body:hover i { color: #fff; } @media (max-width: 1023px) { .stm_motors_listing_types_multilisting_active .listing-type-list > .stm-row { flex-wrap: wrap; } .stm_motors_listing_types_multilisting_active .listing-type-list > .stm-row > .stm-col-3 { width: 100%; max-width: 33.33%; flex: 0 0 33.33%; } } @media (max-width: 450px) { .stm_motors_listing_types_multilisting_active .listing-type-list > .stm-row { flex-wrap: wrap; } .stm_motors_listing_types_multilisting_active .listing-type-list > .stm-row > .stm-col-3 { width: 100%; max-width: 100%; flex: 0 0 100%; } } .stm_motors_listing_types_multilisting_active .plus-added-emeht-mts { position: relative; } .stm_motors_listing_types_multilisting_active .plus-added-emeht-mts .add-new-term { display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; font-size: 20px; cursor: pointer; } .stm_motors_listing_types_multilisting_active .stm_listing_tabs_style_2 { border-top: none; } .stm_motors_listing_types_multilisting_active .stm_listing_tabs_style_2 .tab-content .stm-directory-grid-loop .image img { height: 160px; width: 100%; -o-object-fit: cover; object-fit: cover; } .stm_motors_listing_types_multilisting_active .multilisting-masonry-carousel-wrap div.title h2 { font-size: 28px; } .stm_motors_listing_types_multilisting_active .multilisting-masonry-carousel-wrap .owl-controls { top: -76px !important; } .stm_motors_listing_types_multilisting_active .multilisting-masonry-carousel-wrap .owl-controls .owl-nav .owl-prev, .stm_motors_listing_types_multilisting_active .multilisting-masonry-carousel-wrap .owl-controls .owl-nav .owl-next { background-color: #ddd; } .stm_motors_listing_types_multilisting_active .multilisting-masonry-carousel-wrap .owl-controls .owl-nav .owl-prev:hover, .stm_motors_listing_types_multilisting_active .multilisting-masonry-carousel-wrap .owl-controls .owl-nav .owl-next:hover { background: #6c98e1; } .stm_motors_listing_types_multilisting_active .car-listing-row .listing-car-item-meta .price { background-color: #6c98e1; color: #fff; } .stm_motors_listing_types_multilisting_active .car-listing-row .listing-car-item-meta .price:before { background-color: #6c98e1; } .stm_motors_listing_types_multilisting_active .listing-list-loop.stm-listing-directory-list-loop .content .meta-top .price, .stm_motors_listing_types_multilisting_active .listing-list-loop.stm-listing-directory-list-loop .content .meta-top .price:before { background-color: #6c98e1; } .stm_motors_listing_types_multilisting_active .archive-listing-page .image .image-inner { min-height: 152px; } .stm_motors_listing_types_multilisting_active .listing-list-loop .content .meta-middle .meta-middle-unit .icon { font-size: 12px; } .stm_motors_listing_types_multilisting_active .classic-filter-row { margin-top: 0; } .stm_motors_listing_types_multilisting_active .classic-filter-row input[type=text], .stm_motors_listing_types_multilisting_active .classic-filter-row input[type=search] { height: 40px; line-height: 40px; } .stm_motors_listing_types_multilisting_active .filter-sidebar .sidebar-entry-header .h4 { font-size: 18px; } .stm_motors_listing_types_multilisting_active .select2-container.statistics-period { z-index: 2000; } .stm_motors_listing_types_multilisting_active .stm_add_car_form { margin-top: 3px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form #stm_sell_a_car_form { margin-bottom: 40px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-border-top-unit { position: relative; padding-right: 30px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-border-top-unit .step_number { position: absolute; top: 30px; right: 0; text-transform: uppercase; color: #6c98e1; font-weight: 700; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-car-listing-data-single { margin-bottom: 17px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit { padding: 23px 30px 11px; background-color: #6c98e1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .stm-label { margin-bottom: 8px; color: #fff; font-weight: 700; font-size: 15px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .stm-form-1-selects { margin-bottom: 15px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .select2-container--default .select2-selection--single, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .select2-container--default .select2-selection--single .select2-selection__rendered { height: 40px; line-height: 40px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .select2-container--default .select2-selection--single .select2-selection__arrow { height: 41px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .select2-container--default .select2-selection--single .select2-selection__rendered { background-color: #fff; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .select2-container--default .select2-selection--single { background-color: transparent !important; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit { margin: 41px -15px 30px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter { position: relative; float: left; padding: 0 15px; margin-bottom: 12px; width: 33.333%; min-height: 48px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter a { clear: both; float: left; margin-top: 5px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-car-listing-data-single { padding: 15px; letter-spacing: -1px; margin-bottom: 0; margin-top: 20px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-car-listing-data-single .title { color: #6c98e1; font-size: 18px; font-weight: 500; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap { display: flex; overflow: hidden; float: left; width: 100%; flex-direction: column; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap .stm-form-1-quarter { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap .stm-form-1-quarter .stm-location-input-wrap { display: flex; overflow: hidden; width: 31.5%; justify-content: space-between; align-items: center; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap .stm-form-1-quarter .stm-location-input-wrap .stm-label { margin-top: 0; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-link-lat-lng-wrap { display: block; width: 100%; text-align: right; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-link-lat-lng-wrap a { float: right; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter:hover i { color: #6c98e1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=text], .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number] { float: right; max-width: 220px; padding-left: 13px; border-width: 1px !important; color: #555; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=text]:nth-child(2), .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number]:nth-child(2) { margin: 5px 0; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number]::-webkit-outer-spin-button, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=text].stm_has_value, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number].stm_has_value { background-color: #fff; border-color: #efefef; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=text]:focus, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number]:focus { border-color: #6c98e1; box-shadow: none; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2 { float: right; max-width: 220px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label { margin-top: 9px; color: #6c98e1; font-size: 13px; vertical-align: top; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i { display: inline-block; position: relative; min-width: 20px; margin-right: 5px; top: 3px; font-size: 14px; vertical-align: top; text-align: center; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-road { font-size: 16px; top: 4px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-body_type { font-size: 11px; top: 6px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-hashtag { font-size: 13px; top: 4px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-engine_fill { font-size: 18px; top: 1px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-time { font-size: 18px; top: 1px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-drive_2 { font-size: 18px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-key { top: 2px; font-size: 19px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-transmission_fill { font-size: 17px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-vin_check { font-size: 18px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-pin_2 { top: 4px; font-size: 16px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-color_type { font-size: 16px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2-container--default .select2-selection--single, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2-container--default .select2-selection--single .select2-selection__rendered { height: 40px; line-height: 40px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2-container--default .select2-selection--single .select2-selection__arrow { height: 41px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2-container--default .select2-selection--single .select2-selection__rendered { background-color: #fff; border: 1px solid #efefef; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-2-features .stm-border-top-unit { margin-bottom: 7px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-2-features .stm-single-feature { float: left; width: 16.6666%; margin-bottom: 38px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-2-features .stm-single-feature .heading-font { margin-bottom: 15px; font-weight: 700; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-2-features .stm-single-feature .feature-single label { width: 100%; padding: 8px 0; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-2-features .stm-single-feature .feature-single label:hover { cursor: pointer; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos #stm_car_gallery_add { display: none; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-border-top-unit { margin-bottom: 8px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car { padding-right: 9px; } @media (max-width: 991px) { .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car { margin-top: 20px; } } @media (max-width: 767px) { .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car { padding-right: 0 !important; } } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery { margin: 0 -12px 46px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder { float: left; padding: 0 12px; margin-bottom: 15px; width: 25%; } @media (max-width: 767px) { .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder { width: 50%; } } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder__text { font-size: 14px; font-weight: 700; line-height: 1.2; color: #888888; text-transform: uppercase; margin: 10px 0 0; display: block; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner { background-color: #EBEBEB; position: relative; min-height: 140px; line-height: 1; color: #bebebe; font-size: 41px; text-align: center; transition: 300ms ease; border-radius: 4px; border: 1px solid #A8A8A8; display: flex; flex-direction: column; justify-content: center; padding: 5px; cursor: pointer; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner:hover { border-color: #153e4d; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover !important; background-repeat: no-repeat !important; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview .fas { display: block; position: absolute; right: 5px; top: 5px; font-size: 17px; width: 32px; height: 32px; text-align: center; background-color: #DE0000; border-radius: 50%; color: #fff; opacity: 0; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview .fas:before { display: block; margin-top: 7px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview .fas:hover { background-color: #f80b0b; cursor: pointer; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable:before { content: "\f0b2"; font: normal 600 14px/24px "Font Awesome 6 Free"; position: absolute; display: block; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); bottom: 0; left: 0; width: 22px; height: 22px; text-align: center; text-indent: -2px; background-color: #1bc744; color: #fff; opacity: 0; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner.active .stm-image-preview:before, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner.active .stm-image-preview .fas { opacity: 1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder-native .inner { border-style: dashed; border-color: #153e4d; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder-native:hover .inner { border-color: #1bc744; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder-native:hover .stm-placeholder__text { color: #1bc744; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.deleting .stm-image-preview:before { opacity: 0; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder:hover .inner.deleting { border-width: 3px; border-color: #f80b0b; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .stm-progress-bar { width: 28px; height: 28px; position: relative; display: inline-block; margin: 0 auto 10px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .stm-progress-bar__item { box-sizing: border-box; display: block; position: absolute; width: 25px; height: 25px; margin: 3px; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-width: 3px; border-style: solid; border-color: #1bc744 transparent transparent transparent; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .stm-progress-bar__item:nth-child(1) { animation-delay: -0.45s; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .stm-progress-bar__item:nth-child(2) { animation-delay: -0.3s; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .stm-progress-bar__item:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .stm-progress-bar__wrapper { height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 15px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .stm-progress-bar__info, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .stm-progress-bar__wrapper, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .stm-progress-bar__text { font-size: 14px; line-height: 20px; font-weight: 600; color: #153e4d; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .stm-progress-bar__percent { display: inline-block; margin: 0 0 0 5px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-media-car-add-nitofication { margin-top: -2px; font-size: 13px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-media-car-add-nitofication span { line-height: 22px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-media-car-add-nitofication h4 { margin-bottom: 27px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-media-car-add-nitofication strong { display: inline-block; line-height: 18px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos { margin-bottom: 60px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-border-top-unit { margin-bottom: 7px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit { padding: 23px 30px 14px; background-color: #6c98e1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit .heading-font { margin-bottom: 8px; color: #fff; font-weight: 700; font-size: 15px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit input[type=text] { margin-bottom: 26px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-simple-notice { position: relative; padding-left: 25px; margin-top: 27px; color: rgba(255, 255, 255, 0.5); font-size: 13px; line-height: 22px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-simple-notice i { position: absolute; top: 5px; left: 0; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit { position: relative; padding-right: 46px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.5); } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video:hover { cursor: pointer; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video:before { position: absolute; content: ""; display: block; top: 15px; left: 18px; width: 3px; height: 11px; background-color: #fff; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video:after { position: absolute; content: ""; display: block; top: 19px; left: 14px; width: 11px; height: 3px; background-color: #fff; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active { background-color: #6c98e1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active:hover { cursor: default; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active:before { top: 17px; left: 13px; height: 8px; transform: rotate(-40deg); } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active:after { top: 18px; left: 14px; width: 17px; transform: rotate(-45deg); } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes { margin-bottom: 53px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-border-top-unit { margin-bottom: 10px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes textarea { height: 202px; padding: 10px 10px 10px 12px; font-size: 13px; color: #888; background-color: #efefef; border: 1px solid #e1e2e4; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes textarea:focus { background-color: #fff; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases { position: relative; margin-top: 75px; text-align: center; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases:after { position: absolute; display: block; font-family: "Font Awesome 6 Free"; font-weight: 600; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f067"; color: #fff; font-size: 14px; line-height: 25px; top: 0; left: 7px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases:before { position: absolute; content: ""; display: block; top: 0; left: 0; height: 24px; width: 24px; background-color: #6c98e1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases span { border-bottom: 1px dashed #6c98e1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases:hover { cursor: pointer; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases { position: absolute; width: 445px; right: -200px; top: 50%; transform: translateY(-50%); border-top: 4px solid #6c98e1; opacity: 0; visibility: hidden; z-index: 20; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner { background-color: #fff; padding: 30px; box-shadow: 0 5px 29px rgba(0, 0, 0, 0.24); z-index: 2; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner .fas { position: absolute; padding: 10px; top: 0; right: 0; font-size: 14px; color: #888; opacity: 0.5; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner .fas:hover { cursor: pointer; opacity: 1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner:before { position: absolute; content: ""; display: block; top: 0px; left: 0; height: 100%; width: 30px; background-color: #fff; z-index: 3; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner:after { position: absolute; content: ""; display: block; height: 20px; width: 20px; left: -10px; top: 50%; margin-top: -10px; background-color: #fff; transform: rotate(-45deg); box-shadow: 0 5px 29px rgba(0, 0, 0, 0.24); z-index: 1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases.activated { right: 0; opacity: 1; visibility: visible; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases h5 { margin-bottom: 30px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .clearfix { margin: 0 -15px 20px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .clearfix label { display: block; width: 50%; float: left; margin-bottom: 10px; padding: 0 15px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .button { display: inline-block; font-size: 12px; padding: 12px 30px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user { padding: 0 40px; background-color: #f0f2f5; border: 1px solid #ddd; margin-bottom: 40px; position: relative; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user:before, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user:after { display: none; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner .add-car-btns-wrap { display: flex; flex-direction: row; flex-wrap: wrap; padding: 0; align-self: center; margin: 20px 0; list-style: none; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner .add-car-btns-wrap li { margin: 7px 3px; padding: 0; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner .add-car-btns-wrap li .tooltip-inner { background-color: #6c98e1; font-size: 14px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner .add-car-btns-wrap li .tooltip.top .tooltip-arrow { border-top-color: #6c98e1; border-width: 5px 5px 0; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner .stm-add-a-car-user .add-car-btns-wrap { justify-content: center; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner .form-group-submit .stm-icon-load1 { top: 12px; font-size: 18px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner:before { position: absolute; content: ""; display: block; top: 0; left: -2000px; bottom: 0; right: -2000px; background: rgba(255, 255, 255, 0.8); opacity: 0; visibility: hidden; z-index: 40; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner .stm-icon-load1 { display: block; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; font-size: 30px; color: #6c98e1; animation: rotating 2s infinite linear; opacity: 0; visibility: hidden; z-index: 50; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner.activated > .stm-icon-load1, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner.activated:before { opacity: 1; visibility: visible; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-title { margin: -5px 0 23px; text-transform: uppercase; font-size: 14px; font-weight: 700; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-text { font-size: 13px; line-height: 24px; color: #888; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm_register_title { padding-top: 35px; margin-bottom: 20px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm_register_title h3 { float: left; margin-right: 42px; font-size: 20px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm_register_title .stm_login_me { margin-top: 3px; font-size: 13px; color: #888; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-login-register-form { margin-top: 0; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-login-register-form .stm-register-form form .stm-listing-loader.visible i { margin-left: 10px; visibility: visible; color: #6c98e1; opacity: 1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user button[type=submit] { display: inline-block; vertical-align: top; position: relative; padding: 17px 20px 11px 62px; font-size: 12px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user button[type=submit] i { position: absolute; top: 12px; left: 21px; font-size: 20px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user button[type=submit].disabled { background-color: #838588; opacity: 0.33; box-shadow: 0 2px 0 #686a6d; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user button[type=submit].disabled:hover { cursor: not-allowed; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup { position: absolute; bottom: 100%; z-index: 1000; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner { position: relative; width: 486px; padding: 30px 23px 30px; background-color: #fff; border-top: 4px solid #6c98e1; box-shadow: 0 5px 29px rgba(0, 0, 0, 0.24); z-index: 2; overflow: hidden; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner .fa-times { position: absolute; right: 10px; top: 20px; padding: 10px; cursor: pointer; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner:before { position: absolute; content: ""; display: block; bottom: 0px; left: 0; width: 100%; height: 20px; background-color: #fff; z-index: 3; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner:after { position: absolute; content: ""; display: block; height: 20px; width: 20px; bottom: -10px; left: 50%; margin-left: -10px; background-color: #fff; transform: rotate(-45deg); box-shadow: 0 5px 29px rgba(0, 0, 0, 0.24); z-index: 1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup h5 { margin-bottom: 25px; font-weight: 700; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .labels-units { margin: 0 -15px 15px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .labels-units label { display: inline-block; margin: 0 13px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup input[type=text] { float: none !important; max-width: 100% !important; height: 40px !important; line-height: 40px !important; margin-bottom: 20px !important; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .button { display: inline-block; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup.stm-invisible { opacity: 0; visibility: hidden; bottom: 110%; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-video-link-unit-wrap .video-label { display: inline-block; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-price-edit .stm_price_input { padding: 30px 40px 45px 40px; background-color: #6c98e1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-price-edit .stm_price_input .stm_label { margin-bottom: 12px; color: #fff; letter-spacing: 0.3px; font-weight: 700; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup { position: absolute; bottom: 100%; z-index: 1000; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner { position: relative; width: 486px; padding: 30px 23px 30px; background-color: #fff; border-top: 4px solid #6c98e1; box-shadow: 0 5px 29px rgba(0, 0, 0, 0.24); z-index: 2; overflow: hidden; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner .fa-times { position: absolute; right: 10px; top: 20px; padding: 10px; cursor: pointer; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner:before { position: absolute; content: ""; display: block; bottom: 0px; left: 0; width: 100%; height: 20px; background-color: #fff; z-index: 3; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner:after { position: absolute; content: ""; display: block; height: 20px; width: 20px; bottom: -10px; left: 50%; margin-left: -10px; background-color: #fff; transform: rotate(-45deg); box-shadow: 0 5px 29px rgba(0, 0, 0, 0.24); z-index: 1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup h5 { margin-bottom: 25px; font-weight: 700; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .labels-units { margin: 0 -15px 15px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .labels-units label { display: inline-block; margin: 0 13px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup input[type=text] { float: none !important; max-width: 100% !important; height: 40px !important; line-height: 40px !important; margin-bottom: 20px !important; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .button { display: inline-block; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup.stm-invisible { opacity: 0; visibility: hidden; bottom: 110%; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-video-link-unit-wrap .video-label { display: inline-block; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-plans { margin-bottom: 30px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-plans .user-plans-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; max-width: 220px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-non-relative { position: static; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-relative { position: relative; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user { position: relative; z-index: 5; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user-wrapper { display: flex; justify-content: space-between; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info { display: flex; align-items: center; padding: 30px 0; max-width: 300px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info .avatar { float: left; width: 80px; height: 80px; border-radius: 50%; margin-right: 23px; overflow: hidden; background-color: #eee; text-align: center; flex-shrink: 0; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info .avatar .stm-service-icon-user { position: relative; left: 1px; line-height: 75px; text-align: center; font-size: 34px; color: #acb9bd; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info.left-dealer-info .stm-dealer-image-custom-view { margin-bottom: 14px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info.left-dealer-info h4 { margin: 0 15px 7px 20px; font-size: 20px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info .user-info { overflow: hidden; display: inline-block; max-width: 100%; vertical-align: top; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info .user-info h4 { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.5; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info .user-info .stm-label { font-size: 13px; color: #888; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .right-info { overflow: hidden; text-align: right; font-size: 13px; padding: 40px 0 20px 30px; border-left: 1px solid #ddd; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .right-info .fas.fa-external-link-alt { position: relative; top: 1px; margin-right: 7px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .right-info .stm_logout { margin-top: 6px; letter-spacing: 0.2px; color: #888; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-not-enabled { display: none; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.89); z-index: 9999; opacity: 0; visibility: hidden; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login-overlay.visiblity { opacity: 1; visibility: visible; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login { position: fixed; top: 50%; width: 350px; left: 50%; margin: -198px 0 0 -175px; z-index: 99999; opacity: 0; visibility: hidden; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login.visiblity { opacity: 1; visibility: visible; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-listing-loader .stm-icon-load1 { margin-left: 10px !important; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-listing-loader.visible .stm-icon-load1 { font-size: 18px; visibility: visible; opacity: 1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form { margin-bottom: 30px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form { padding: 41px 30px 36px; background-color: #6c98e1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form h4 { color: #fff; font-size: 15px; margin-bottom: 14px; letter-spacing: -0.5px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .form-checker { margin-bottom: 26px !important; color: rgba(255, 255, 255, 0.5); font-size: 13px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .form-checker label:hover { cursor: pointer; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .form-group { margin-bottom: 30px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .form-group.form-checker { margin-top: -5px; font-size: 13px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .form-group.form-checker .checker { margin-right: 5px !important; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=text], .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=number], .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=tel], .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=email], .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=search], .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=password] { padding-left: 17px; border-color: #f0f2f5 !important; background-color: #f0f2f5 !important; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=text].form-error, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=number].form-error, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=tel].form-error, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=email].form-error, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=search].form-error, .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=password].form-error { border-color: #ff2325 !important; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=submit] { display: inline-block; margin-right: 10px; font-size: 12px !important; padding: 16px 46px 12px; visibility: inherit; font-weight: 700; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .stm-listing-loader { position: relative; top: 1px; color: #fff; font-size: 15px; line-height: 15px; visibility: hidden; opacity: 0; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .stm-listing-loader i { display: inline-block; animation: rotating 2s infinite linear; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .stm-listing-loader.visible { visibility: visible; opacity: 1; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .stm-message-ajax-validation { margin-top: 18px; padding: 10px; text-align: center; background-color: #fff; border-radius: 5px; font-size: 13px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-loader { position: relative; display: inline-block; vertical-align: top; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-loader .stm-icon-load1 { margin: 12px 0 0 !important; position: static !important; font-size: 18px !important; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-loader.activated i { opacity: 1 !important; visibility: visible !important; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-message { display: none; margin: 10px 0 25px; padding: 15px 30px; background-color: #6c98e1; color: #fff !important; font-weight: 700; border-radius: 4px; } .stm_motors_listing_types_multilisting_active .stm-show-password { position: relative; } .stm_motors_listing_types_multilisting_active .stm-show-password .fas { position: absolute; right: 0; width: 50px; height: 100%; line-height: 46px; text-align: center; font-size: 18px; opacity: 0.8; } .stm_motors_listing_types_multilisting_active .stm-show-password .fas:hover { cursor: pointer; opacity: 1; } .stm_motors_listing_types_multilisting_active .stm-show-password input { padding-right: 45px !important; } .stm_motors_listing_types_multilisting_active .stm-login-register-form { margin: 27px 0 0; } .stm_motors_listing_types_multilisting_active .stm-login-register-form h3 { margin-bottom: 28px; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form { margin-bottom: 30px; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form { padding: 41px 30px 36px; background-color: #6c98e1; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form h4 { color: #fff; font-size: 15px; margin-bottom: 14px; letter-spacing: -0.5px; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .form-checker { margin-bottom: 26px !important; color: rgba(255, 255, 255, 0.5); } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .form-checker label:hover { cursor: pointer; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .form-group { margin-bottom: 30px; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .form-group.form-checker { margin-top: -5px; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .form-group.form-checker .checker { margin-right: 5px !important; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=text], .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=number], .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=tel], .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=email], .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=search], .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=password] { padding-left: 17px; border-color: #f0f2f5 !important; background-color: #f0f2f5 !important; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=text].form-error, .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=number].form-error, .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=tel].form-error, .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=email].form-error, .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=search].form-error, .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=password].form-error { border-color: #ff2325 !important; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=submit] { display: inline-block; margin-right: 10px; font-size: 12px !important; padding: 16px 46px 12px; font-weight: 700; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .stm-listing-loader { position: relative; top: 1px; color: #fff; font-size: 15px; line-height: 15px; visibility: hidden; opacity: 0; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .stm-listing-loader i { display: inline-block; animation: rotating 2s infinite linear; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .stm-listing-loader.visible { visibility: visible; opacity: 1; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .stm-message-ajax-validation { margin-top: 18px; padding: 10px; text-align: center; background-color: #fff; border-radius: 5px; font-size: 13px; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form { margin-bottom: 30px; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form { padding: 37px 30px 4px; background-color: #fff; border-top: 4px solid #6c98e1; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form h4 { font-size: 15px; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .form-group { margin-bottom: 30px; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .form-group h4 { margin-bottom: 14px; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .form-group.form-checker { margin-bottom: 25px; color: #888; font-size: 13px; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .form-group input[type=submit] { display: inline-block; margin-right: 10px; padding: 16px 22px 12px; font-size: 12px; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form input[type=submit][disabled] { background-color: #c9cccf !important; box-shadow: 0 2px 0 rgba(201, 204, 207, 0.5); } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form input[type=submit][disabled]:hover { cursor: not-allowed; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form input[type=submit].cptch_nbld { margin-top: 16px; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form input[type=text], .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form input[type=number], .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form input[type=tel], .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form input[type=email], .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form input[type=search], .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form input[type=password] { padding-left: 17px; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .stm-listing-loader { position: relative; top: 1px; color: #6c98e1; font-size: 15px; line-height: 15px; visibility: hidden; opacity: 0; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .stm-listing-loader i { display: inline-block; animation: rotating 2s infinite linear; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .stm-listing-loader.visible { visibility: visible; opacity: 1; } .stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .stm-message-ajax-validation { margin-bottom: 20px; background-color: #6c98e1; color: #fff; padding: 10px 20px; text-align: center; border-radius: 5px; } .stm_motors_listing_types_multilisting_active .stm-user-public-profile .tab-content .multilisting-select { margin-right: 10px; float: right; } @media (max-width: 1100px) { .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=text], .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number], .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2 { max-width: 170px; } } @media (max-width: 991px) { .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter { width: 50%; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-2-features .stm-single-feature { width: 33.33333%; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-simple-notice { margin: 10px 0 15px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases:after { top: -27px; left: 50%; margin-left: -5px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases:before { top: -27px; left: 50%; margin-left: -12px; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap .stm-form-1-quarter .stm-location-input-wrap { width: 48%; } .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-link-lat-lng-wrap { width: 48%; } } @media (max-width: 767px) { .stm_motors_listing_types_multilisting_active .stm-form-price-edit .stm_price_input { padding: 20px 15px 25px; margin-bottom: 30px; } } @media (max-width: 430px) { .stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-2-features .stm-single-feature { width: 100%; } } .stm_motors_listing_types_multilisting_active.stm-template-car_dealer .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit, .stm_motors_listing_types_multilisting_active.stm-template-car_dealer .stm_price_input, .stm_motors_listing_types_multilisting_active.stm-template-car_dealer .stm-form1-intro-unit, .stm_motors_listing_types_multilisting_active.stm-template-car_dealer .stm-login-form form { background-color: #232628 !important; } .stm_motors_listing_types_multilisting_active.stm-template-car_dealer .stm-border-top-unit { border-top: 4px solid #232628; padding-top: 27px; } .stm_motors_listing_types_multilisting_active.stm-template-car_dealer_two .mce-container .mce-btn > button { background-color: unset !important; } .stm_motors_listing_types_multilisting_active.stm-template-equipment .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit, .stm_motors_listing_types_multilisting_active.stm-template-equipment .stm_price_input, .stm_motors_listing_types_multilisting_active.stm-template-equipment .stm-form1-intro-unit, .stm_motors_listing_types_multilisting_active.stm-template-equipment .stm-form-checking-user, .stm_motors_listing_types_multilisting_active.stm-template-equipment .stm-form-checking-user:before, .stm_motors_listing_types_multilisting_active.stm-template-equipment .stm-form-checking-user:after, .stm_motors_listing_types_multilisting_active.stm-template-equipment .stm-login-form form { background-color: #232628 !important; } .stm_motors_listing_types_multilisting_active.stm-template-equipment .stm_add_car_form .stm-border-top-unit { padding-right: 0 !important; } .stm_motors_listing_types_multilisting_active.stm-template-equipment .add-car-btns-wrap button { box-shadow: 0 2px 0 #6c98e1 !important; } .stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit, .stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm_price_input, .stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm-form1-intro-unit, .stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm-login-form form { background-color: #161e21 !important; } .stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm-form-checking-user, .stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm-form-checking-user:before, .stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm-form-checking-user:after { background-color: #0e1315 !important; } .stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm_add_car_form .stm-border-top-unit { padding-right: 0 !important; } .stm_motors_listing_types_multilisting_active.stm-template-boats .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit, .stm_motors_listing_types_multilisting_active.stm-template-boats .stm_price_input, .stm_motors_listing_types_multilisting_active.stm-template-boats .stm-form1-intro-unit, .stm_motors_listing_types_multilisting_active.stm-template-boats .stm-login-form form { background-color: #232628 !important; } .stm_motors_listing_types_multilisting_active.stm-template-listing .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit, .stm_motors_listing_types_multilisting_active.stm-template-listing .stm_price_input, .stm_motors_listing_types_multilisting_active.stm-template-listing .stm-form1-intro-unit, .stm_motors_listing_types_multilisting_active.stm-template-listing .stm-login-form form { background-color: #153e4d !important; } .stm_motors_listing_types_multilisting_active.stm-template-listing .stm-login-register-form .stm-register-form form { border-top: 4px solid #153e4d; } .stm_motors_listing_types_multilisting_active.stm-template-listing_two .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit, .stm_motors_listing_types_multilisting_active.stm-template-listing_two .stm_price_input, .stm_motors_listing_types_multilisting_active.stm-template-listing_two .stm-form1-intro-unit, .stm_motors_listing_types_multilisting_active.stm-template-listing_two .stm-login-form form, .stm_motors_listing_types_multilisting_active.stm-template-listing_two_elementor .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit, .stm_motors_listing_types_multilisting_active.stm-template-listing_two_elementor .stm_price_input, .stm_motors_listing_types_multilisting_active.stm-template-listing_two_elementor .stm-form1-intro-unit, .stm_motors_listing_types_multilisting_active.stm-template-listing_two_elementor .stm-login-form form { background-color: #153e4d !important; } .stm_motors_listing_types_multilisting_active.stm-template-listing_two .stm-login-register-form .stm-register-form form, .stm_motors_listing_types_multilisting_active.stm-template-listing_two_elementor .stm-login-register-form .stm-register-form form { border-top: 4px solid #153e4d; } .stm_motors_listing_types_multilisting_active.stm-template-listing_three .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit, .stm_motors_listing_types_multilisting_active.stm-template-listing_three .stm_price_input, .stm_motors_listing_types_multilisting_active.stm-template-listing_three .stm-form1-intro-unit, .stm_motors_listing_types_multilisting_active.stm-template-listing_three .stm-login-form form { background-color: #153e4d !important; } .stm_motors_listing_types_multilisting_active.stm-template-listing_three .stm-login-register-form .stm-register-form form { border-top: 4px solid #153e4d; } .stm_motors_listing_types_multilisting_active.stm-template-listing_four .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit, .stm_motors_listing_types_multilisting_active.stm-template-listing_four .stm_price_input, .stm_motors_listing_types_multilisting_active.stm-template-listing_four .stm-form1-intro-unit, .stm_motors_listing_types_multilisting_active.stm-template-listing_four_elementor .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit, .stm_motors_listing_types_multilisting_active.stm-template-listing_four_elementor .stm_price_input, .stm_motors_listing_types_multilisting_active.stm-template-listing_four_elementor .stm-form1-intro-unit, .stm_motors_listing_types_multilisting_active .stm-login-form form .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit, .stm_motors_listing_types_multilisting_active .stm-login-form form .stm_price_input, .stm_motors_listing_types_multilisting_active .stm-login-form form .stm-form1-intro-unit { background-color: #232628 !important; } .stm_motors_listing_types_multilisting_active.stm-template-listing_four .stm-login-register-form .stm-register-form form, .stm_motors_listing_types_multilisting_active.stm-template-listing_four_elementor .stm-login-register-form .stm-register-form form, .stm_motors_listing_types_multilisting_active .stm-login-form form .stm-login-register-form .stm-register-form form { border-top: 4px solid #232628; } @media (max-width: 767px) { .stm-add-a-car-user-wrapper { flex-direction: column; align-items: center !important; } .stm_add_car_form .stm-add-a-car-user .right-info { text-align: center !important; border-left: none; padding: 20px; } .add-car-btns-wrap { flex-direction: column !important; align-items: center; margin-right: 0 !important; } } .make_featured_switcher { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; margin-bottom: 15px; } .make_featured_switcher .make_featured_label { display: block; margin-left: 10px; font-weight: 600; } .make_featured_switcher .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .make_featured_switcher .switch input { display: none; } .make_featured_switcher .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; } .make_featured_switcher .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: 0.4s; } .make_featured_switcher input:checked + .slider { background-color: #6c98e1; } .make_featured_switcher input:focus + .slider { box-shadow: 0 0 1px #6c98e1; } .make_featured_switcher input:checked + .slider:before { transform: translateX(26px); } .make_featured_switcher .slider.round { border-radius: 34px; } .make_featured_switcher .slider.round:before { border-radius: 50%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .stm-template-car_dealer.page-template-home-service-layout .button_3d:hover .default-state { transform: none; } .stm-template-car_dealer.page-template-home-service-layout .button_3d:hover .active-state { top: 0; transform: none; } } @media (max-width: 1740px) { body.stm-boxed .stm-counter .stm-counter-label .h4 { padding-right: 35px; } .stm-counter .stm-counter-label { text-align: center; } .stm-counter .stm-counter-circle { float: none !important; margin: 0 auto !important; } .page-template-home-service-layout .stm-counter .stm-counter-label .h4 { text-align: center; } } @media (max-width: 1450px) { body.home.stm-layout-header-listing_five #wrapper .header-main:not(.stm-fixed) { padding: 72px 0 25px; } body.home.stm-layout-header-listing_five #wrapper .header-main:not(.stm-fixed) .stm-header-right .head-phone-wrap { margin-left: 20px; } } @media (max-width: 1430px) { .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:nth-child(2) > .vc_column-inner, .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:first-child > .vc_column-inner { padding-right: 30px !important; padding-left: 30px !important; } } @media (min-width: 1200px) { body.stm-boxed .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:nth-child(2) > .vc_column-inner, body.stm-boxed .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:first-child > .vc_column-inner { margin: 0 -55px; } .vc_column_container.stm-vc-single-car-content-left { padding-right: 42px !important; } .vc_column_container.stm-vc-single-car-content-right { padding-left: 42px !important; } .stm-vc-single-car-sidebar-left > .wpb_wrapper { margin-right: -30px; } .stm-vc-single-car-sidebar-right > .vc_column-inner > .wpb_wrapper { margin-left: -30px; } .lg-text-center { text-align: center; } .lg-text-left { text-align: left; } .lg-text-right { text-align: right; } .lg-dp-in { display: inline-block; max-width: 100%; vertical-align: top; } .stm-slider-nice-height { min-height: 600px !important; } } @media (max-width: 1140px) { .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:nth-child(2) > .vc_column-inner, .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:first-child > .vc_column-inner { padding-right: 15px !important; padding-left: 15px !important; } body.home.stm-layout-header-listing_five #wrapper .header-main .add-listing-btn { font-size: 0px; padding: 5px 4px; margin-left: 30px; } body.home.stm-layout-header-listing_five #wrapper .header-main .add-listing-btn i { margin: 0; font-size: 14px; } body.home.stm-layout-header-listing_five #wrapper .header-main .lOffer-account { margin-left: 30px; } } @media (max-width: 1199px) and (min-width: 992px) { #top-bar .header-top-bar-socs { margin-left: 30px; } #top-bar .header-login-url { margin-left: 30px; } #top-bar .top-bar-info li { margin-left: 30px; } .md-text-center { text-align: center; } .md-text-left { text-align: left; } .md-text-right { text-align: right; } .md-dp-in { display: inline-block; max-width: 100%; vertical-align: top; } } @media (max-width: 1025px) and (min-width: 992px) { .stm-service-contact-us-form-wrapper { padding-bottom: 47px !important; } .sm-xs-text-center { text-align: center !important; } .stm-counter .stm-counter-label { padding: 0 10px !important; } } @media (max-width: 1025px) and (min-width: 768px) { .listing-car-items .listing-car-item .listing-car-item-inner { max-width: 320px; } .listing-car-items .listing-car-item .listing-car-item-meta { padding-top: 15px; padding-bottom: 8px; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li { margin-top: 10px; } } @media (max-width: 1025px) { h2 br { display: none; } .stm-image-links .stm-image-link .inner img { padding-top: 5px !important; max-height: 100%; filter: grayscale(0%) !important; -webkit-filter: grayscale(0%) !important; } .header-service .header-service-right .service-header-appointment { margin: 7px 10px 0 10px !important; } .header-service.header-service-sticky { position: absolute !important; padding-top: 22px !important; background: transparent !important; } .header-service.header-service-sticky .bloglogo img { width: 100% !important; margin-top: 0 !important; } .media-carousel-item .stm_fancybox:after { display: none !important; opacity: 0 !important; } .stm-fullwidth-with-parallax { background-attachment: scroll; background-size: cover; } .listing-car-items .listing-car-item .car-title { margin-top: 13px; text-overflow: ellipsis; white-space: nowrap; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li { margin-right: 10px; } .single-car-prices { margin-top: 25px; } .stm-vc-single-car-sidebar-right, .stm-single-car-side { margin-left: 0 !important; } .stm-vc-single-car-content-left { padding-right: 15px !important; } .stm-single-car-content { padding-right: 0 !important; } .single-car-prices .h4 { font-size: 18px; } .classic-filter-row .sidebar-entry-header { padding: 26px 40px 21px 108px; margin: 0 -40px 25px; } .classic-filter-row .filter-sidebar { padding-right: 40px; padding-left: 40px; } .single-car-actions > ul li { display: block; } .single-car-actions > ul li:first-child { display: block; } .single-car-actions > ul li:nth-child(2) { display: block; } .single-car-actions > ul li:nth-child(3) { display: block; } .listing-list-loop .content .meta-middle .meta-middle-unit { display: none; } .listing-list-loop .content .meta-middle .meta-middle-unit:first-child { display: block; } .listing-list-loop .content .meta-middle .meta-middle-unit:nth-child(2) { display: block; } .listing-list-loop .content .meta-middle .meta-middle-unit:nth-child(3) { display: block; } .listing-list-loop .content .meta-middle .meta-middle-unit:nth-child(4) { display: block; border-right: none; } .classic-filter-row .sidebar-entry-header i { left: 39px; } .classic-filter-row .filter-price { margin-top: 25px; } .stm-adaptive-tablet-margins .stm-mt-icon-box-adaptive-style-three { padding: 0 15px; } .stm-adaptive-tablet-margins .stm-mt-icon-box-adaptive-style-three .icon-box .icon-text h6.title { min-height: 36px; } .header-nav { position: static !important; } .header-nav.header-nav-transparent { position: static; margin-bottom: 0; background: #eaedf0; } } @media (max-width: 1024px) { .header-service .header-menu > li.menu-item-has-children > ul { visibility: visible; top: 100%; opacity: 1; position: relative; background: transparent; box-shadow: none; } .header-service .header-menu > li.menu-item-has-children > ul > li { text-transform: uppercase; } .header-service .header-menu > li.menu-item-has-children > ul > li > a { font-weight: 500; } .page-template-home-service-layout .service-mobile-menu-trigger { display: block !important; } .page-template-home-service-layout .header-service .header-menu { display: none; position: absolute; top: 100%; width: 100%; padding: 15px !important; margin: 15px -15px 0; background-color: #232628; } .page-template-home-service-layout .header-service .header-menu > li { display: block; text-align: left; } .page-template-home-service-layout .header-service .header-menu > li a { color: #191d21; } .page-template-home-service-layout .header-service .header-menu > li > ul > li a { background: #fff; } .page-template-home-service-layout .header-service .header-menu > li > ul > li.current-menu-item > a:after { content: "\f107"; } .page-template-home-service-layout .header-service .header-menu > li > ul > li > ul { position: relative; left: 10%; visibility: visible; opacity: 1; z-index: 1; background: transparent; box-shadow: none; } body .stm_listing_icon_filter.stm_listing_icon_filter_12 .stm_listing_icon_filter_single { width: 16.6%; } } @media (max-width: 1024px) { body #wrapper #header .header-main .mobile-menu-holder .header-menu > li > a { line-height: 20px; } body.home.stm-layout-header-listing_five #wrapper #header .header-main { padding: 5px 0 30px; } body.home.stm-layout-header-listing_five #wrapper #header .header-main .stm-header-right .head-phone-wrap { margin-left: 20px; } body.stm-layout-header-listing_five #wrapper #header .mobile-menu-holder { min-width: 300px; } body.stm-layout-header-listing_five #wrapper #header .mobile-menu-holder .header-menu li a { margin-left: 0; line-height: 14px; } body.stm-layout-header-listing_five #wrapper #header .mobile-menu-holder .header-menu li .add-listing-btn { position: relative; display: block; padding: 10px 80px 10px 10px; color: #ffffff; text-transform: uppercase; text-decoration: none !important; text-align: left; background: transparent; margin: 0; width: auto; height: auto; font-size: 13px; border: none; } } @media (max-width: 960px) { .nav-search { display: none !important; } .header-help-bar-trigger { display: block; } .header-help-bar { display: block; position: relative; top: 52px; } .header-help-bar ul { display: none; position: absolute; margin-right: -47px; padding-right: 5px; width: 200px; top: 100%; right: 100%; background-color: #eaedf0; } .header-help-bar ul li { float: right; text-align: right; width: 100%; } .header-help-bar ul li a { background-color: transparent !important; } .header-help-bar ul li i { display: inline-block; min-width: 30px; } .header-help-bar ul li.mobile-search { display: block; visibility: visible; padding: 5px 12px 20px 16px; } .header-help-bar ul li.mobile-search #searchform .search-input { border-radius: 0; height: 30px; line-height: 30px; padding: 5px 10px !important; font-size: 13px; box-shadow: none; background-color: #fff; } .header-help-bar ul li.mobile-search #searchform .search-submit { height: 30px; width: 30px; font-size: 13px; background-color: transparent; color: #6c98e1 !important; } } @media (min-width: 992px) { .header-service .header-menu { display: block; } .lg-md-text-center { text-align: center; } .lg-md-text-left { text-align: left; } .lg-md-text-right { text-align: right; } .lg-md-dp-in { display: inline-block; max-width: 100%; vertical-align: top; } .md-mg-rt { margin-right: -6px; } .md-mg-lt { margin-left: -6px; } .stm-carousel-fullwidth .media-carousel-item { max-width: inherit; width: auto; margin: 0 auto; } .stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases { padding-left: 24px; } } @media (max-width: 920px) { #request-trade-in-offer .modal-dialog { width: inherit !important; } .stm-sell-a-car-form .form-upload-files .stm-unit-photos { width: 100%; } .stm-sell-a-car-form input[type=submit] { margin-bottom: 20px; } .stm-sell-a-car-form .form-content .contact-details { padding: 15px; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit label { display: block; } .stm-car-print i { top: 9px; } .stm-car-carousels.stm-listing-car-gallery .car-action-unit > i { position: absolute !important; left: 8px !important; top: 50% !important; margin-top: -1px; font-size: 17px; color: #6c98e1; transform: translateY(-50%); } } @media (max-width: 991px) and (min-width: 768px) { .vc_col-sm-12 .stm-service-layout-info-box { width: 50%; max-width: 50%; } .vc_col-sm-12 .stm-service-layout-info-box .inner { max-width: 350px; margin: 0 auto; } .vc_col-sm-12 .stm-service-layout-info-box:first-child { float: left; } .vc_col-sm-12 .stm-service-layout-info-box:nth-child(2) { float: right; } .vc_col-sm-12 .stm-service-layout-info-box:nth-child(3) { float: right; } body.page-template-home-service-layout .stm-carousel-brands .brands-carousel-item .brands-carousel-item-inner { padding: 25px !important; } #advantages .stm-service-layout-icon-box { float: left; width: 50%; } #advantages .stm-service-layout-icon-box .inner { margin-bottom: 30px !important; } .stm-counter .stm-counter-circle { width: 140px !important; height: 140px !important; line-height: 134px !important; } .stm-counter .stm-counter-label .h4 { font-size: 20px !important; line-height: 26px !important; } .stm-carousel-fullwidth-wrapper .media-carousel-item { max-width: 500px !important; } #header .logo-main { float: none; margin-bottom: 25px; } #header .logo-main a { display: inline-block; max-width: 100%; } .car-listing-tabs-unit .row-4 .col-md-3:nth-child(4n+1) { float: left; clear: none; } .car-listing-tabs-unit .row-4 .col-md-3:nth-child(3n+1) { clear: both; } .footer_widgets_wrapper { padding-top: 50px !important; } .cols_4 aside { width: 50%; } .cols_4 aside:first-child .widget-wrapper { margin-top: 0 !important; } .cols_4 aside:nth-child(2) .widget-wrapper { margin-top: 0 !important; } .cols_4 aside .widget-wrapper { padding-top: 0 !important; border-top: none !important; margin-top: 30px !important; } .cols_4 aside:nth-child(2n+1) { clear: both; } .cols_4 aside:nth-child(4n+1) { clear: none; } .listing-car-items .listing-car-item .car-title { margin-top: 13px; text-overflow: ellipsis; white-space: nowrap; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li { margin-right: 10px; } .main-menu .header-menu > li:first-child { margin-left: 0 !important; } .main-menu .header-menu > li > a { padding: 0 19px; } body.page-template-coming-soon-php .coming-soon-header { padding-top: 55px; } body.page-template-coming-soon-php #wrapper #main { top: 85px; } .stm-modern-filter-unit-images .stm-single-unit-image { text-align: center; } .stm-modern-filter-unit-images .stm-single-unit-image .image { max-width: 140px; } .stm-modern-filter-others .stm-no-image { text-align: left; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } .car-listing-tabs-unit .car-listing-row .col-md-3:last-child { display: block; } .car-listing-tabs-unit .car-listing-row .col-md-3:nth-last-child(2) { display: block; } .listing-car-items .listing-car-item .listing-car-item-inner { max-width: 320px; } .listing-car-items .listing-car-item .listing-car-item-meta { padding-top: 15px; padding-bottom: 15px; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li { margin-top: 12px; } #car-listing-tab-search .icon-button { width: 100%; } #car-listing-tab-search .icon-button i { position: relative; left: 0; top: 2px; margin-right: 5px; } .sm-text-center { text-align: center; } .sm-text-left { text-align: left; } .sm-text-right { text-align: right; } .sm-dp-in { display: inline-block; max-width: 100%; vertical-align: top; } } @media (max-width: 991px) { .header-service .header-service-right { overflow: visible; } .header-service .header-menu { display: none; position: absolute; top: 100%; width: 100%; padding: 15px !important; margin: 15px -15px 0; background-color: #eaedf0; } .header-service .header-menu li { display: block; margin-bottom: 0; width: 100%; } .header-service .header-menu li a { text-align: left; color: #191d21; } .header-service .header-menu li a:hover { background-color: transparent; color: #22b7d2; } .header-service .header-menu li.active a { color: #ecbf24 !important; background-color: inherit; } .wpb_wrapper.wpb_tour_tabs_wrapper.stm_tabs_style_service .wpb_tab.ui-tabs-panel { padding: 50px 0 30px 0 !important; } .stm-image-links .stm-image-link .inner img { filter: grayscale(0%) !important; -webkit-filter: grayscale(0%) !important; } img { transform: translateZ(0); -webkit-transform: translateZ(0); } .wpb_column .wpb_wrapper.wpb_tour_tabs_wrapper.stm_tabs_style_service .wpb_tab.ui-tabs-panel { padding-bottom: 0 !important; } .hidden-info { display: none; } .car-listing-tabs-unit .car-listing-top-part { padding-top: 15px; } .found-cars-cloned { display: none; } .car-listing-row .listing-car-item-meta .car-title { margin-top: 10px; min-height: 36px; white-space: nowrap; text-overflow: ellipsis; } .special-offers .title { padding: 0; } .special-offers .title .all-offers { display: none; } .stm-contact-us-form-wrapper { padding: 40px 30px 10px; } .stm_tabs_style_1 .wpb_tab .icon, .stm_tabs_style_2 .wpb_tab .icon { min-height: 30px !important; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 .wpb_tab.ui-tabs-panel { padding: 15px !important; } .compare-title { font-size: 20px; line-height: 24px; } .stm-call-to-action-1 .stm-call-action-left { width: 70%; } .stm-fullwidth-with-parallax { background-repeat: no-repeat; background-attachment: scroll; } .stm-mt-icon-box-adaptive-style-three .icon-box { padding-left: 0 !important; } .logo-main { position: relative; padding-right: 60px; min-height: 35px; } .vc_toggle .vc_toggle_icon { top: 0; } .single-car-prices { margin-top: 25px; } .single-regular-sale-price table td { text-align: center; } .single-regular-sale-price table td .regular-price-with-sale { text-align: center; } .single-regular-sale-price table td .regular-price-with-sale strong { display: block; } .stm-working-days .title { padding-left: 0; } .stm-working-days .title > i { display: none; } table.stm-working-days-table > tbody > tr td.day-label { font-size: 10px; } table.stm-working-days-table > tbody > tr td.day-value { font-size: 10px; } .post-grid-single-unit .content .title-relative { min-height: 86px; } .post-grid-single-unit .content { padding: 20px 15px 10px 10px; } .sidebar-sm-mg-bt { margin-bottom: 25px; } #request-trade-offer-form, #get-car-price-form, #request-test-drive-form, #get-car-calculator .modal-calculator { position: relative; max-width: 580px; width: auto; margin: 0 auto; top: 40%; left: inherit; transform: translateY(-50%); z-index: 9999; } .stm-compact-sidebar .text-image { margin-left: 10px; } .stm-compact-sidebar .content { padding-left: 10px; } .sm-xs-text-center { text-align: center !important; } .sm-xs-text-left { text-align: left !important; } .sm-xs-text-right { text-align: right !important; } .sm-xs-dp-in { display: inline-block; max-width: 100%; vertical-align: top; } .listing-cars-grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .listing-cars-grid > .dp-in { display: block; overflow: hidden; } .listing-cars-grid > .dp-in .listing-car-item { display: block; overflow: hidden; width: 100%; } #wrapper .stm-modern-filter-found-cars { width: 100%; margin-bottom: 15px; } #wrapper .stm-car-listing-sort-units.stm-modern-filter-actions .stm-sort-by-options { float: left; } .modal-header-iconed .mobile-close-modal { display: block; width: 18px; height: 18px; position: absolute; right: 10px; top: 10px; } .modal-header-iconed .mobile-close-modal > i.fa-times { position: relative; top: 0; left: 0; font-size: 16px; } } @media (max-width: 769px) { body .stm_listing_icon_filter.stm_listing_icon_filter_12 .stm_listing_icon_filter_single { width: 25%; } } @media (max-width: 768px) { #animated-blog-wrapper .intro-effect-fadeout .title { padding: 0 30px !important; } .listing-cars-grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .listing-cars-grid > .dp-in { display: block; overflow: hidden; width: 50%; } .listing-cars-grid > .dp-in .listing-car-item { display: block; overflow: hidden; width: 100%; padding: 0 15px; } .listing-cars-grid > .dp-in .listing-car-item .listing-car-item-inner { max-width: inherit; } .stm-template-car_dealer.page-template-home-service-layout .stm-service-bookly-form { padding-left: 15px !important; padding-right: 15px !important; } .stm-template-car_dealer.page-template-home-service-layout .header-service .header-menu > li > ul > li.current-menu-item > a:after { content: "\f107"; } .stm-template-car_dealer.page-template-home-service-layout .header-service .header-menu > li > ul > li > ul { position: relative; left: 10%; visibility: visible; opacity: 1; z-index: 1; background: transparent; box-shadow: none; } } @media (max-width: 767px) { .stm-compare-row .compare-values .remove-from-compare { bottom: 15px; opacity: 1; } .blog .col-md-3.hidden-xs { display: block !important; float: left; margin-top: 30px !important; } .stm-counter { margin-bottom: 30px; } .stm_automanager_features_list .stm_automanager_single { width: 100%; } .stm-sell-a-car-form .disclaimer { width: 100%; padding-top: 10px; } .form-upload-files .stm-unit-photos { width: 100% !important; margin-right: 0 !important; margin-bottom: 20px; } .form-upload-files .stm-unit-url { width: 100% !important; margin-right: 0 !important; } ul.list-style-2 { margin-bottom: 30px !important; } .single-listings ul.list-style-1 { margin-bottom: 30px !important; } .header-service .header-service-right .service-header-appointment { display: none; } .stm-image-links-4 .stm-image-link { width: 50% !important; } .page-template-home-service-layout .stm-slider-button i { display: none !important; } .page-template-home-service-layout .stm-slider-button { padding: 16px 30px; } .xs-text-center { text-align: center; } .xs-text-left { text-align: left; } .xs-text-right { text-align: right; } .xs-dp-in { display: inline-block; max-width: 100%; vertical-align: top; } .stm-listing-tabs ul li { display: block; margin-right: 0; } .wpb_wrapper .icon-box { padding-left: 0 !important; margin-left: 0 !important; overflow: hidden; } .wpb_wrapper .icon-box .icon { float: left; } .wpb_wrapper .icon-box .icon-text { float: left; width: calc(100% - 101px); } .wpb_wrapper .icon-box.no-icon { padding-left: 30px !important; } .wpb_wrapper .icon-box.no-icon .icon-text { width: 100%; } .stm-mt-icon-box-adaptive-style-one .wpb_wrapper .icon-box { padding-left: 15px !important; } .stm-contact-us-form-wrapper { padding: 40px 30px 10px; } .stm-contact-us-form-wrapper .form-group { padding-left: 0 !important; margin-right: 0 !important; } .stm-contact-us-form-wrapper .col-md-5 .contact-us-submit, .stm-contact-us-form-wrapper .col-md-5 .form-group { margin-left: 0 !important; } .footer_widgets_wrapper { padding-top: 25px; } .cols_4 aside, .cols_3 aside, .cols_2 aside, .cols_1 aside { width: 100%; } .cols_4 aside:first-child .widget-wrapper, .cols_3 aside:first-child .widget-wrapper, .cols_2 aside:first-child .widget-wrapper, .cols_1 aside:first-child .widget-wrapper { margin-top: 0 !important; } .cols_4 aside .widget-wrapper, .cols_3 aside .widget-wrapper, .cols_2 aside .widget-wrapper, .cols_1 aside .widget-wrapper { padding-top: 0 !important; border-top: none !important; margin-top: 30px !important; margin-bottom: 0 !important; } .cols_4 aside:nth-child(2n+1) { clear: both; } .cols_4 aside:nth-child(4n+1) { clear: none; } #sb_instagram.sbi_col_4 #sbi_images .sbi_item { width: 25% !important; } #sb_instagram .sbi_photo { max-height: 80px !important; } .compare-title { margin-top: 0; } .compare-car-visible { display: block; } .car-listing-row.stm-car-compare-row { display: none; } .stm-compare-row .col-xs-4 { width: 100%; } .mpg-mobile-selector { min-width: 100%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 26px; } h3, .h3 { font-size: 20px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 14px; } .car-listing-row .wp-post-image { width: 100%; height: auto; } .car-listing-main-part { padding-top: 20px; } .tab-search-title { font-size: 20px; } .tab-search-title i { top: 0; } #car-listing-tab-search .icon-button { width: 100%; } #car-listing-tab-search .icon-button i { position: relative; left: 0; top: 2px; margin-right: 5px; } .stm-mt-icon-box-adaptive-style-one .wpb_wrapper .icon-box { margin: 0 -15px !important; padding-left: 40px !important; } .stm-fullwidth-with-parallax.stm-mt-icon-box-adaptive-style-one { padding-top: 30px !important; padding-bottom: 30px !important; } .listing-car-items .listing-car-item { padding: 0; } .listing-car-items .listing-car-item .listing-car-item-inner { max-width: 290px; } .listing-car-items .listing-car-item .car-title { display: block; padding-top: 20px; clear: both; white-space: normal; text-overflow: clip; } .owl-dots { visibility: hidden; width: 30px; opacity: 0; } .owl-dots button { background-color: transparent !important; box-shadow: none !important; } .stm-mt-icon-box-adaptive-style-one .wpb_wrapper .icon-box { padding-right: 30px !important; } .listing-car-items .listing-car-item .price { float: left; } .footer-copyright .xs-pull-left { margin-top: 15px; float: left !important; } .stm-car-listing-sort-units .stm-sort-by-options > span { display: none; } .listing-list-loop:not(.listing-list-loop-edit) .content { position: relative; z-index: 20; } body:not(.stm-hoverable-interactive-galleries):not(.stm-template-car_dealer_two) .listing-list-loop .content { margin-top: -49px; } } @media (max-width: 767px) and (max-width: 767px) { body:not(.stm-hoverable-interactive-galleries):not(.stm-template-car_dealer_two) .listing-list-loop .content { margin-top: 10px; } } @media (max-width: 767px) { .stm-hoverable-interactive-galleries .listing-list-loop .content { margin-top: 10px; } .listing-list-loop .image { float: none; max-width: 100%; margin: 0px; } .listing-list-loop .content .meta-top .price.discounted-price { float: right; } .listing-list-loop .content .meta-top .price-holder { float: right; height: 49px; } .listing-list-loop .content .title { clear: both; display: block; padding-top: 30px; font-size: 20px; } } @media (max-width: 767px) and (max-width: 767px) { .listing-list-loop .content .title { display: inline; } } @media (max-width: 767px) { .stm-hoverable-interactive-galleries .listing-list-loop .content .title { display: inline; } .stm-call-to-action-1 .stm-call-action-left:after { display: none; } .stm-call-to-action-1 .stm-call-action-left, .stm-call-to-action-1 .stm-call-action-left:after { background-color: transparent !important; } .stm-call-to-action-1 .stm-call-action-right { width: 100%; z-index: -1; } .stm-call-to-action-1 .stm-call-action-right:after { position: absolute; content: ""; display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.5); } .stm-car-view-more { width: 100%; text-align: center; display: block; margin-top: 20px; } .listing-list-loop .content { padding-bottom: 3px; } .listing-list-loop .content .meta-middle .meta-middle-unit { display: block; float: none; border-right: none; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ddd; } .listing-list-loop .content .meta-middle .meta-middle-unit:last-child { border-bottom: none; } .listing-list-loop .content .meta-middle .meta-middle-unit.font-exists .meta-middle-unit-top { display: inline-block; } .listing-list-loop .content .meta-middle .meta-middle-unit.font-exists .value { display: inline-block; padding-left: 0; } } @media (max-width: 767px) and (max-width: 768px) { .listing-list-loop .content .meta-middle .meta-middle-unit.font-exists .value .stm-tooltip-link { margin-top: 3px; font-size: 14px; } } @media (max-width: 767px) { .listing-list-loop .content .meta-middle .meta-middle-unit .name { font-size: 14px; text-transform: none; } .single-car-actions > ul { text-align: center; } .single-car-actions > ul li { display: block; float: none; margin-right: 0; width: 100%; } .single-car-actions > ul li.certified-logo-2, .single-car-actions > ul li.certified-logo-1 { padding-top: 15px; display: inline-block; width: 49%; } .single-car-actions > ul li.certified-logo-1 { padding-left: 15px; margin: 0; } .single-car-actions > ul li.certified-logo-2 { padding-right: 20px; margin: 0; } .car-action-unit.add-to-compare { width: 100%; padding-left: 36px; } .car-action-unit, .stm-template-ev_dealer #wrapper .single-car-actions .car-action-unit, .added_date { line-height: 36px; } .car-action-unit > i { position: relative; top: 1px; left: -8px; } .stm-template-car_dealer .car-action-unit > i.fa-print { top: 9px; } .car-action-unit.add-to-compare.stm-added .stm-show-on-hover { padding-left: 10px; } .car-action-unit.add-to-compare.stm-added .stm-show-on-hover > i { position: relative; left: -5px; top: -2px; font-size: 14px; } .single-add-to-compare .single-add-to-compare-left { padding-left: 0; } .single-add-to-compare .single-add-to-compare-left .add-to-compare-icon { display: none; } .compare-fixed-link { display: inline-block; float: none !important; margin: 0 0 10px; } .single-add-to-compare { padding-top: 0; } .single-car-actions .stock-num { padding-top: 8px; padding-bottom: 8px; } .car-action-unit.add-to-compare.disabled:after { top: 11px; } .stm-modern-filter-found-cars { float: none; padding-bottom: 15px; } .stm-car-listing-sort-units.stm-modern-filter-actions .stm-sort-by-options { float: left; } .car-action-unit.stm-brochure { width: 100%; } .car-action-unit.stm-brochure > i { left: -11px; top: 2px; } .car-action-unit.stm-share { width: 100%; padding-left: 38px; } .car-action-unit.stm-share > i { left: -11px; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li { float: none; text-align: center; } .lists-inline > ul { width: 100%; margin-bottom: 25px; } .stm-col-pad-left { margin-top: 20px !important; padding-left: 15px !important; } span.vc_tta-title-text { margin-left: 0 !important; } div.stm_auto_loan_calculator { margin-bottom: 25px; } body.page-template-coming-soon-php .coming-soon-header { padding-top: 25px; } body.page-template-coming-soon-php #wrapper #main { position: static; } body.page-template-coming-soon-php #wrapper #main .stm-coming-soon-centered { position: static; transform: none; padding-top: 30px; } body.page-template-coming-soon-php #footer-copyright { position: static; } body.page-template-coming-soon-php #wrapper:after { display: none; } body.page-template-coming-soon-php { position: relative; } body.page-template-coming-soon-php:after { position: absolute; content: ""; display: block; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: -1; } body.page-template-coming-soon-php #wrapper #main .stm-coming-soon-centered h1 { font-size: 30px; line-height: 35px; } body.page-template-coming-soon-php div.wpcf7 img.ajax-loader { display: none; } .stm-inline-form .wpcf7-form-control-wrap { width: 100%; } .stm-inline-form input[type=submit] { width: 100%; margin-top: 15px; } .post-list-single-item .blog-meta { margin-top: 0; } .post-list-single-item .absoluted-content { position: static; padding-top: 30px; background: #232628; } .blog-meta .right { width: 100%; float: left; } .post-list-single-item .absoluted-content .relatived-content { padding-bottom: 15px; } .post-list-single-item .blog-meta { padding-bottom: 15px; } .blog-meta-bottom .right { clear: both; float: left; margin-top: 20px; } .stm-author-box .author-image { display: none; } .stm-blog-fullwidth-info .absoluted-content { position: static; background: #232628; } .stm-blog-fullwidth-info .absoluted-content .blog-meta { margin-top: 30px; } .stm-blog-fullwidth-info .absoluted-content .title { padding-top: 30px; } .stm-blog-fullwidth-info .absoluted-content .blog-meta { padding: 26px 0 25px; } .error-header { padding: 26px 0; } .comment .comment-avatar { display: none; } ul.comment-list li ul.children { padding-left: 0; } body.single-post .post-content-vc h4.vc_custom_heading { margin-top: 20px !important; } .post-content blockquote { padding-left: 50px; } .select2-results__options li:active { background-color: #f0f2f5; } #car-listing-tab-search .icon-button { padding-left: 20px; padding-right: 20px; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 110px; } .woocommerce .shop_table.cart .coupon { float: none; } .woocommerce .shop_table.cart .button.update-cart { display: block; float: none; margin-top: 15px; } .product-name_text { margin-top: 0; } .woocommerce .cart-totals_wrap { padding: 18px; } .woocommerce-cart .cart-collaterals .cart_totals table th { padding-right: 10px; } .woocommerce-cart table.cart img, .woocommerce table.shop_table th.product-price, .woocommerce td.product-price { display: none; } #frontend_customizer_button { display: none; } } @media (max-width: 610px) { .stm-call-to-action-1 .stm-call-action-left { width: 100%; padding: 10px 15px; } .stm-call-to-action-1 .stm-call-action-left .stm-call-action-image { display: none; } .compare-col-stm-empty .image .stm-icon-add_car { margin: -10px 0 0 -13px; font-size: 20px; } } @media (max-width: 500px) { #animated-blog-wrapper .intro-effect-fadeout .bg-img img { -o-object-fit: cover; object-fit: cover; } #animated-blog-wrapper .intro-effect-fadeout .title { top: 30%; padding: 0 30px !important; } .listing-cars-grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .listing-cars-grid > .dp-in { display: block; overflow: hidden; width: 100%; } .listing-cars-grid > .dp-in .listing-car-item { display: block; overflow: hidden; width: 100%; padding: 0 15px; } .listing-cars-grid > .dp-in .listing-car-item .listing-car-item-inner { max-width: inherit; } .listing-cars-grid > .dp-in .listing-car-item .listing-car-item-inner .car-meta-top { display: flex; flex-direction: row-reverse; flex-wrap: nowrap; align-items: flex-start; } .listing-cars-grid > .dp-in .listing-car-item .listing-car-item-inner .car-meta-top .car-title { margin-top: 0; padding-top: 0; -ms-word-wrap: break-word; word-wrap: break-word; } .listing-cars-grid > .dp-in .listing-car-item .listing-car-item-inner .car-meta-top .price { margin-left: 10px; } .listing-cars-grid > .dp-in .listing-car-item .listing-car-item-inner .car-meta-top .price > div { white-space: nowrap; } } @media (max-width: 480px) { body .stm_listing_icon_filter.stm_listing_icon_filter_12 .stm_listing_icon_filter_single { width: 50%; } .car-listing-modern-grid .stm-isotope-listing-item .image img { width: 100%; } .stm-isotope-sorting .stm-isotope-listing-item .image .image-inner { max-width: 100%; max-height: inherit; } .stm-isotope-sorting .stm-isotope-listing-item .image .image-inner img { width: 100%; } } @media (max-width: 440px) { .stm-template-car_dealer.page-template-home-service-layout .stm-service-bookly-form { padding-left: 15px !important; padding-right: 15px !important; } .stm-template-car_dealer.page-template-home-service-layout .header-service .header-menu > li > ul > li.current-menu-item > a:after { content: "\f107"; } .stm-template-car_dealer.page-template-home-service-layout .header-service .header-menu > li > ul > li > ul { position: relative; left: 10%; visibility: visible; opacity: 1; z-index: 1; background: transparent; box-shadow: none; } .stm-template-car_dealer .car-listing-tabs-unit .car-listing-row .image { max-height: 200px; } .stm-template-car_dealer .car-listing-tabs-unit .car-listing-row .image img { max-height: 200px; height: 100%; -o-object-fit: cover; object-fit: cover; } .stm-template-car_dealer_elementor .car-listing-tabs-unit .car-listing-row .image { max-height: 200px; } .stm-template-car_dealer_elementor .car-listing-tabs-unit .car-listing-row .image img { max-height: 200px; height: 100%; -o-object-fit: cover; object-fit: cover; } } @media (max-width: 420px) { .woocommerce-message { padding: 26px 26px 66px; } .woocommerce-message .button { top: inherit; left: 26px; right: inherit; bottom: 16px; margin-top: 0; } .stm_dynamic_listing_filter_without_tabs .tab-content .tab-pane form .stm-filter-tab-selects .row { flex-direction: column !important; flex-wrap: wrap; } .stm_dynamic_listing_filter_without_tabs .tab-content .tab-pane form .stm-filter-tab-selects .row .col-md-3 { width: 100% !important; } } @media (max-width: 400px) { #sb_instagram.sbi_col_4 #sbi_images .sbi_item { width: 50% !important; } } .wpb_wrapper button.report_button.stm-button, aside button.report_button.stm-button { margin-bottom: 20px; } #request-stm_vim_history .modal-body { color: #232629; } #request-stm_vim_history .modal-body h4 { color: #232529 !important; } .stm-template-listing #request-stm_vim_history .modal-header-iconed { background-color: #153e4d; } .stm-template-listing #request-stm_vim_history .modal-header .close-history { color: #1bc744; } .stm-template-listing_two #request-stm_vim_history .modal-header-iconed { background-color: #153e4d; } .stm-template-listing_two #request-stm_vim_history .modal-header .close-history { color: #1e7bcc; } .stm-template-listing_three #request-stm_vim_history .modal-header-iconed { background-color: #153e4d; } .stm-template-listing_three #request-stm_vim_history .modal-header .close-history { color: #ff9500; } .stm-template-car_dealer_two #request-stm_vim_history .modal-header-iconed { background-color: #232628; } .stm-template-car_dealer_two #request-stm_vim_history .modal-header .close-history { color: #4971ff; } .stm-template-motorcycle .wpb_wrapper button.report_button.stm-button, .stm-template-motorcycle aside button.report_button.stm-button { color: #ffffff; } .stm-template-motorcycle #request-stm_vim_history .modal-body { background-color: #ffffff; } .stm-template-motorcycle #request-stm_vim_history .modal-header-iconed { background-color: #0e1315; } .stm-template-motorcycle #request-stm_vim_history i, .stm-template-motorcycle #request-stm_vim_history a { color: #df1d1d; } .stm-template-motorcycle #request-stm_vim_history i.fa-lock, .stm-template-motorcycle #request-stm_vim_history a.fa-lock { color: #fff !important; } .stm-template-motorcycle #request-stm_vim_history .modal-header .close-history { color: #df1d1d; } @media (max-width: 767px) { .theme-motors .listing-list-loop.stm-listing-directory-list-loop .stm-listing-compare { right: auto; left: 7px; opacity: 1; z-index: 9999; } .theme-motors .listing-list-loop.stm-listing-directory-list-loop .stm-listing-favorite { right: auto; left: 7px; bottom: 7px; opacity: 1; z-index: 9999; } .theme-motors .stm_edit_disable_car { opacity: 1; bottom: 40px; } } .stm-orange { color: #ffb129; } .mobile-search-filter-opened .select2-dropdown { z-index: 200000; } html.mobile-overflow-hidden { overflow: hidden; height: 100vh; } .mobile-overlay { position: fixed; width: 100%; top: 0; left: 0; height: 100%; z-index: 1000; display: none; } .mobile-overlay.active { display: block; } .mobile-filter .mobile-search-btn { display: none; justify-content: space-between; align-items: center; padding: 16px 22px; margin: 0; background-color: #6c98e1; box-shadow: none; color: #fff; font-family: Montserrat; font-size: 14px; font-weight: 600; border-radius: 3px; outline: none; transition: opacity 0.2s ease-in !important; transform: translateZ(0); opacity: 1; cursor: pointer; } .mobile-filter .mobile-search-btn .h4 { margin: 0; color: #ffffff; } .mobile-filter .mobile-search-btn i { font-size: 18px; } .mobile-filter .mobile-search-btn:hover { opacity: 0.8; } @media (max-width: 1024px) { .mobile-filter .mobile-search-btn { display: flex; } } form.mobile-search-filter { display: flex; flex-direction: column; visibility: hidden; position: fixed; width: 100%; left: -1000px; top: 0; box-shadow: none; min-height: 100%; height: 100vh; height: 100svh; overflow-y: auto; transition: all 0.5s; background-color: #ffffff; z-index: 100000; } @media (min-width: 550px) { form.mobile-search-filter { width: 50%; } } form.mobile-search-filter .grow-wrapper { flex-grow: 1; background-color: transparent; } form.mobile-search-filter .filter { margin: 0 22px 20px 45px; } form.mobile-search-filter .stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label { width: 50%; } form.mobile-search-filter input[type=text], form.mobile-search-filter input[type=number], form.mobile-search-filter input[type=tel], form.mobile-search-filter input[type=email], form.mobile-search-filter input[type=search], form.mobile-search-filter input[type=password] { height: 40px; line-height: 40px; } form.mobile-search-filter .stm-multiple-select .select2-results__option { padding-right: 20px; vertical-align: middle; } form.mobile-search-filter .stm-multiple-select .select2-results__option.select2-results__message:before { display: none; } form.mobile-search-filter .stm-multiple-select .select2-results__option:before { content: ""; display: inline-block; position: relative; height: 20px; width: 20px; border: 2px solid #e9e9e9; border-radius: 4px; background-color: #fff; margin-right: 20px; vertical-align: middle; } form.mobile-search-filter .stm-multiple-select .select2-results__option[aria-selected=true]:before { font-family: "Font Awesome 6 Free"; content: "\f00c"; color: #fff; background-color: #1bc744; border: 0; display: inline-flex; justify-content: center; align-items: center; } form.mobile-search-filter .stm-multiple-select .select2-container--default .select2-results__option[aria-selected=true] { background-color: #fff; } form.mobile-search-filter .stm-multiple-select .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #eaeaeb; color: #272727; } form.mobile-search-filter .stm-multiple-select .select2-container--default .select2-search--inline .select2-search__field { line-height: inherit; height: inherit; } form.mobile-search-filter .stm-multiple-select .select-icon .select2-search--dropdown { display: none; } form.mobile-search-filter .select2-selection--multiple.filter-select { display: flex; border-color: #eceff3; } form.mobile-search-filter .sticky-filter-actions { position: sticky; bottom: 0; height: 73px; background-color: #fff; z-index: 100000; display: flex; justify-content: space-between; align-items: center; padding: 15px 22px 15px 45px; margin: 0; } form.mobile-search-filter .sticky-filter-actions .filter-show-cars { flex-grow: 1; } form.mobile-search-filter .sticky-filter-actions .filter-show-cars .show-car-btn { border-radius: 0; font-family: Montserrat; width: 100%; text-align: center; padding: 13px 28px 13px; } form.mobile-search-filter .sticky-filter-actions .mobile-reset-btn { margin-left: 10px; display: flex; align-items: center; color: #888888; background-color: #fff; border: 1px solid #DBDBDB; justify-content: center; box-shadow: none; border-radius: 0; padding: 13px; } form.mobile-search-filter .sticky-filter-actions .mobile-reset-btn span { display: none; } form.mobile-search-filter .sticky-filter-actions .mobile-reset-btn i { margin: 0; } form.mobile-search-filter .stm-accordion-single-unit.stm-listing-directory-checkboxes .stm-accordion-content .stm-accordion-content-wrapper .stm-accordion-inner .stm-checkbox-submit { width: 95px; } form.mobile-search-filter .stm-accordion-single-unit.stm-listing-directory-checkboxes .stm-accordion-content .stm-accordion-content-wrapper .stm-accordion-inner .stm-checkbox-submit a { padding: 11px 0 10px 0; border-radius: 0; } form.mobile-search-filter .row-pad-top-24 { display: flex; flex-direction: column; } form.mobile-search-filter .col-md-12 { width: 100%; } form.mobile-search-filter.active { visibility: visible; left: -25px; transition: all 0.5s; } form.mobile-search-filter .filter { padding: 0; box-shadow: none; } form.mobile-search-filter .filter .sidebar-entry-header-mobile { display: flex; justify-content: space-between; align-items: center; padding-top: 20px; } form.mobile-search-filter .filter .sidebar-entry-header-mobile .close-btn { position: relative; width: 11px; height: 11px; cursor: pointer; } form.mobile-search-filter .filter .sidebar-entry-header-mobile .close-btn span.close-btn-item { position: absolute; height: 2px; width: 100%; top: 50%; left: 0; transform: translateY(-50%); background-color: var(--motors-base-color); } form.mobile-search-filter .filter .sidebar-entry-header-mobile .close-btn span:first-child { transform: rotate(45deg); } form.mobile-search-filter .filter .sidebar-entry-header-mobile .close-btn span:last-child { transform: rotate(-45deg); } form.mobile-search-filter .filter .sidebar-entry-header-mobile .h4 { margin-bottom: 0; } form.mobile-search-filter .stm-accordion-single-unit { margin: 0 22px 0 45px; box-shadow: none; } .stm-template-car_dealer_two.inventory-light #wrapper #main .stm-search_keywords input[type=text]#stm_keywords { color: #232628 !important; } .stm-template-car_dealer_two.inventory-light #wrapper #main .stm-search_keywords input[type=text]#stm_keywords::-moz-placeholder { color: #232628 !important; } .stm-template-car_dealer_two.inventory-light #wrapper #main .stm-search_keywords input[type=text]#stm_keywords::placeholder { color: #232628 !important; } .stm-template-car_dealer_two.inventory-light form.mobile-search-filter .pull-left { color: #000; } .stm-template-car_dealer_two .mobile-filter .mobile-search-btn { background-color: var(--motors-base-color); box-shadow: none; } .stm-template-car_dealer_two form.mobile-search-filter .stm-accordion-single-unit.stm-two_cols .stm-accordion-content .content .stm-accordion-content-wrapper .stm-option-label { width: 47%; margin-bottom: 20px; } .stm-template-car_dealer_two form.mobile-search-filter .pull-left { color: #ffffff; } .stm-template-car_dealer_two form.mobile-search-filter .mobile-reset-btn { background-color: rgba(255, 255, 255, 0); border-color: var(--motors-base-color); color: var(--motors-base-color); } .stm-template-car_dealer_two form.mobile-search-filter .filter-show-cars .show-car-btn { background-color: var(--motors-base-color); } .stm-template-car_dealer_two form.mobile-search-filter .button { background-color: var(--motors-base-color); } .stm-template-car_dealer_two.inventory-light:not(.home) #wrapper #main .mobile-search-btn span.h4 { color: #fff; } .stm-template-car_dealer_two.inventory-light form.mobile-search-filter { background-color: #fff; } .stm-template-car_dealer_two.inventory-light form.mobile-search-filter .sidebar-entry-header-mobile .h4 { color: #000; } .stm-template-car_dealer_two.inventory-light form.mobile-search-filter .select2-container--default .select2-selection--single { background-color: rgba(255, 255, 255, 0); border: 1px solid #4971ff; } .stm-template-car_dealer_two.inventory-light form.mobile-search-filter .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; } .stm-template-car_dealer_two.inventory-light form.mobile-search-filter .select2-container--default .select2-selection--single b { color: #000; } .stm-template-car_dealer_two.inventory-light .stm-accordion-single-unit > a.title:hover .minus { background-color: var(--motors-base-color); } .stm-template-car_dealer_two.inventory-light .stm-accordion-single-unit > a.title .minus { background-color: var(--motors-base-color); } .stm-template-car_dealer_two.inventory-light .stm-accordion-single-unit > a.title:hover .minus:after { background-color: var(--motors-base-color); } .stm-template-car_dealer_two.inventory-light .stm-accordion-single-unit > a.title .minus:after { background-color: var(--motors-base-color); } .stm-template-car_dealer_two.inventory-dark form.mobile-search-filter { background-color: #000000; } .stm-template-car_dealer_two.inventory-dark form.mobile-search-filter .sidebar-entry-header-mobile .h4 { color: #fff; } .stm-template-car_dealer_two.inventory-dark form.mobile-search-filter .select2-container--default .select2-selection--single { background-color: #000000; border: 1px solid #4971ff; } .stm-template-car_dealer_two.inventory-dark form.mobile-search-filter .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; } .stm-template-car_dealer_two.inventory-dark form.mobile-search-filter .select2-container--default .select2-selection--single b { color: #fff; } .stm-template-car_dealer_two.inventory-dark form.mobile-search-filter .stm-accordion-single-unit > a.title { background-color: var(--motors-base-color); border-top-color: var(--motors-secondary-color); } .stm-template-car_dealer_two.inventory-dark form.mobile-search-filter .stm-accordion-single-unit > a.title.collapsed { border-top-color: var(--motors-secondary-color); } .stm-template-car_dealer_two.inventory-dark form.mobile-search-filter .stm-accordion-single-unit > a.title:hover .minus { background-color: var(--motors-secondary-color); } .stm-template-car_dealer_two.inventory-dark form.mobile-search-filter .stm-accordion-single-unit > a.title .minus { background-color: var(--motors-secondary-color); } .stm-template-car_dealer_two.inventory-dark form.mobile-search-filter .stm-accordion-single-unit > a.title:hover .minus:after { background-color: var(--motors-secondary-color); } .stm-template-car_dealer_two.inventory-dark form.mobile-search-filter .stm-accordion-single-unit > a.title .minus:after { background-color: var(--motors-secondary-color); } .stm-template-car_dealer_two.inventory-dark form.mobile-search-filter .stm-accordion-content .stm-single-filter-link a { color: #ffffff; } .stm-template-car_dealer_two.inventory-dark form.mobile-search-filter .sticky-filter-actions { background-color: #000000; } .stm-accordion-content { margin-bottom: 20px; } .stm-accordion-content .content { padding: 15px 15px 15px; } .stm-accordion-content .content .stm-option-label { width: 100%; margin-bottom: 10px; } .stm-template-motorcycle .mobile-filter .mobile-search-btn { background-color: var(--motors-base-color); } .stm-template-motorcycle form.mobile-search-filter { background-color: #2f3c40; } .stm-template-motorcycle form.mobile-search-filter .filter .stm-slider-filter-type-unit { margin-bottom: 20px; } .stm-template-motorcycle form.mobile-search-filter .filter .stm-slider-filter-type-unit .clearfix { margin-bottom: 10px; } .stm-template-motorcycle form.mobile-search-filter .filter .stm-slider-filter-type-unit .row { display: flex; } .stm-template-motorcycle form.mobile-search-filter .filter .stm-slider-filter-type-unit .row .col-md-wider-left input { margin-top: 0; } @media (max-width: 1024px) { .stm-template-motorcycle form.mobile-search-filter .filter .stm-slider-filter-type-unit .stm-current-slider-labels { float: left; margin: 0 0 0 5px; } } .stm-template-motorcycle form.mobile-search-filter .filter .sidebar-entry-header-mobile .h4 { color: #fff; } .stm-template-motorcycle form.mobile-search-filter .filter .sidebar-entry-header-mobile .close-btn span.close-btn-item { background-color: var(--motors-base-color); } .stm-template-motorcycle form.mobile-search-filter .sticky-filter-actions { background-color: #2f3c40; } .stm-template-motorcycle form.mobile-search-filter .select2-container--default .select2-selection--single { background-color: rgba(0, 0, 0, 0); border: 1px solid var(--motors-base-color); } .stm-template-motorcycle form.mobile-search-filter .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; } .stm-template-motorcycle form.mobile-search-filter .select2-container--default .select2-selection--single b { color: #fff; } .stm-template-motorcycle form.mobile-search-filter .select2-container--default .select2-selection--multiple { background-color: #000; border: 1px solid var(--motors-base-color); } .stm-template-motorcycle form.mobile-search-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered { color: #fff; padding: 0; } .stm-template-motorcycle form.mobile-search-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice { margin-top: 8px; margin-bottom: 0; } .stm-template-motorcycle form.mobile-search-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline { margin-bottom: 0; } .stm-template-motorcycle form.mobile-search-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline input.select2-search__field { color: #fff; padding-left: 0; } .stm-template-motorcycle form.mobile-search-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline input.select2-search__field::-moz-placeholder { color: #fff; } .stm-template-motorcycle form.mobile-search-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline input.select2-search__field::placeholder { color: #fff; } .stm-template-motorcycle form.mobile-search-filter .select2-container--default .select2-selection--multiple b { color: #fff; } .stm-template-motorcycle form.mobile-search-filter .stm-accordion-single-unit > a.title { background-color: var(--motors-base-color); border-top-color: var(--motors-base-color); } .stm-template-motorcycle form.mobile-search-filter .stm-accordion-single-unit > a.title.collapsed { border-top-color: var(--motors-base-color); } .stm-template-motorcycle form.mobile-search-filter .stm-accordion-single-unit > a.title:hover .minus { background-color: var(--motors-base-color); } .stm-template-motorcycle form.mobile-search-filter .stm-accordion-single-unit > a.title .minus { background-color: var(--motors-base-color); } .stm-template-motorcycle form.mobile-search-filter .stm-accordion-single-unit > a.title:hover .minus:after { background-color: var(--motors-base-color); } .stm-template-motorcycle form.mobile-search-filter .stm-accordion-single-unit > a.title .minus:after { background-color: var(--motors-base-color); } .stm-template-motorcycle form.mobile-search-filter .stm-accordion-content { background: rgba(39, 46, 54, 0.8); } .stm-template-motorcycle form.mobile-search-filter .stm-accordion-content .stm-single-filter-link a { color: #ffffff; } .stm-template-motorcycle form.mobile-search-filter .stm-accordion-single-unit .stm-accordion-content ul { background: none; } .stm-template-motorcycle form.mobile-search-filter .mobile-reset-btn { background-color: rgba(0, 0, 0, 0); border-color: var(--motors-base-color); color: #fff; } .stm-template-motorcycle form.mobile-search-filter .filter-price .clearfix .stm-current-slider-labels { margin-bottom: 20px; } .stm-template-motorcycle form.mobile-search-filter .filter-price .clearfix .pull-left { margin-right: 10px; } .stm-template-equipment .mobile-filter .mobile-search-btn { background-color: var(--motors-base-color); } .stm-template-equipment form.mobile-search-filter { background-color: #000000; } .stm-template-equipment form.mobile-search-filter .sticky-filter-actions { background-color: #000000; } .stm-template-equipment form.mobile-search-filter .sticky-filter-actions .filter-show-cars .show-car-btn { background-color: var(--motors-base-color); box-shadow: none; } .stm-template-equipment form.mobile-search-filter .sidebar-entry-header-mobile .h4 { color: #fff; } .stm-template-equipment form.mobile-search-filter .select2-container--default .select2-selection--single { background-color: #000000; border: 1px solid var(--motors-base-color); } .stm-template-equipment form.mobile-search-filter .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; } .stm-template-equipment form.mobile-search-filter .select2-container--default .select2-selection--single b { color: #fff; } .stm-template-equipment form.mobile-search-filter .stm-accordion-single-unit > a.title { background-color: var(--motors-base-color); border-top-color: #fff; } .stm-template-equipment form.mobile-search-filter .stm-accordion-single-unit > a.title.collapsed { border-top-color: #fff; } .stm-template-equipment form.mobile-search-filter .stm-accordion-single-unit > a.title:hover .minus { background-color: #fff; } .stm-template-equipment form.mobile-search-filter .stm-accordion-single-unit > a.title .minus { background-color: #fff; } .stm-template-equipment form.mobile-search-filter .stm-accordion-single-unit > a.title:hover .minus:after { background-color: #fff; } .stm-template-equipment form.mobile-search-filter .stm-accordion-single-unit > a.title .minus:after { background-color: #fff; } .stm-template-equipment form.mobile-search-filter .stm-accordion-content .stm-single-filter-link a { color: #ffffff; } .stm-template-equipment form.mobile-search-filter .mobile-reset-btn { background-color: rgba(0, 0, 0, 0); border-color: var(--motors-base-color); color: #fff; } .stm-template-equipment form.mobile-search-filter .stm-accordion-single-unit .stm-accordion-content .stm-accordion-content-wrapper .stm-accordion-inner .stm-option-label { margin-bottom: 10px; } .stm-template-equipment form.mobile-search-filter .stm-accordion-single-unit .stm-accordion-content .stm-accordion-content-wrapper .stm-accordion-inner .stm-option-label span { color: #fff; } .stm-template-equipment form.mobile-search-filter .stm-accordion-single-unit .stm-accordion-content .stm-accordion-content-wrapper .stm-accordion-inner .stm-checkbox-submit .button { margin-top: 10px; background-color: var(--motors-base-color); box-shadow: none; } .stm-template-listing_four .mobile-filter .mobile-search-btn { background-color: #6c98e1; color: #ffffff; box-shadow: none; } .stm-template-listing .filter-sidebar:after { display: none; } .stm-template-listing .mobile-filter .mobile-search-btn { background-color: var(--motors-base-color); box-shadow: none; } .stm-template-listing form.mobile-search-filter { background-color: #153e4d; } .stm-template-listing form.mobile-search-filter .sidebar-entry-header-mobile .h4 { color: #fff; } .stm-template-listing form.mobile-search-filter .sidebar-entry-header-mobile .close-btn span.close-btn-item { background-color: var(--motors-base-color); } .stm-template-listing form.mobile-search-filter .sticky-filter-actions { background-color: #153e4d; } .stm-template-listing form.mobile-search-filter .stm-accordion-content { background-color: #ffffff; } .stm-template-listing form.mobile-search-filter .stm-accordion-single-unit > a.title { border-top-color: var(--motors-base-color); } .stm-template-listing form.mobile-search-filter .stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label { padding: 0; } .stm-template-listing form.mobile-search-filter .stm-accordion-single-unit.stm-listing-directory-checkboxes .stm-accordion-content .stm-accordion-content-wrapper .stm-accordion-inner .stm-checkbox-submit { width: 95px; margin: 0; padding: 0; } .stm-template-listing form.mobile-search-filter .stm-accordion-single-unit.stm-listing-directory-checkboxes .stm-accordion-content .stm-accordion-content-wrapper .stm-accordion-inner .stm-checkbox-submit a { padding: 11px 0 10px 0; border-radius: 0; } .stm-template-boats .mobile-filter .mobile-search-btn { background-color: var(--motors-base-color); } .stm-template-listing_five .mobile-filter .mobile-search-btn { background-color: #ff2325; } .stm-template-listing_five .mobile-search-filter .stm-checkbox-submit a.button { box-shadow: none; } .stm-template-ev_dealer .mobile-filter .mobile-search-btn { background-color: var(--motors-base-color); } .stm-template-listing_two .mobile-filter .mobile-search-btn, .stm-template-listing_two_elementor .mobile-filter .mobile-search-btn { background-color: #269aff; } .stm-template-listing_two .mobile-search-filter .filter-show-cars .show-car-btn, .stm-template-listing_two_elementor .mobile-search-filter .filter-show-cars .show-car-btn { background-color: #269aff; } .stm-template-listing_two .mobile-search-filter .stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-checkbox-submit, .stm-template-listing_two_elementor .mobile-search-filter .stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-checkbox-submit { margin: 0; padding: 0; } .stm-template-listing_two .mobile-search-filter .stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-checkbox-submit .button, .stm-template-listing_two_elementor .mobile-search-filter .stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-checkbox-submit .button { background-color: #269aff; box-shadow: none; } .stm-template-listing_two .mobile-search-filter .stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-option-label, .stm-template-listing_two_elementor .mobile-search-filter .stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-option-label { padding: 0; margin-bottom: 20px; } .stm-template-listing_two .mobile-search-filter .stm-accordion-single-unit > a.title.collapsed, .stm-template-listing_two_elementor .mobile-search-filter .stm-accordion-single-unit > a.title.collapsed { border-top-color: #269aff; } .stm-template-listing_two .mobile-search-filter .stm-accordion-single-unit > a.title:hover .minus, .stm-template-listing_two_elementor .mobile-search-filter .stm-accordion-single-unit > a.title:hover .minus { background-color: #269aff; } .stm-template-listing_two .mobile-search-filter .stm-accordion-single-unit > a.title .minus, .stm-template-listing_two_elementor .mobile-search-filter .stm-accordion-single-unit > a.title .minus { background-color: #269aff; } .stm-template-listing_two .mobile-search-filter .stm-accordion-single-unit > a.title:hover .minus:after, .stm-template-listing_two_elementor .mobile-search-filter .stm-accordion-single-unit > a.title:hover .minus:after { background-color: #269aff; } .stm-template-listing_two .mobile-search-filter .stm-accordion-single-unit > a.title .minus:after, .stm-template-listing_two_elementor .mobile-search-filter .stm-accordion-single-unit > a.title .minus:after { background-color: #269aff; } .stm-template-listing_three .mobile-search-filter .stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-checkbox-submit { margin: 0; padding: 0; } .stm-template-listing_three .mobile-search-filter .stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-checkbox-submit .button { box-shadow: none; } .stm-template-listing_three .mobile-search-filter .stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-option-label { padding: 0; margin-bottom: 20px; } .stm-template-car_magazine form.mobile-search-filter .stm-accordion-single-unit.stm-listing-directory-checkboxes .stm-accordion-content .stm-accordion-content-wrapper { padding: 0; } .stm-template-car_magazine form.mobile-search-filter .stm-accordion-single-unit.stm-listing-directory-checkboxes .stm-accordion-content .stm-accordion-content-wrapper .stm-accordion-inner .stm-option-label { margin-bottom: 20px; } .stm-template-car_magazine form.mobile-search-filter .stm-accordion-single-unit.stm-listing-directory-checkboxes .stm-accordion-content .stm-accordion-content-wrapper .stm-accordion-inner .stm-checkbox-submit { width: 100%; } .stm-template-car_magazine form.mobile-search-filter .stm-accordion-single-unit.stm-listing-directory-checkboxes .stm-accordion-content .stm-accordion-content-wrapper .stm-accordion-inner .stm-checkbox-submit .button { width: 95px; box-shadow: none; }
Save
Back