/* Theme Name: kingdomvision Theme URI: - Description: kingdomvision Wordpress Theme Version: 1.0 Author: kingdomvision Text Domain: kingdomvision */ /*Basic Style*/ @import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700); @import url('//fonts.googleapis.com/css2?family=League+Spartan:wght@300;400;500;600;700;800;900&display=swap'); @import url('//fonts.googleapis.com/css2?family=Catamaran:wght@300;400;500;600;700;800;900&display=swap'); @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-SemiBold.eot'); src: url('fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-SemiBold.woff2') format('woff2'), url('fonts/Poppins-SemiBold.woff') format('woff'), url('fonts/Poppins-SemiBold.ttf') format('truetype'), url('fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Bold.eot'); src: url('fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Bold.woff2') format('woff2'), url('fonts/Poppins-Bold.woff') format('woff'), url('fonts/Poppins-Bold.ttf') format('truetype'), url('fonts/Poppins-Bold.svg#Poppins-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Regular.eot'); src: url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Regular.woff2') format('woff2'), url('fonts/Poppins-Regular.woff') format('woff'), url('fonts/Poppins-Regular.ttf') format('truetype'), url('fonts/Poppins-Regular.svg#Poppins-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Medium.eot'); src: url('fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Medium.woff2') format('woff2'), url('fonts/Poppins-Medium.woff') format('woff'), url('fonts/Poppins-Medium.ttf') format('truetype'), url('fonts/Poppins-Medium.svg#Poppins-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'icomoon'; src: url(fonts/icomoon.eot?5easb6); src: url(fonts/icomoon.eot?5easb6#iefix) format("embedded-opentype"), url(fonts/icomoon.ttf?5easb6) format("truetype"), url(fonts/icomoon.woff?5easb6) format("woff"), url(fonts/icomoon.svg?5easb6#icomoon) format("svg"); font-weight: normal; font-style: normal; } .fab { font-family: "Font Awesome 5 Brands" !important; } html { -webkit-text-size-adjust: none; scroll-behavior: smooth; } body {margin: 0; font-family: "Poppins", Open Sans, Arial, sans-serif; line-height: 1.42857; font-size: 16px; color: #333; overflow-x: hidden;} * {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} h1, h2, h3, h4, h5, h6 {font-family: "Poppins", Open Sans, Arial, sans-serif; font-weight: 700; line-height: normal; margin: 0 0 15px; color: #000;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit; color: inherit;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {color: inherit; opacity: 0.85;} h1{font-size: 36px;} h2{font-size: 30px;} h3{font-size: 24px;} h4{font-size: 18px;} h5{font-size: 14px;} h6{font-size: 12px;} p{margin: 0 0 10px; overflow-wrap: break-word;} a {color: #ef7609; text-decoration: none; outline: 0; transition: 0.5s all;} a:hover, a:focus {color: #ef7609;} ul, ol {margin-bottom: 10px; margin-top: 0;} img {max-width: 100%; height: auto; display: block;} .alignleft {float: left; margin: 5px 20px 20px 0;} .aligncenter {display: block; margin: 5px auto;} .alignright {float: right; margin: 5px 0 20px 20px;} input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit; padding: 6px 30px;} button, html input[type="button"], input[type="reset"], input[type="submit"] {background: #000; border: 0 none; color: #fff; cursor: pointer; padding: 8px 20px; transition: all 0.5s ease 0s; line-height: 1.3; -webkit-appearance: none; -moz-appearance: none; appearance: none;} input:focus, button:focus, textarea:focus {outline: none;} button, select {text-transform: none;} label {display: inline-block; font-weight: bold; margin-bottom: 5px; max-width: 100%;} input, select{-webkit-appearance:none;} table {border-collapse: collapse; border-spacing: 0; max-width: 100%; width: 100%;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {border-top: 1px solid #ddd; line-height: 1.42857; padding: 8px; vertical-align: top;} .btn { background-color: #cd642f; border-radius: 0; color: #fff; display: inline-block; font-size: 16px; padding: 12px 20px; font-weight: 400; } .btn:focus {color: #fff;} .btn:hover { background: #181c24; } .full-section {width: 100%; float: left;} .container {max-width: 1170px; padding: 0 15px; width: 100%; margin: 0 auto; position:relative;} li.widget {display: block;} section.full-section {margin: 0 0 30px;} /*404 page*/ body.error404 .gdl-page-404 { margin: 50px 0; } body.error404 .gdl-page-404 .message-box-wrapper { text-align: center; } body.error404 .gdl-page-404 .message-box-wrapper .message-box-title { margin-bottom: 50px; } body.error404 .gdl-page-404 .message-box-wrapper .message-box-title span { background-color: #c4000b; color: #ffffff; display: inline-block; font-family: arial; font-size: 200px; font-weight: bold; height: 225px; line-height: 185px; padding: 20px; vertical-align: middle; } body.error404 .gdl-page-404 .message-box-wrapper .message-box-title span:nth-child(2) { background-color: #727171; color: #ffffff; } body.error404 .gdl-page-404 .message-box-wrapper .message-box-content p { font-size: 25px; margin: 0; } /*Gravity Form Validation*/ body .gform_wrapper.gform_validation_error .gform_validation_errors { display: none; } body .gform_wrapper.gform_validation_error .gfield.gfield_error { position: relative; } body .gform_wrapper.gform_validation_error .gfield_validation_message { margin: 0; padding: 0 !important; background: none; border: none; font-size: 12px; color: #ff0000; position: relative; } body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { background: transparent !important; border: 0 !important; } /*Slick Slider*/ ul.slick-dots { padding: 0; margin: 0 auto; display: flex; align-items: center; justify-content: center; } ul.slick-dots li { list-style: none; margin-right: 10px; } ul.slick-dots li:last-child { margin: 0; } ul.slick-dots li button { font-size: 0; width: 10px; height: 10px; border-radius: 50%; padding: 0;background: #fff; } ul.slick-dots li button:hover { background: #cd642f; } ul.slick-dots li.slick-active button { background: #cd642f; } /*Auto Fill Forms Css*/ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: #ffffff; -webkit-box-shadow: 0 0 0px 1000px #000 inset; transition: background-color 5000s ease-in-out 0s; } /*Searchbox*/ .searchbox { width: 100%; height: 100vh; background-color: rgb(0 0 0/93%); position: fixed; z-index: 9999; top: 0; left: 0; opacity: 0; visibility: hidden; transition: all .5s ease 0s; transform: scale(.5) } .searchbox.active { visibility: visible; opacity: 1; transform: scale(1) } .searchbox .inner_wrapper { width: 80%; margin: 0 auto; top: 50%; transform: translateY(-50%); position: relative } .searchbox a.close { position: absolute; right: 5%; top: 5%; color: #fff } .searchbox a.close i { font-size: 30px; line-height: 30px } .searchbox .inner_wrapper h2 { font-size: 40px; line-height: 40px; color: #fff; margin: 0 0 2%; text-transform: uppercase } .searchbox .inner_wrapper form { margin: 0 } .searchbox .inner_wrapper form .search-text { position: relative } .searchbox .inner_wrapper form .search-text input[type=text] { background: #fff; border: 1px solid #fff; border-radius: 0; box-sizing: border-box; color: #323232; font-size: 18px; margin: 0; padding: 10px; width: 100%; -webkit-appearance: none; outline: none } .searchbox .inner_wrapper form .search-text input[type=text]:focus { box-shadow: none; outline: none } .searchbox .inner_wrapper form .search-text input[type=text]::-webkit-input-placeholder { color: #8a8989; opacity: 1 } .searchbox .inner_wrapper form .search-text input[type=text]:-moz-placeholder { color: #8a8989; opacity: 1 } .searchbox .inner_wrapper form .search-text input[type=text]::-moz-placeholder { color: #8a8989; opacity: 1 } .searchbox .inner_wrapper form .search-text input[type=text]:-ms-input-placeholder { color: #8a8989; opacity: 1 } .searchbox .inner_wrapper form .search-text input[type=submit] { background: url(../kingdomvision/images/search-upd.svg) no-repeat scroll 0 0; border: medium; box-shadow: none; height: 24px; width: 24px; padding: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) } body.page-blur { overflow: hidden; } body.page-blur:after { background: rgba(0, 0, 0, 0.1); content: ""; backdrop-filter: blur(25px) contrast(100%); -webkit-backdrop-filter: blur(25px) contrast(100%); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 2; } /*Header*/ header.header-wrapper { padding: 10px 0; background: #181c24; } header.header-wrapper .container { max-width: 98%; width: 100%; } header.header-wrapper .nav-wrapper { width: 100%; display: block; } header.header-wrapper .nav-wrapper .main-menu ul.menu { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0; margin: 0; list-style-type: none; } /*header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item { margin: 0 2.4vw; position: relative; }*/ header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item { margin: 0 1.2%; position: relative; } /*header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item:last-child { margin: 0 !important; }*/ /*header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.logo ~ li.menu-item { margin-right: 9%; }*/ header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item a { color: #fff; font-size: 16px; font-weight: 400; display: inline-block; position: relative; } header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.button a { padding: 10px; background: #cd642f; text-align:center; } header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.button a:hover { background: #54595F; } header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.no-text a { line-height: 0; font-size: 0; display: block; } header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.no-text a img { margin: 0 auto; } header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.filter a img { filter: invert(1); } header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.current-menu-item a, header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.current-menu-parent a { color: #cd642f; } header.header-wrapper .nav-wrapper .navigation-wrapper .main-menu ul.menu li.menu-item.menu-item-has-children > a { padding-right: 25px !important; } header.header-wrapper .nav-wrapper .navigation-wrapper .main-menu ul.menu li.menu-item.menu-item-has-children > a:after { position: absolute; content: '\f0d7'; font-family: "FontAwesome"; right: 0; top: 50%; transform: translateY(-50%); color: #ef7609; font-size: 12px;} header.header-wrapper .nav-wrapper .navigation-wrapper ul.menu li.menu-item ul.sub-menu li.menu-item.menu-item-has-children > a:after { right: 10px; top: 50%; transform: translateY(-50%); content: '\f0da'; color: #ef7609; font-size: 12px;} header.header-wrapper .nav-wrapper .navigation-wrapper ul.menu li.menu-item ul.sub-menu { display: none; position: absolute; width: 250px; margin: 0; padding: 0; list-style-type: none; z-index: 999; background: #181c24; /* visibility: hidden; opacity: 0; */ border-bottom: 4px solid #ef7609;} header.header-wrapper .nav-wrapper .navigation-wrapper ul.menu li.menu-item ul.sub-menu li.menu-item { margin: 0; position: relative; max-width: 100%; width: 100%; } header.header-wrapper .nav-wrapper .navigation-wrapper ul.menu li.menu-item ul.sub-menu li.menu-item a { display: block; color: #ffffff; padding: 10px 15px; font-size: 16px; } header.header-wrapper .nav-wrapper .navigation-wrapper ul.menu li.menu-item ul.sub-menu li.menu-item > ul.sub-menu { left: 250px; top: 0; } header.header-wrapper .nav-wrapper .navigation-wrapper ul.menu li.menu-item ul.sub-menu li.menu-item.current-menu-item a { background:#ffffff; color:#000; } /*header.header-wrapper .nav-wrapper .navigation-wrapper ul.menu li.menu-item.active > ul.sub-menu { visibility: visible; opacity: 1; }*/ header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.phone a { color: #cd642f; } header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.phone a:hover { text-decoration: underline; } header.header-wrapper .nav-wrapper .navigation-wrapper ul.menu li.menu-item ul.sub-menu li.menu-item a:hover { background: #fff; color: #181c24; } /*header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.button { margin: 0 auto; }*/ .elementor {float: left;width: 100%;} /* Mobile Header */ .header.mobile-header { background: #181c24; padding: 10px 0; display: none; } .header.mobile-header .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .header.mobile-header .logo { width: 50%; } .header.mobile-header .logo a img { width: 120px; display: block; margin: 0 auto; } .header.mobile-header .mobile-system { width: 60%; text-align: right; display: flex; flex-wrap: wrap; justify-content: right; } .header.mobile-header .mobile-system .mobile-btn { display: block; margin-bottom: 10px; width: 100%; } .header.mobile-header .mobile-system .mobile-btn a { padding: 5px 10px; background: #cd642f; display: inline-block; color: #fff; font-size: 16px; } .header.mobile-header .mobile-system .mobile-btn a:hover { background: #384AD3; } .header.mobile-header .mobile-system .mobile-search { width: max-width; margin-right: 30px; } .header.mobile-header .mobile-system .mobile-search a img { filter: invert(1); } .header.mobile-header .mobile-system .menu-button { width: max-width; } .header.mobile-header .mobile-system .menu-button i { font-size: 32px; color: #fff; } /* Again Mobile Header */ .header.mobile-header .phone-icon { width: 20%; } .header.mobile-header .phone-icon a { display: block; width: 40px; height: 40px; background: #cd642f; border-radius: 40px; text-align: center; } .header.mobile-header .phone-icon a i { font-size: 20px; line-height: 40px; color: #fff; } /*Responsive Menu*/ .menu-button { width: 20%; position: relative; vertical-align: middle; text-align: right;} .mobile-menu { /* display: none;*/ width: 80%; height: 100vh; position: fixed; left: auto; right: 0; top: 0; background: #181c24; backdrop-filter: blur(44px) contrast(100%); -webkit-backdrop-filter: blur(44px) contrast(100%); z-index: 999; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; -webkit-transform: translateX(100%); transform: translateX(100%); overflow-y: auto; } .mobile-menu.active { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: 0.5s all ease; transition: 0.5s all ease; } .menu-button i { font-size: 32px; color: #fff; } .menu-button img { width: 40px; display: block; margin: 0 0 0 auto; } .mobile-menu ul.menu {margin: 0; padding: 0; list-style-type: none; } .mobile-menu ul.menu > li.menu-item { text-align: left; list-style: none; position: relative; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; -webkit-transform: translateX(185px); transform: translateX(185px); opacity: 0; } .mobile-menu.active ul.menu > li.menu-item { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .mobile-menu.active ul.menu > li.menu-item:nth-child(1) { -webkit-transition-delay: .17s; transition-delay: .17s; } .mobile-menu.active ul.menu > li.menu-item:nth-child(2) { -webkit-transition-delay: .21s; transition-delay: .21s; } .mobile-menu.active ul.menu > li.menu-item:nth-child(3) { -webkit-transition-delay: .29s; transition-delay: .29s; } .mobile-menu.active ul.menu > li.menu-item:nth-child(4) { -webkit-transition-delay: .37s; transition-delay: .37s; } .mobile-menu.active ul.menu > li.menu-item:nth-child(5) { -webkit-transition-delay: .45s; transition-delay: .45s; } .mobile-menu.active ul.menu > li.menu-item:nth-child(6) { -webkit-transition-delay: .53s; transition-delay: .53s; } .mobile-menu.active ul.menu > li.menu-item:nth-child(7) { -webkit-transition-delay: .61s; transition-delay: .61s; } .mobile-menu.active ul.menu > li.menu-item:nth-child(8) { -webkit-transition-delay: .69s; transition-delay: .69s; } .mobile-menu.active ul.menu > li.menu-item:nth-child(9) { -webkit-transition-delay: .76s; transition-delay: .76s; } .mobile-menu ul.menu > li.menu-item.current-menu-parent > a, .mobile-menu ul.menu > li.menu-item.current-menu-item > a {color: #cd642f;} /*.mobile-menu ul.menu > li.menu-item.menu-item-has-children:after {content: "\f107"; font: 18px FontAwesome; top: 0; right: 0; width: 50px; height: 20px; padding: 20px 0; position:absolute;text-align: center;}*/ .mobile-menu ul.menu > li.menu-item > a {display: block;padding: 10px 20px;color: #ffffff;font-size: 16px; } /*.mobile-menu ul.menu > li.menu-item > ul.sub-menu { padding: 0; margin: 0; list-style-type: none; display: none; }*/ .mobile-menu ul.menu > li.menu-item > ul.sub-menu { padding: 0; margin: 0; list-style-type: none; display: none; background: #13161c; width: 100%; max-width: 95%; margin: 0 auto; overflow-y: auto; min-height: auto; max-height: 300px; } .mobile-menu ul.menu > li.menu-item.active ul.sub-menu {visibility: visible; opacity:1; padding: 0; } .mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item:last-child{border:none;} .mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item a {display: block;padding: 10px 20px;color: #ffffff;font-size: 16px;} .mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item a:hover, .mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item.current-menu-item a {color: #cd642f;} .mobile-menu ul.menu > li.menu-item.button a { color: #cd642f; } .mobile-menu ul.menu > li.menu-item.no-text { display: none; } .mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item.menu-item-has-children { position: relative; } .mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item.menu-item-has-children ul.sub-menu { padding: 0; list-style-type: none; display: none; background: #000000; width: 100%; max-width: 95%; margin: 0 auto; } /*.mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item.menu-item-has-children ul.sub-menu{padding:0;list-style-type:none;display:none;background:#13161c;max-width:95%;width:100%;margin:0 auto;}*/ .mobile-menu .mob-close { padding: 10px; margin-bottom: 10px; border-bottom: 1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .mobile-menu .mob-close .logo { width: 40%; } .mobile-menu .mob-close .logo img { width: 116px; margin: 0; } .mobile-menu .mob-close .close { width: 40%; text-align: right;} .mobile-menu .mob-close .close i{ font-size: 32px; color: #fff; } .mobile-menu ul.menu > li.menu-item.menu-item-has-children .opener { display: inline-block; width: 50px; height: 49px; position: absolute; right: 10px; top: 0; z-index: 999; } .mobile-menu ul.menu > li.menu-item.menu-item-has-children .opener:after { position: absolute; width: 50px; height: 5px; line-height: 49px; content: '\f107'; font-family: 'FontAwesome'; text-align: center; color: #fff; } .mobile-menu ul.menu > li.menu-item.menu-item-has-children .opener.active:after { content: '\f106'; } .mobile-menu ul.menu > li.menu-item.afterLogin { display: none; } .logged-in .mobile-menu ul.menu > li.menu-item.afterLogin { display: block; } footer.footer-wrapper { width: 100%; display: block; background: #181c24; padding: 30px 0 30px 0; } footer.footer-wrapper .socials-icons { margin-bottom: 20px; } footer.footer-wrapper .socials-icons ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center; } footer.footer-wrapper .socials-icons ul li { width: max-content; margin-right: 3%; } footer.footer-wrapper .socials-icons ul li:last-child { margin-right: 0; } footer.footer-wrapper .socials-icons ul li a { display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; background: #fff; text-align: center; } footer.footer-wrapper .socials-icons ul li a i { color: #181c24; font-size: 18px; line-height: 30px; font-family: "FontAwesome"; } footer.footer-wrapper .socials-icons ul li a:hover { background: #181c24; } footer.footer-wrapper .socials-icons ul li a:hover i { color: #fff; } footer.footer-wrapper .socials-icons ul li a:hover svg path{ color: #fff; } footer.footer-wrapper .footer-title { width: 100%; margin-bottom: 20px;} footer.footer-wrapper .footer-title h2 { text-align: center; color: #fff; font-size: 46px; font-weight: 600; margin: 0; } footer.footer-wrapper .company-vat { display: flex; flex-wrap: wrap; justify-content: center; } footer.footer-wrapper .company-vat p { margin: 0; color: #fff; text-transform: uppercase; } footer.footer-wrapper .company-vat .company-num { margin-right: 10px; padding-right: 10px; position: relative; } footer.footer-wrapper .company-vat .company-num:after { position: absolute; content: ''; width: 1px; height: 100%; 1px:; background: #fff; right: 0; top: 0; } footer.footer-wrapper .copyright-wrapper { padding: 20px 0; } footer.footer-wrapper .copyright-wrapper p { text-align: center; color: #fff; } /* Contact Form */ .gform_wrapper .gform_heading p.gform_required_legend { display: none; } .gform_wrapper form .gform_body .gform_fields .gfield label.gfield_label { font-weight: 400; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input, .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea { background: #f1f2f4; border: 1px solid #eee; padding: 10px 15px; border-radius: 0; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea { resize: none; height: 100px; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container .nice-select { background: #f1f2f4; border: 1px solid #eee; padding: 10px 15px; border-radius: 0; line-height: 17px; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container .nice-select:after { right: 10px; } .gform_wrapper form .gform_footer { padding: 0 !important; } .gform_wrapper form .gform_footer input[type="submit"] { text-transform: uppercase; display: block; width: 100%; padding: 15px; font-size: 16px; line-height: 28px; font-weight: 500; border: 1px solid #181c24; background: #181c24; } .gform_wrapper form .gform_footer input[type="submit"]:hover { background: transparent; color: #181c24; } /* Post wrapper */ .post-wrapper { display: flex; flex-wrap: wrap; } .post-wrapper .posts-box { width: 23.5%; margin-right: 2%; margin-bottom: 30px; } .post-wrapper .posts-box:nth-child(4n),.post-wrapper .posts-box:last-child { margin-right: 0; } .post-wrapper .posts-box .posts-image { height: 300px; overflow: hidden; width: 100%; margin-bottom: 20px; } .post-wrapper .posts-box .posts-image a { display: block; width: 100%; height: 100%; } .post-wrapper .posts-box .posts-image a img { width: 100%; height: 100%; object-fit: cover; } .post-wrapper .posts-box .posts-title { width: 100%; } .post-wrapper .posts-box .posts-title a { display: block; } .post-wrapper .posts-box .posts-title a h2 { margin: 0; font-size: 22px; text-align: center; font-weight: 500; } /*faqs-wrapper*/ .faqs-wrapper { display: flex; flex-wrap: wrap; } .faqs-wrapper .faqs-box { width: 23.5%; margin-right: 2%; margin-bottom: 10px; background: #fff; padding: 50px; } .faqs-wrapper .faqs-box:nth-child(4n),.faqs-wrapper .faqs-box:last-child { margin-right: 0; } .faqs-wrapper .faqs-box .faqs-question { width: 100%; margin-bottom: 10px; } .faqs-wrapper .faqs-box .faqs-question h3 { font-weight: 300; font-size: 18px; } .faqs-wrapper .faqs-box .faqs-answer { width: 100%; } .faqs-wrapper .faqs-box .faqs-answer p { font-size: 20px; font-weight: 500; } /*partners-logo-wrapper*/ .partners-logo-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .partners-logo-wrapper .logo-wrapper { width: 23%; margin-right: 2.6%; } .partners-logo-wrapper .logo-wrapper:nth-child(4n),.partners-logo-wrapper .logo-wrapper:last-child { margin-right: 0; } .partners-logo-wrapper .logo-wrapper img { display: block; margin: 0 auto; } /* search-form */ .gform_wrapper.search-form_wrapper form .gform-body .gform_fields { display: flex; } .gform_wrapper.search-form_wrapper form .gform-body .gform_fields .gfield { width: 30%; } .gform_wrapper.search-form_wrapper form .gform-body .gform_fields .gfield label.gfield_label { color: #ffffff; font-weight: 600; } .gform_wrapper.search-form_wrapper form .gform-body .gform_fields .gfield .ginput_container select { outline: none; background: #f1f2f4; border: 1px solid #eee; padding: 10px 15px; border-radius: 0; } .gform_wrapper.search-form_wrapper form .gform_footer { margin-top: 20px; } .gform_wrapper.search-form_wrapper form .gform_footer input[type="submit"] {display: block;width: max-content;padding: 10px 20px;margin: 0 auto;text-transform: uppercase;border: 0;color: #fff;} .gform_wrapper.search-form_wrapper form .gform_footer input[type="submit"]:hover { background: #384AD3; } /*Servicing Jumping links*/ .ser-jumping-wrapper{width:100%;display:block;} .ser-jumping-wrapper .ser-jumping-strips{display:flex;flex-wrap:wrap;justify-content:center;} .ser-jumping-wrapper .ser-jumping-strips a{padding:10px 30px;display:block;background:#181c24;color:#fff;width:33.33%;text-align:center; margin-bottom: 50px;} .ser-jumping-wrapper .ser-jumping-strips a img { width: 30px; display: inline-block; vertical-align: middle; margin-right: 20px; filter: invert(1); } .ser-jumping-wrapper .jumping-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:50px;} .ser-jumping-wrapper .jumping-wrapper:last-child{margin-bottom:0;} .ser-jumping-wrapper .jumping-wrapper.right { flex-direction: row-reverse; } .ser-jumping-wrapper .jumping-wrapper .left-area{width:50%;} .ser-jumping-wrapper .jumping-wrapper .right-area{width:50%; padding: 0 1%;} .ser-jumping-wrapper .jumping-wrapper .left-area img{width:100%;height:500px;object-fit:cover;} .ser-jumping-wrapper .jumping-wrapper .right-area h2{font-size:28px;margin-bottom:30px;} .ser-jumping-wrapper .jumping-wrapper .right-area .content{width:100%;display:block;} .ser-jumping-wrapper .jumping-wrapper .right-area .content p{color:#000;} .twentytwenty-overlay {display: none !important;} /* hx custom */ body .nice-select { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor currentcolor #101f26; border-image: none; border-radius: 0; border-style: none none solid; border-width: 0 0 2px; color: #101f26; font-size: 1.125rem; font-weight: inherit; height: 38px; padding-left: 0; text-transform: capitalize } body .nice-select::after { border: 0; content: "\e90f"; font-family: icomoon; height: auto; line-height: 1; margin-top: 0; right: 0; transform: rotate(0deg) translateY(-50%); transform-origin: center top 0; width: auto } body .nice-select:hover, body .nice-select:active, body .nice-select.open, body .nice-select:focus { border-color: #101f26 } body .nice-select.open::after { transform: rotate(180deg) translateY(-50%) } body .nice-select .list { background-color: #101f26; border-bottom: 2px solid #ef7609; border-radius: 0; max-height: 200px; min-width: 100%; overflow: scroll; z-index: 44; margin-left: 0 } body .nice-select .option { background-color: #101f26; color: #fff; font-size: .875rem; font-weight: 300; text-transform: uppercase } body .nice-select .option:hover, body .nice-select .option.focus, body .nice-select .option.selected.focus { background-color: #fff; color: #101f26 } body .nice-select .option.selected, body .nice-select .option.selected.focus { background-color: #fff; color: #ef7609 } body .select-block .nice-select { background-color: #101f26; color: #fff; display: block; height: 46px; line-height: 46px; margin-bottom: 30px; padding-left: 15px; padding-right: 35px; width: 100% } body .select-block .nice-select::after { right: 10px } body .nice-select.large { width: 100% } .car-listings .filter { margin: 30px 0; } .car-listings .filter form { align-items: end; display: flex; justify-content: space-between; } .car-listings .filter form h5 { width: 13%; font-size: 24px; margin: 0;} .car-listings .filter form .filter-select { width: 75%; display: flex; flex-wrap: wrap; align-items: center; } .car-listings .filter form .filter-select div { width: 15%; margin: 0px 7px; font-size: 15px; } .car-listings .filter form .filter-select .nice-select { width: 100%; padding: 0; margin: 0; font-size: 15px; } .car-listings .filter form .filter-button { width: 10%; } .car-listings .filter form .filter-button input[type="submit"] { display: block; background: #ef7609; color: #fff; border-radius: 0; width: 100%; padding: 12px 20px; font-size: 18px; text-transform: uppercase; border: 1px solid #ef7609; } .car-listings .filter form .filter-button input[type="submit"]:hover { background: #fff; color: #ef7609; } ul.car-list { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; } ul.car-list li { width: 32%; margin: 0 2% 40px 0; display: block; } ul.car-list li:nth-child(3n) { margin: 0 0 30px 0; } ul.car-list li .car-stock { background: #101f26; width: 100%; } ul.car-list li .car-stock .car-stock-image { width: 100%; } ul.car-list li .car-stock .car-stock-image a { position: relative; display: block; width: 100%; } ul.car-list li .car-stock .car-stock-image a .car-stock-bg { background-position: center center; background-size: cover; padding-bottom: 52%; background-color: #fff; } ul.car-list li .car-stock .car-stock-image a .car-stock-bg.csb-image { opacity: 1; visibility: visible; transition: all .5s ease 0s; } ul.car-list li .car-stock .car-stock-image { position: relative; display: block; width: 100%; overflow: hidden;} ul.car-list li .car-stock .car-stock-image .car-stock-bg { background-position: center center; background-size: cover; padding-bottom: 52%; background-color: #fff; } ul.car-list li .car-stock .car-stock-image .car-stock-bg.csb-image { opacity: 1; visibility: visible; transition: all .5s ease 0s; } ul.car-list li .car-stock .kv_car_listing_slider .car-stock-bg img.slide-img { display: none; } ul.car-list li .car-stock .car-stock-image .kv_car_listing_slider { opacity: 0; position: absolute; top: 0; transition: all .5s ease 0s; visibility: hidden; z-index: 8; } ul.car-list > li .car-stock:hover .kv_car_listing_slider { opacity: 1; visibility: visible; } /*ul.car-list li .car-stock .car-stock-col { display: flex; flex-wrap: wrap; width: 100%; color: #fff; } ul.car-list li .car-stock .car-stock-col .car-stock-col-1 { width: 75%; } ul.car-list li .car-stock .car-stock-col .car-stock-col-1 .car-title { padding: 15px 30px; position: relative; } ul.car-list li .car-stock .car-stock-col .car-stock-col-1 .car-title h2 { margin: 0 0 20px 0; font-size: 24px; line-height: 24px; color: #fff; font-weight: 500; } ul.car-list li .car-stock .car-stock-col .car-stock-col-1 .car-title h4.sub-title { color: #fff; font-size: 18px; font-weight: 300; line-height: 26px; margin-bottom: 0; } ul.car-list li .car-stock .car-stock-col .car-stock-col-1 .car-stock-content { padding-bottom: 8px; } ul.car-list li .car-stock .car-stock-col .car-stock-col-1 .car-stock-content .car-flex-end { padding: 0 30px; } ul.car-list li .car-stock .car-stock-col .car-stock-col-1 .car-stock-content .car-flex-end ul.car-info-list { display: flex; align-items: flex-start; justify-content: flex-start; margin: 5px 0; padding: 0; } ul.car-list li .car-stock .car-stock-col .car-stock-col-1 .car-stock-content .car-flex-end ul.car-info-list li { border-right: 2px solid #ef7609; width: auto; padding: 0 8px 0 0; display: flex; align-items: center; margin: 0 8px 0 0; } ul.car-list li .car-stock .car-stock-col .car-stock-col-1 .car-stock-content .car-flex-end ul.car-info-list li h6 { font-size: 16px; color: #fff; margin: 0; } ul.car-list li .car-stock .car-stock-col .car-stock-col-2 { width: 25%; background: #ef7609; display: flex; align-items: center;justify-content: center; } ul.car-list li .car-stock .car-stock-col .car-stock-col-2 h2.car-price { font-size: 24px; color: #fff; margin: 0;} */ /* New structure showrooms */ /*ul.car-list li .car-stock .car-stock-col { } ul.car-list li .car-stock .car-stock-col .car-stock-title { width: 100%; padding: 20px; background: #fff; } ul.car-list li .car-stock .car-stock-col .car-stock-title h2 { color: #000; margin-bottom: 10px; font-size: 28px; line-height: 30px; } ul.car-list li .car-stock .car-stock-col .car-stock-title h2 a { display: block; } ul.car-list li .car-stock .car-stock-col .car-stock-title h4.sub-title { margin: 0; font-size: 20px; font-weight: 400; } ul.car-list li .car-stock .car-stock-col .car-stock-details { background: #fff; } ul.car-list li .car-stock .car-stock-col .car-stock-details ul.car-info-list { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; } ul.car-list li .car-stock .car-stock-col .car-stock-details ul.car-info-list li { width: 24.5%; margin: 0; background: #181C24; padding: 20px 15px; text-align: center; } ul.car-list li .car-stock .car-stock-col .car-stock-details ul.car-info-list li h6 { margin: 0; color: #fff; font-size: 20px; font-weight: 400; } ul.car-list li .car-stock .car-stock-col .car-stock-details ul.car-info-list li > i { font-size: 40px; line-height: 60px; color: #CD642F; }*/ .car-stock-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .car-stock-wrapper .car-stock-col { width: 100%; padding: 10px; } .car-stock-wrapper .car-stock-col .car-stock-title { margin-bottom: 20px; } .car-stock-wrapper .car-stock-col .car-stock-title h2 { color: #fff; font-weight: 500; margin-bottom: 10px; line-height: 35px; text-transform: uppercase;font-size: 23px; } .car-stock-wrapper .car-stock-col .car-stock-title h2 a { display: block; color: #fff;} .car-stock-wrapper .car-stock-col .car-stock-title h2 span { font-weight: 200; } .car-stock-wrapper .car-stock-col .car-stock-title a span { font-weight: 300; } .car-stock-wrapper .car-stock-col .car-stock-title h2 a:hover { color: #ef7609; opacity: 1; } .car-stock-wrapper .car-stock-col .car-stock-title h4.sub-title { color: #fff; font-weight: 300;font-size: 15px; } .car-stock-wrapper .car-stock-col .car-stock-details { width: 100%; } .car-stock-wrapper .car-stock-col .car-stock-details ul.car-info-list { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; } .car-stock-wrapper .car-stock-col .car-stock-details ul.car-info-list > li { width: max-content; border-right: 2px solid #f49e51; padding: 0 10px 0 0; margin: 0 10px 0 0; } .car-stock-wrapper .car-stock-col .car-stock-details ul.car-info-list > li h6 { margin: 0; font-size: 16px; line-height: 18px; color: #fff; font-weight: 400; } .car-stock-wrapper .car-stock-col .car-stock-details ul.car-info-list > li:last-child { border-right: 0; } .car-stock-wrapper .car-stock-col-2 { width: 100%; padding: 10px; display: flex; justify-content: center; align-items: center; background: #ef7609; } .car-stock-wrapper .car-stock-col-2 h2 { width: 100%; text-align: center; margin: 0; color: #fff; font-size: 22px; font-weight: 500; } ul.car-list li.serach-result { width: 100%; padding: 0; text-align: center; } ul.car-list li.serach-result h3 { text-align: center; font-size: 30px; } ul.car-list li.serach-result p { margin-bottom: 30px; text-align: center; } span#inifiniteLoader { z-index: 2; margin: 0 auto; } .lds-ring { display: block; position: relative; width: 64px; height: 64px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #ef7609; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #ef7609 transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Car single */ .single-cars .only-price { width: max-content; margin: 0 auto; } .single-cars .only-price h3 { color: #181C24; margin: 0; padding-bottom: 0; font-weight: 700; font-size: 35px; font-family: "League Spartan", Sans-serif; } .kv_car_gallery_inner { position: relative; } .kv_car_gallery_inner .owl-stage { } /*.kv_car_gallery_inner .owl-stage {height: 500px;} .kv_car_gallery_inner .owl-item {height: 500px;} .kv_car_gallery_inner .owl-item .item {height: 500px;} .kv_car_gallery_inner .owl-item .item .owl-bg-image, .kv_car_gallery_inner .owl-stage-outer {width: auto;height: 500px;}*/ .kv_car_gallery_inner .owl-item .item .owl-bg-image {position: relative;} .kv_car_gallery_inner .owl-item .item .owl-bg-image img {cursor: zoom-in;margin: 0 auto;object-fit: cover; width: 90%;} .kv_car_gallery_inner .owl-item .item .owl-bg-image .banner-btn-wrapper { position: absolute; width: 200px; height: 32px; right: 40px; z-index: 1; top: auto; bottom: 10px; display: flex; flex-wrap: wrap; justify-content: flex-end; } .kv_car_gallery_inner .owl-item .item .owl-bg-image .banner-btn-wrapper a { padding: 0 4px; } .kv_car_gallery_inner .owl-item .item .owl-bg-image .banner-btn-wrapper a > img { width: 100%; height: 100%; cursor: pointer;} .kv_car_gallery_inner .owl-item .item div#popup_content { display: none; } .kv_car_gallery_inner .owl-item .item .spritespin { cursor: e-resize; margin: auto !important; } .kv_car_gallery_inner .owl-item.active:not(.center) { width: 401px !important; } .kv_car_gallery_inner .owl-item:not(.center) .owl-bg-image::before { content: ''; position: absolute; width: 99%; height: 100%; top: 0; left: 0; background-color: rgba(18, 31, 35, 0.8); z-index: 1; } .kv_car_gallery_inner .active:not(.center) .banner-btn-wrapper { display: none !important; } .kv_car_gallery_inner .owl-nav .owl-prev { left: 0 ; position: absolute; top: 50%; transform: translateY(-50%); transition: all .3s ease 0s; } .kv_car_gallery_inner .owl-nav .owl-next { right: 0 ; position: absolute; top: 50%; transform: translateY(-50%); transition: all .3s ease 0s; } .kv_car_gallery_inner .owl-nav .owl-prev i, .kv_car_gallery_inner .owl-nav .owl-next i { font-size: 25px; color: #181C24; } .car-container { position: relative; margin: 0 auto; max-width: 1110px; } /*.car-container .gallery-thumb { position: relative; padding: 20px 0; }*/ .car-container .gallery-thumb { position: relative; padding: 20px 0; max-width: 90%; width: 100%; margin: 0 auto; } .car-container .gallery-thumb .owl-item .item .owl-bg-image { /*border: 3px solid #fff;*/ cursor: pointer; /* padding-bottom: 100%;*/ background-position: 50% center; background-size: cover; overflow: hidden; position: relative; height: 150px; } /*.car-container .gallery-thumb .owl-item.center .item .owl-bg-image { border: 3px solid #ef7609; }*/ /*.car-container .gallery-thumb .owl-nav button.owl-prev { left: -80px; position: absolute; top: 50%; transform: translateY(-50%); } .car-container .gallery-thumb .owl-nav button.owl-next { right: -80px; position: absolute; top: 50%; transform: translateY(-50%); }*/ .car-container .gallery-thumb .owl-item .item .owl-bg-image .video-image-icon { width: 40px; height: 40px; background: #cd642f; border-radius: 30px; line-height: 43px; text-align: center; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); } .car-container .gallery-thumb .owl-item .item .owl-bg-image .video-image-icon i.icon-play { color: #fff; font-size: 16px; line-height: 16px; } .car-container .gallery-thumb .owl-nav .owl-prev i, .car-container .gallery-thumb .owl-nav .owl-prev i, .car-container .gallery-thumb .owl-nav .owl-next i { font-size: 22px; color: #181c24; } .car-container .gallery-thumb .owl-nav .owl-prev { left: -35px ; position: absolute; top: 50%; transform: translateY(-50%); transition: all .3s ease 0s; } .car-container .gallery-thumb .owl-nav .owl-next { right: -35px ; position: absolute; top: 50%; transform: translateY(-50%); transition: all .3s ease 0s; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: auto !important; } .mfp-close-btn-in .mfp-close { color: #fff !important; } .spritespin { cursor: e-resize; margin: auto !important; } a.btn.video_popup { background: #181c24; border-radius: 0; width: 100%; display: block; text-align: center; font-size: 18px; line-height: 18px; text-transform: uppercase; font-weight: 500; font-family: 'Roboto'; border: 1px solid #181c24; padding: 15px 20px; } a.btn.video_popup:hover { background: transparent; color: #181c24; } .car-transmission-list { display: block; width: 100%; } .car-transmission-list ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-evenly; } .car-transmission-list ul li { padding: 10px 20px; text-align: center;} .car-transmission-list ul li i { font-size: 38px; color: #cd642f; } .car-transmission-list ul li h5 { font-size: 22px; line-height: 36px; font-weight: 600; margin: 10px 0 0 0; } .car-transmission-list ul li h6 { margin: 0; font-size: 20px; line-height: 25px; font-weight: 400; } .optional-upgrade .elementor-widget-image-box { position: relative; } .optional-upgrade .elementor-widget-image-box .elementor-image-box-wrapper { position: relative; height: 280px;} .optional-upgrade .elementor-widget-image-box .elementor-image-box-wrapper figure { height: 280px; } .optional-upgrade .elementor-widget-image-box .elementor-image-box-wrapper figure img{ width:100%; height:100%; object-fit:cover; } .optional-upgrade .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-content { padding: 23px 10px; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; } .optional-upgrade .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-content p { margin: 0; } .optional-upgrade .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-content p a { position: relative; padding-right: 20px; display: block; } .optional-upgrade .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-content p a:after { position: absolute; content: "\f105"; font-family: 'FontAwesome'; right: 0; top: 50%; transform: translateY(-50%); color: #ef7609; font-size: 17px; line-height: 17px; } .optional-upgrade .elementor-widget-image-box:hover p a { color: #ef7609; } .optional-upgrade .elementor-widget-image-box .elementor-image-box-wrapper { overflow: hidden; padding: 0 !important; cursor: pointer;} .optional-upgrade .elementor-widget-image-box .elementor-image-box-wrapper:hover img { transform: scale(1.1); } ul.similar-cars { width: 100%; display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; } ul.similar-cars li { width: 32.4%; margin-right: 1.3%; } ul.similar-cars li:last-child { margin-right: 0; } ul.similar-cars li a.featured { display: block; position: relative; } ul.similar-cars li a.featured .featured-image { position: relative; height: 250px; } ul.similar-cars li a.featured .featured-image .featured-background { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% center; } ul.similar-cars li a.featured .featured-image .featured-bottom { width: 100%; display: flex; flex-wrap: wrap; position: absolute; bottom: 0; } ul.similar-cars li a.featured .featured-image .featured-bottom h5.title { width: 60%; background-color: rgba(218, 121, 34, 1); color: #fff; padding: 10px; font-size: 20px; line-height: 25px; font-weight: 400; margin: 0; } ul.similar-cars li a.featured .featured-image .featured-bottom h5.price { width: 40%; background-color: #101f26; color: #fff; padding: 10px; font-size: 20px; line-height: 25px; font-weight: 400; margin: 0; text-align: center; } .gform_wrapper .gform_heading h2.gform_title { font-size: 26px; line-height: 36px; margin: 0 0 20px 0; } .gform_wrapper form.product-enquiry-form .gform-body .gform_fields { grid-row-gap: 20px; } .gform_wrapper form.product-enquiry-form .gform-body .gform_fields .gfield .ginput_container > input, .gform_wrapper form.product-enquiry-form .gform-body .gform_fields .gfield .ginput_container textarea { font-size: 18px; font-family: 'Poppins' !important; background: #fff !important; border: 1px solid #969696; display: block; line-height: 23px; outline: none; padding: 14px !important; width: 100%; color: #000; } .gform_wrapper form.product-enquiry-form .gform-body .gform_fields .gfield .ginput_container textarea { height: 160px; } .gform_wrapper form.product-enquiry-form .gform-body .gform_fields fieldset.gfield .ginput_container_checkbox .gfield_checkbox .gchoice input { -webkit-appearance: auto; border-radius: 0;} .gform_wrapper form.product-enquiry-form .gform-body .gform_fields fieldset.gfield .ginput_container_checkbox .gfield_checkbox .gchoice label { font-size: 20px; color: #6c6c6c; font-weight: 400; } .gform_wrapper form.product-enquiry-form .gform_footer { padding: 16px 0 0 0 !important; } .gform_wrapper form.product-enquiry-form .gform_footer input[type="submit"] { background: #ef7609; color: #fff; border: 1px solid #ef7609; padding: 10px 35px; width: max-content !important; } .gform_wrapper form.product-enquiry-form .gform_footer input[type="submit"]:hover { background: transparent; color: #ef7609; } body.single-cars.view-active { overflow: hidden; } /*single-signup*/ .single-signup .gform_wrapper form { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .single-signup .gform_wrapper form .gform-body { width: 68%; } .single-signup .gform_wrapper .gform_footer { width: 30%; margin: 0 !important; } .single-signup .gform_wrapper .gform_footer input[type="submit"] { margin: 0 ; padding: 9px; background: #da7922; border: 1px solid #da7922; } .single-signup .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input { padding: 10px; color: #000; line-height: 28px; border: 0; } .single-signup .gform_wrapper .gform_footer input[type="submit"]:hover { color: #fff; background: #54595F; border-color: #54595F; } /*search-wrapper*/ .full-section.search-wrapper .container { max-width: 99%; } .full-section.search-wrapper .title-wrapper { margin: 30px 0; } .full-section.search-wrapper .title-wrapper h4 { margin-bottom: 0; font-size: 24px; } ul.news-list { display: flex; flex-wrap: wrap; margin: 0; padding: 0; } ul.news-list li { max-width: 33.333%; padding: 0 5px; margin: 0 0 20px 0; display: flex; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul.news-list li .news-container { background: #f7f7f7 none repeat scroll 0 0; width: 100%; } .news-date { background-color: #fff; color: #ef7609; display: inline-block; font-size: 1.25rem; left: 0; line-height: 1; padding: 15px; position: absolute; z-index: 10; } .news-image { display: block; overflow: hidden; position: relative; } .news-image img { width: 100%; height: auto; } .news-image .news-background { padding: 20px; } .news-content { background-color: #f7f7f7; padding: 20px; } .news-content .news-more { text-align: right; } .news-content .news-more span { vertical-align: middle; } .pager-post { align-items: baseline; } .pager { align-items: center; display: flex; justify-content: center; margin: 40px 0; } .pager-post a, .pager-post span { display: block; line-height: 1; margin: 0 2px; padding: 8px; position: relative; color: #101f26; } .pager-post span { color: #101f26; } .pager-post span.current::after { background-color: #ef7609; bottom: 0; content: ""; height: 4px; left: 0; position: absolute; right: 0; } .pager-post a:hover { color: #ef7609; } .overview-text .hidden-text{ display:none; } .overview-text .read-more h4{ cursor:pointer; } .overview-text .elementor-button-wrapper a { cursor: pointer; } /* Contact Us */ .contact-form .gform_wrapper form .gform-body .gform_fields .gfield:first-child .ginput_container_select .nice-select { background: #000; color: #fff; padding-left: 10px; padding-right: 40px; } .contact-form .gform_wrapper form .gform-body .gform_fields .gfield:first-child .ginput_container_select .nice-select:after { right: 10px; } .contact-form .gform_wrapper form .gform-body .gform_fields .gfield label.gfield_label { font-size: 16px; font-weight: 400; } .contact-form .gform_wrapper form .gform-body .gform_fields .ginput_container input, .contact-form .gform_wrapper form .gform-body .gform_fields .ginput_container textarea { background: #fff; border: 1px solid #969696; line-height: 23px; outline: none; padding: 14px !important; display: block; } .contact-form .gform_wrapper form .gform-body .gform_fields .ginput_container textarea { height: 160px; resize: none; } .contact-form .gform_wrapper form .gform-body .gform_fields .gfield.gfield--type-section { border-bottom: 0; padding: 0; } .contact-form .gform_wrapper form .gform-body .gform_fields .gfield.gfield--type-section h3 { margin-bottom: 0; } .contact-form .gform_wrapper form .gform-body fieldset.gfield .ginput_container .gfield_checkbox .gchoice input[type="checkbox"] { -webkit-appearance: auto; display: initial; } .contact-form .gform_wrapper form .gform-body fieldset.gfield .ginput_container .gfield_checkbox .gchoice label { font-weight: 500; } .contact-form .gform_wrapper form .gform-body fieldset.gfield { text-align: center; } .contact-form .gform_wrapper form .gform-body .gform_fields .gfield.gfield--type-captcha { width: max-content; margin: 0 auto; } .contact-form .gform_wrapper form .gform_footer { margin-top: 20px; padding: 0; } .contact-form .gform_wrapper form .gform_footer input[type="submit"] { width: max-content; padding: 10px 50px; border: 1px solid #000; margin:0 auto; text-transform:uppercase; } .contact-form .gform_wrapper form .gform_footer input[type="submit"]:hover { background: #ef7609; color: #fff; border-color: #ef7609; } /* Single Post */ .servicing-wrapper .servicing-box { position: relative; margin-bottom: 30px; } .servicing-wrapper .servicing-box .servicing-img { width: 100%; height: 250px; overflow: hidden; } .servicing-wrapper .servicing-box .servicing-img img { width: 100%; height: 100%; object-fit: cover; } .servicing-wrapper .servicing-box .servicing-title { width: 90%; margin: 0 auto; background: #181c24; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; padding: 5px 0; } .servicing-wrapper .servicing-box .servicing-title h2 { color: #fff; text-align: center; margin: 0; font-size: 26px; line-height: 36px; text-transform: uppercase;} .servicing-wrapper .servicing-box:last-child { margin-bottom: 0; } section.blog-contact .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input { background-color: #fff; border: 1px solid #969696; display: block; line-height: 23px; outline: none; padding: 14px !important; } section.blog-contact .gform_wrapper form .gform-body fieldset.gfield .ginput_container .gfield_checkbox .gchoice input[type="checkbox"] { -webkit-appearance: auto; display: initial; } section.blog-contact .gform_wrapper form .gform-body fieldset.gfield .ginput_container .gfield_checkbox .gchoice label { font-weight: 500; } section.blog-contact .gform_wrapper form .gform_footer { margin-top: 20px; padding: 0; } section.blog-contact .gform_wrapper form .gform_footer input[type="submit"] { width: max-content; padding: 10px 50px; border: 1px solid #ef7609; background: #ef7609; } section.blog-contact .gform_wrapper form .gform_footer input[type="submit"]:hover { background: #181c24; color: #fff; border-color: #181c24; } /* Post Archieve */ .archieve-wrapper { display: flex; flex-wrap: wrap; width: 100%; } .archieve-wrapper .archieve-box { width: 31.33%; margin: 0 3% 50px 0; } .archieve-wrapper .archieve-box:nth-child(3n) { margin: 0 0 50px 0; } .archieve-wrapper .archieve-box .archieve-img { width: 100%; height: 300px; overflow: hidden;} .archieve-wrapper .archieve-box .archieve-img a { display: block; width: 100%; height: 100%; } .archieve-wrapper .archieve-box .archieve-img a .bialty-container { width: 100%; height: 100%; display: block; } .archieve-wrapper .archieve-box .archieve-img img { width: 100%; height: 100%; object-fit: cover; } .archieve-wrapper .archieve-box .archieve-title { background: #181c24; padding: 10px 30px; text-align: center; min-height: 100px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .archieve-wrapper .archieve-box .archieve-title h2 { color: #fff; margin: 0; font-family: "League Spartan", Sans-serif; font-size: 25px; line-height: 35px; font-weight: 500; } .archieve-wrapper .archieve-box .archieve-exerpt { background: #E7E9EC; padding: 20px 30px; font-family: "League Spartan", Sans-serif; font-size: 22px; font-weight: 300; text-align: center; } .archieve-wrapper .archieve-box .archieve-exerpt p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0; } .archieve-wrapper .archieve-box .archieve-link { padding: 10px 20px 20px 20px; background: #E7E9EC; } .archieve-wrapper .archieve-box .archieve-link a { width: max-content; display: block; margin: 0 auto; color: #181c24; font-family: "League Spartan", Sans-serif; font-size: 18px; font-weight: 500; text-transform: uppercase; } .archieve-wrapper .archieve-box .archieve-link a i { margin-right: 5px; position: relative; width: 25px; height: 25px; line-height: 22px; border: 1px solid; text-align: center; border-radius: 30px; } .archieve-wrapper .archieve-box .archieve-link a:hover{ color:#ef7609; } .archieve-wrapper .archieve-box .archieve-img.no-fimg { background: #000; } .archieve-wrapper .archieve-box .archieve-img.no-fimg a { display: flex; align-items: center; justify-content: center; } .archieve-wrapper .archieve-box .archieve-img.no-fimg img { width: 410px; margin: 0 auto; height: 240px; } /*detailing-tabs*/ .detailing-tabs .elementor-widget-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title { position: relative; z-index: 1; max-width: 250px; width: 100%; text-align: center; } .detailing-tabs .elementor-widget-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:before { content: ''; position: absolute; top: -8px; right: 0; bottom: 0; left: 0; z-index: -1; border-bottom: none; border-radius: .4em .4em 0 0; background: #181c24; transform: scale(1, 0.9) perspective(0.5em) rotateX(6deg); width: 100%; height: 100%; } .detailing-tabs .elementor-widget-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active { background: transparent !important; border-color: transparent; color: #fff; } .detailing-tabs .elementor-widget-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active:after { display: none; } .detailing-tabs .elementor-widget-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active:before { background: #cd642f; width: 100%; height: 100%; } .detailing-tabs .elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content { padding-left: 0 !important; } .detailing-tabs .elementor-widget-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active:before { background: #ef7609; } /* Html Form */ form.html-form { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;} form.html-form .form-title { width: 100%; } form.html-form .form-title h3 { text-align: center; text-transform: uppercase; font-size: 36px; } form.html-form .form-degugging { visibility: hidden; opacity: 0; position: absolute; } form.html-form .form-row { width: 49%; /*margin-right: 2%;*/ margin-bottom: 20px; } /*form.html-form .form-row:nth-child(2n) { margin-right: 0; }*/ form.html-form .form-row label { font-size: 16px; color: #000; font-weight: 500; display: none;} form.html-form .form-row input { background-color: #fff; border: 1px solid #969696; line-height: 23px; outline: none; padding: 15px; width: 100%; display: block; color: #000; } form.html-form .form-row select { width: 100%; background-color: #fff; border: 1px solid #969696; line-height: 23px; outline: none; padding: 15px; width: 100%; display: block; color: #000; } form.html-form .form-row .nice-select { width: 100%; height: 55px; line-height: 55px; padding: 0 20px 0 10px; border: 1px solid #969696; } form.html-form .form-row .nice-select:after { right: 10px; } form.html-form input[type="hidden"] { opacity: 0; visibility: hidden; } form.html-form .form-row input[type="submit"] { width: 100%; padding: 12px 50px; border: 1px solid #ef7609; background: #ef7609; color: #fff; text-transform:uppercase; } form.html-form .form-row input[type="submit"]:hover { background: #be5e07; color: #fff; } form.html-form .form-row input[type="checkbox"] { -webkit-appearance: auto; width: auto; } form.html-form .form-row input[type="checkbox"] { width: max-content; display: inline-block; } form.html-form .form-row input[type="checkbox"] + label.check-label { width: max-content; display: inline-block; font-size: 20px; font-weight: 300; font-family: 'Poppins'; color: #6c6c6c; } form.html-form .form-row.full-width { width: 100%; margin-right: 0; } /*form.html-form .form-row.full-width .g-recaptcha { display: block; width: max-content; margin: 0 auto; }*/ form.html-form .form-row label.check-label { display: block; } form.html-form .form-row .nice-select span { font-size: 15px; } .get-in-touch form.html-form .form-row .g-recaptcha { width: max-content; margin: 0 auto; } .get-in-touch form.html-form .form-row input[type="submit"] { max-width: 300px; margin: 0 auto; } .pum-theme-default-theme .pum-container { max-height: 700px; height: 100%; overflow: auto !important; } /*.pum-theme-default-theme .pum-container form.html-form .form-row { width: 49%; margin-right: 2%; margin-bottom: 20px; } .pum-theme-default-theme .pum-container form.html-form .form-row:nth-child(odd) { margin-right: 0; }*/ /*zoom-effect*/ .zoom-effect .elementor-image { overflow: hidden; } .zoom-effect .elementor-image a { display: block; transition: 0.3s all ease-in; } .zoom-effect .elementor-image a img { transition: 0.3s all ease-in; } .zoom-effect .elementor-image a:hover img { transform: scale(1.1);} /*zoom-effect*/ .zoom-effect.elementor-widget-image { overflow: hidden; } .zoom-effect.elementor-widget-image a { display: block; transition: 0.3s all ease-in; } .zoom-effect.elementor-widget-image a img { transition: 0.3s all ease-in; } .zoom-effect.elementor-widget-image a:hover img { transform: scale(1.1);} /*.zoom-effect { overflow: hidden; transition: 0.5s all ease-in; } .zoom-effect .elementor-column-wrap:hover { transform: scale(1.1); }*/ .elementor-column[link] { cursor: pointer; } .zoom-effect { overflow: hidden; position: relative; } .zoom-effect .elementor-column-wrap { transition: 0.5s all ease-in !important; overflow: hidden !important; } .zoom-effect:hover .elementor-column-wrap { transform: scale(1.1); } .zoom-effect { overflow: hidden; position: relative; } .zoom-effect .elementor-widget-wrap { transition: 0.5s all ease-in !important; overflow: hidden !important; } .zoom-effect:hover .elementor-widget-wrap { transform: scale(1.1); } /* uk-premier */ .uk-premier .swiper-slide figure.swiper-slide-inner figcaption { margin: 20px 0 0; } .mob-faq .pp-faqs a.faq-read{font-size:15px;padding:12px 24px;font-family:"League Spartan",Sans-serif;font-weight:bold;text-transform:uppercase;border-radius:0px 0px 0px 0px;background-color:#cd642f;color:#fff;display:block;width:max-content;margin:0 auto;line-height:1;} /* Car Single ACF */ .car-single .main-title { padding: 30px 0 10px 0; } .car-single .main-title h1 { margin: 0; text-align: center; font-size: 39px; color: #181C24; font-family: "League Spartan", Sans-serif; letter-spacing: 1px; font-weight: 700; text-transform: uppercase;} .car-single .main-title h1 span { font-family: "League Spartan", Sans-serif; font-weight: 400; letter-spacing: 1px; color: #181c24;text-transform: uppercase; } .slider-with-details { padding:10px 0 20px 0; } .slider-with-details .container { max-width: 90%; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .slider-with-details .slider { width: 48%; } /*.kv_car_gallery_inner .item .video { position: relative; } .kv_car_gallery_inner .item .video { width: 90%; overflow: hidden; padding-top: 56.25%; position: relative; margin: 0 auto; } .kv_car_gallery_inner .item .video iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }*/ .kv_car_gallery_inner .item a.icon { width: 50px; height: 50px; display: block; background: #fff; border-radius: 50px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; } .kv_car_gallery_inner .item a.icon i.icon-play { color: #cd642f; font-size: 22px; line-height: 49px; } .kv_car_gallery_thumb2 .item .video { position: relative; height: 150px; } .kv_car_gallery_thumb2 .item .video img { width: 100%; height: 100%; object-fit: cover; opacity: 1 !important;} .kv_car_gallery_thumb2 .item a { width: 50px; height: 50px; display: block; background: #fff; border-radius: 50px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; } .kv_car_gallery_thumb2 .item a i.icon-play { color: #cd642f; font-size: 22px; line-height: 49px; } .slider-with-details .slider ul.social-share { padding: 0; margin: 20px 0 0 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center; } .slider-with-details .slider ul.social-share li { width: max-content; margin-right: 40px; } .slider-with-details .slider ul.social-share li:last-child { margin-right: 0; } .slider-with-details .slider ul.social-share li a { width: 35px; height: 35px; display: block; background: #000; text-align: center; border-radius: 50px; } .slider-with-details .slider ul.social-share li a:hover { background: #fff; } .slider-with-details .slider ul.social-share li a i { font-size: 16px; line-height: 35px; color: #fff; } .slider-with-details .slider ul.social-share li a:hover i { color:#181c24; } .slider-with-details .details { width: 48%; background: #F5F5F5; position:relative; } .slider-with-details .details h2 { font-family: "League Spartan", Sans-serif; font-size: 25px; color: #181c24; text-transform: uppercase; text-align: center; margin: 30px 0 20px 0; } .slider-with-details .details ul { margin: 0; padding: 0 10px; list-style-type: none; } .slider-with-details .details ul li { max-width: 70%; width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #000; } .slider-with-details .details ul li span { width: 60%; display: block; } .slider-with-details .details ul li span.label { width: 35%; text-align: right; } .slider-with-details .details ul li span.label { font-family: "League Spartan", Sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #181c24; } .slider-with-details .details ul li span.text { font-family: "League Spartan", Sans-serif; font-size: 20px; font-weight: 500; letter-spacing: 0.5px; color: #181c24; text-transform: capitalize; } .slider-with-details .details .car-price { margin: 20px 0; } .slider-with-details .details .car-price h2 { color: #181C24; margin: 0; padding-bottom: 0; font-weight: 700; font-size: 35px; font-family: "League Spartan", Sans-serif; } .slider-with-details .details .dark-bg { background: #DEDEDE; padding: 10px; } .slider-with-details .details .dark-bg h5 { font-family: "Poppins", Sans-serif; font-size: 15px; font-weight: 500; color: #181c24; text-align: center; } .slider-with-details .details .dark-bg ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 40px; } /*.slider-with-details .details .dark-bg ul li span.label { width: 55%; text-align: left; } .slider-with-details .details .dark-bg ul li span.text { width: 40%; }*/ .slider-with-details .details .dark-bg ul li { max-width: 100%; width: 50%; margin: 0; padding: 0; border: 0; } .slider-with-details .details .dark-bg ul li span.label { width: 55%; text-align: right; font-family: "Poppins", Sans-serif; font-size: 16px; font-weight: 500; color: #181c24; text-transform: capitalize; } .slider-with-details .details .dark-bg ul li span.text { width: 40%; font-family: "League Spartan", Sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 1px; color: #181c24; } .slider-with-details .details .dark-bg p { font-family: "League Spartan", Sans-serif; font-size: 18px; font-weight: 300; letter-spacing: 1px; color: #181c24; text-align: center; margin: 10px 0 0 0; } /*.slider-with-details .details a.enquire-button { font-family: "League Spartan", Sans-serif; font-weight: 500; text-transform: uppercase; line-height: 18px; display: block; margin: 30px auto 20px auto; min-width: 200px; width: max-content; background: #181c24; text-align: center; color: #fff; padding: 15px 30px; }*/ .slider-with-details .details a.enquire-button { font-family: league spartan, Sans-serif; font-weight: 500; text-transform: uppercase; display: block; width: 100%; background: #181c24; text-align: center; color: #fff; padding: 10px 30px; } .slider-with-details .details a.enquire-button i { margin-right: 2px; } .slider-with-details .details a.enquire-button:hover { background: #cd642f; } .slider-with-details .details h5 { color: #181c24; font-family: "Poppins", Sans-serif; font-size: 15px; font-weight: 500; text-align: center; margin: 0 0 15px 0; } .slider-with-details .details h5 a { color: #E97521; font-family: "Poppins", Sans-serif; font-size: 20px; font-weight: 600; display: inline-block; } .slider-with-details .details h5 a:hover{ text-decoration: underline; } .slider-with-details .details span.sold { width: max-content; height: max-content; display: block; position: relative; background: #f92d2d; color: #fff; padding: 10px 30px; top: 0; left: -10px; font-weight: 500; } .slider-with-details .details span.sold:before { content: ""; position: absolute; top: auto; bottom: -12px; width: 0; height: 0; border-style: solid; border-width: 0 12px 12px 0; border-color: transparent #f92d2d transparent transparent; left: 0px; } .overview-text { padding: 30px 0; background: #181C24; } .overview-text h2 { color: #FFFFFF; font-family: "Poppins", Sans-serif; font-weight: 700; text-align: center; line-height: 40px; text-transform: uppercase; margin-bottom: 20px; } .overview-text p { text-align: center; color: #FFFFFF; font-family: "Catamaran", Sans-serif; font-size: 22px; font-weight: 600; line-height: 40px; display: block; } .overview-text .overview-hide { display: none; } .overview-text a.overview-btn { font-family: "League Spartan", Sans-serif; font-weight: 500; text-transform: uppercase; line-height: 18px; display: block; margin: 30px auto 0 auto; width: max-content; background: #cd642f; text-align: center; color: #fff; padding: 15px 30px; } .overview-text a.overview-btn:hover { background-color: #54595F; } .specification-with-video { background: #010202; } .specification-with-video .container { max-width: 100%; width: 100%; display: flex; flex-wrap: wrap; padding:0; } .specification-with-video .lists { width: 50%; padding: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; } .specification-with-video .lists h2 { width: 100%; font-family: "League Spartan", Sans-serif; font-size: 30px; font-weight: 700; color: #fff; text-align: center; margin-bottom: 30px; } .specification-with-video .lists .left { width: 48%; } .specification-with-video .lists .right { width: 48%; } .specification-with-video .lists .hidden-lists { width: 100%; display: none;} .specification-with-video .lists .hidden-lists .flex-lists { display: flex; flex-wrap: wrap; justify-content: space-between; } .specification-with-video .listing-btn { width: 100%; margin: 0 auto 0 auto;} .specification-with-video .lists a.list-btn { font-family: "League Spartan", Sans-serif; font-weight: 500; text-transform: uppercase; line-height: 18px; display: block; width: max-content; background: #cd642f; text-align: center; color: #fff; padding: 15px 30px; margin: 0 auto; } .specification-with-video .lists a.list-btn:hover { background-color: #54595F; } .specification-with-video .lists ul li { font-family: "Catamaran", Sans-serif; font-size: 22px; font-weight: 500; line-height: 30px; color: #ffffff; margin-bottom: 15px; } .specification-with-video .video { width: 50%; overflow: hidden; /*padding-top: 21.25%;*/ padding-top: 28.25%; position: relative; } .specification-with-video .video iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .optional-services { background: #181C24; padding: 40px 0 25px 0; } .optional-services h2 { color: #FFFFFF; font-family: "League Spartan", Sans-serif; font-size: 40px; font-weight: 600; } .optional-services .optional { width: 100%; } .optional-services .extra { width: 100%; margin: 35px 0 0 0; display: none;} .optional-services ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; } .optional-services ul li { width: 24%; margin: 0 10px; position: relative; margin-bottom: 15px; } /* .optional-services ul li:nth-child(4n) { margin-right: 0; } */ .optional-services ul li .optional-box { width: 100%; position: relative; } .optional-services ul li .optional-box a { display: block; } .optional-services ul li .optional-box .optional-image { width: 100%; height: 250px; overflow: hidden; } .optional-services ul li .optional-box .optional-image img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s all ease-in; } .optional-services ul li .optional-box .optional-title { background-color: rgba(0, 0, 0, .45); position: absolute; bottom: 0; width: 100%; left: 0; padding: 23px 10px; } .optional-services ul li .optional-box .optional-title h2 { font-family: "Poppins", Sans-serif; font-size: 18px; font-weight: 400; color: #fff; margin: 0; position: relative; } .optional-services ul li .optional-box .optional-title h2::after { color: #ef7609; content: ""; font-family: icomoon; font-size: 1rem; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); } .optional-services ul li .optional-box a:hover .optional-image img { transform: scale(1.1); } .optional-services ul li .optional-box a:hover .optional-title h2 { color: #ef7609; } .smiliar-cars { padding: 50px 0; } .smiliar-cars h2 { font-family: "League Spartan", Sans-serif; font-weight: 600; font-size: 36px; text-transform: uppercase; text-align: center; margin-bottom: 20px; } .smiliar-cars .car-stock { padding: 25px 0; margin: 20px 0 0 0; } .smiliar-cars .car-stock a { display: block; width: max-content; margin: 0 auto; color: #181c24; font-family: "League Spartan", Sans-serif; font-size: 20px; font-weight: 500; padding-left: 30px; position: relative; } .smiliar-cars .car-stock a:before { content: "\f138"; position: absolute; font-family: 'FontAwesome'; left: 0; } .smiliar-cars .car-stock a:hover { color: #da7922; } .cars-newsletter { background: #181C24; padding: 20px 0; } .cars-newsletter .container { display: flex; flex-wrap: wrap; justify-content: space-between; } .cars-newsletter .left { width: 50%; } .cars-newsletter .right { width: 50%; } .cars-newsletter .left h2 { margin: 0; color: #FFFFFF; font-family: "Poppins", Sans-serif; font-weight: 600; font-size: 30px; text-transform: uppercase; } .cars-newsletter .right form { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .cars-newsletter .right form .gform-body { width: 68%; } .cars-newsletter .right .gform_footer { width: 30%; margin: 0 !important; } .cars-newsletter .right .gform_footer input[type="submit"] { margin: 0; padding: 9px; background: #da7922; border: 1px solid #da7922; } .cars-newsletter .right form .gform-body .gform_fields .gfield .ginput_container input { padding: 10px; color: #000; line-height: 28px; border: 0; } .cars-newsletter .right .gform_footer input[type="submit"]:hover { color: #fff; background: #54595F; border-color: #54595F; } .slick-arrow { width: 40px; height: 40px; background: #000; border-radius: 30px; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; } .slick-arrow i { color: #fff; line-height: 40px; font-size: 20px; } .slick-next { right: 5px; } .slick-prev { left: 5px; } /**/ .kv_car_listing_slider .owl-item .item div#popup_content { display: none; } /*newsletter-form*/ form.newsletter-form { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } form.newsletter-form .gform-body { width: 68%; } form.newsletter-form .gform_footer { width: 30%; margin: 0 !important; } form.newsletter-form .gform_footer input[type="submit"] { margin: 0; padding: 9px; background: #da7922; border: 1px solid #da7922; } form.newsletter-form .gform-body .gform_fields .gfield .ginput_container input { padding: 10px; color: #000; line-height: 28px; border: 0; } form.newsletter-form .gform_footer input[type="submit"]:hover { color: #fff; background: #54595F; border-color: #54595F; } /* Trade Single */ .cta-strip { padding: 50px 0; background: #CD642F; } .cta-strip .container { max-width: 80%; width: 100%; } .cta-strip a { font-family: league spartan, Sans-serif; font-weight: 500; text-transform: uppercase; line-height: 18px; display: block; width: max-content; background: #000; text-align: center; color: #fff; padding: 15px 30px; margin: 0 auto; } .cta-strip a:hover { background: #54595f; } .pum-title.popmake-title { text-align: center; text-transform: uppercase; font-size: 36px; font-weight: 700; line-height: normal; } .gform_wrapper form.trade-form .gform-body.gform_body .gform_fields .gfield input, .gform_wrapper form.trade-form .gform-body.gform_body .gform_fields .gfield textarea { background-color: #fff; border: 1px solid #969696; line-height: 23px; outline: none; padding: 15px; width: 100%; display: block; color: #000; } .gform_wrapper form.trade-form .gform_footer { margin: 20px 0 0; } .gform_wrapper form.trade-form .gform_footer input[type="submit"] { width: 100%; padding: 12px 50px; border: 1px solid #ef7609; background: #ef7609; color: #fff; text-transform: uppercase; } .gform_wrapper form.trade-form .gform_footer input[type="submit"]:hover { background: #be5e07; color: #fff; } /**/ .protect-form .container { max-width: 80%; width: 100%; margin: 0 auto; } .protect-form { height: 650px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .protect-form form { max-width: max-content; width: 100%; margin: auto; } .protect-form form label { display: none; } .protect-form form .form-row { width: 100%; margin: 20px 0 0 0; } .protect-form form .form-row input { width: 100%; margin: 0 0 10px 0; border: 1px solid #000; background: #fff; color: #000; padding: 10px; } .protect-form form .form-row input[type="submit"] { margin: 0; background: #cd642f; color: #fff; border-color: #cd642f; } .protect-form form .form-row input[type="submit"]:hover { background: #54595F; border-color: #54595F;} /* .car-listings.trade */ /* .car-listings.trade .filter form .filter-select .car_model input { padding: 0 10px; } */ .car-stock-wrapper .car-stock-col-2.trade { padding: 0; flex-direction: column; justify-content: flex-start; } .car-stock-wrapper .car-stock-col-2 .trade-price { display: block; width: 100%; padding: 10px; background: #6abd7e; } .car-stock-wrapper .car-stock-col-2 .rrp-price { width: 100%; display: block; padding: 10px; } .car-stock-wrapper .car-stock-col-2.trade h2 { display: flex; justify-content: space-between; font-weight: 400; } .car-stock-wrapper .car-stock-col-2.trade h2 span { width: max-content; display: inline-block; } /* car-listings */ .car-listings .filter form .filter-select div input[type="text"], .car-listings .filter form .filter-select div select{ border: 0; border-bottom: 2px solid #000; padding: 7px 10px !important; width: 100%; line-height: 22px; } .car-listings .filter form .filter-select div .nice-select { -webkit-tap-highlight-color: unset !important; } /*sale-form*/ .gform_wrapper form.sale-form .gform-body .gform_fields .gfield label, .gform_wrapper form.sale-form .gform-body .gform_fields .gfield legend.gfield_label { color: #000; } .gform_wrapper form.sale-form .gform-body .gform_fields .gfield .ginput_container input { background: #fff; border: 1px solid #969696; line-height: 23px; outline: none; padding: 15px; color: #000; } .gform_wrapper form.sale-form .gform_footer input[type="submit"] { width: 100%; padding: 12px 50px; border: 1px solid #ef7609; background: #ef7609; color: #fff; text-transform: uppercase; } .gform_wrapper form.sale-form .gform_footer input[type="submit"]:hover { background: #000; border-color: #000; } .gform_wrapper form.sale-form .gform-body .gform_fields .gfield .ginput_container_checkbox .gfield_checkbox .gchoice input[type=checkbox] { -webkit-appearance: checkbox; } /*blogs-cate*/ ul.blogs-cate { display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style-type: none; justify-content: center; } ul.blogs-cate li { color: #CD642F; font-size: 23px; font-weight: 500; text-transform: uppercase; padding-right: 5px; margin-right: 5px; position: relative; } ul.blogs-cate li:after { position: absolute; content: ','; right: -1px; } ul.blogs-cate li:last-child { padding-right: 0; margin-right: 0; } ul.blogs-cate li:last-child:after { display: none; } .seo-desc { width: 100%; text-align: center; } .seo-desc p { color: #181c24; font-family: catamaran, Sans-serif; font-size: 23px; font-weight: 400; text-transform: capitalize; } .gform_wrapper form .gform-body .gform_fields .gfield input[type="checkbox"] { -webkit-appearance: revert; } /*popup-wrapper.sale-popup*/ .popup-wrapper.sale-popup { position: fixed; background-color: rgba(0, 0, 0, .7); height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1999999999; overflow: initial; transition: .15s ease-in-out; } .popup-wrapper.sale-popup .popup-inner { max-width: 60%; width: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); padding: 25px; border-radius: 0; border: 5px solid #181c24; box-shadow: 1px 1px 3px rgba(2, 2, 2, .23); background-color: rgba(249, 249, 249, 1); max-height: 700px; height: auto; overflow-y: auto; overflow-x: hidden; } .popup-wrapper.sale-popup .popup-inner a.close-popup { position: absolute; height: 30px; width: 30px; left: auto; right: 0; bottom: auto; top: 0; padding: 10px; color: #fff; font-family: inherit; font-weight: 700; font-size: 16px; line-height: 4px; border: 1px #fff; border-radius: 0; box-shadow: 1px 1px 3px rgba(2, 2, 2, .23); text-shadow: 0 0 0 rgba(0, 0, 0, .23); background-color: rgba(205, 100, 47, 1); } /*HX New*/ ul.car-list li .car-stock { position: relative; background: transparent;} ul.car-list li .car-stock .hz_fav .fav-wrapper { position: relative; width: 100%; display: block; } ul.car-list li .car-stock .car-stock-container { position: relative; } ul.car-list li .car-stock .hz_fav { width: 100%; display: block; position: relative; margin-bottom: 10px; text-align: right; } ul.car-list li .car-stock .car-stock-container a.prd_details { display: block; width: 100%; background: #101f26; } ul.car-list li .car-stock .hz_fav .fav-wrapper { position: relative; width: 40px; height: 40px; background: #ef7609; text-align: center; font-size: 24px; border-radius: 40px; line-height: 42px; color: aqua; margin: 0 0 0 auto; } ul.car-list li .car-stock .hz_fav .fav-wrapper a.like { color: #fff; } ul.car-list li .car-stock .hz_fav .fav-wrapper a.like.active { color: #101f26; } ul.car-list li .car-stock .car-stock-wrapper .car-stock-col { background: #101f26; } .slider-with-details .details .car-price { margin: 20px 0; position:relative; max-width: 70%; width: 100%; margin: 0 auto; } .slider-with-details .details .car-price h2 { color: #181C24; margin: 0; padding-bottom: 0; font-weight: 700; font-size: 35px; font-family: "League Spartan", Sans-serif; } .slider-with-details .details .car-price .hz_fav { width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: #ef7609; text-align: center; line-height: 47px; border-radius: 40px; cursor:pointer; } .slider-with-details .details .car-price .hz_fav i { color: #fff; font-size: 22px; cursor:pointer;} .slider-with-details .details .car-price .hz_fav a.like.active i { color: #181C24; } /*7 November 2024*/ ul.showroom-list { padding: 0; margin: 0; display: flex; flex-wrap: wrap; } ul.showroom-list li.showroom-vehicle { width: 23.5%; margin-right: 2%; list-style: none; } ul.showroom-list li.showroom-vehicle:nth-child(4n) { margin-right: 0; } ul.showroom-list li.showroom-vehicle .showroom-vehicle-container { position: relative; } ul.showroom-list li.showroom-vehicle .showroom-vehicle-container .vehicle-image { position: relative; display: block; width: 100%; overflow: hidden; } ul.showroom-list li.showroom-vehicle .showroom-vehicle-container .vehicle-image a { position: relative; display: block; width: 100%; } ul.showroom-list li.showroom-vehicle .showroom-vehicle-container .vehicle-image a .vehicle-stock-bg { background-position: 50%; background-size: cover; padding-bottom: 52%; background-color: #fff; } ul.showroom-list li.showroom-vehicle .showroom-vehicle-container .vehicle-image a .vehicle-stock-bg.csb-image { opacity: 1; visibility: visible; transition: all .5s ease 0s; } ul.showroom-list li.showroom-vehicle .kv_car_listing_slider { opacity: 0; position: absolute; top: 0; transition: all .5s ease 0s; visibility: hidden; z-index: 8; } ul.showroom-list li.showroom-vehicle .car-stock-bg { background-position: 50%; background-size: cover; padding-bottom: 52%; background-color: #fff; } ul.showroom-list li.showroom-vehicle .car-stock-bg img.slide-img { display: none; } .gallery-main { position: relative; } .gallery-main .vehicle_attachamnt { bottom: 10px; position: absolute; z-index: 9; left: 50px; } .gallery-main .vehicle_attachamnt a { padding: 10px 15px; font-size: 16px; font-weight: 400; background: #181c24; color: #fff; display: inline-block; text-transform: uppercase;} .gallery-main .vehicle_attachamnt a i { margin-right: 5px; } .gallery-main .vehicle_attachamnt a:hover { background: #cd642f; } /*Documents*/ .documents { width: 100%; padding: 0 50px; } .documents h2.doc_title { margin: 30px 0; font-family: 'Poppins';} .documents .car_docs { width: 100%; } .documents .car_docs .docs_row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 50px; } .documents .car_docs .docs_row .car_doc_card { width: 30%; text-align: center; } .documents .car_docs .docs_row .car_doc_card a { width: 100%; height: 100%; display: block; } .documents .car_docs .docs_row .car_doc_card .doc_icon { width: 100%; margin-bottom: 20px; text-align: center;} .documents .car_docs .docs_row .car_doc_card .doc_icon img { margin: 0 auto; } .documents .car_docs .docs_row .car_doc_card .doc_icon i { font-size: 38px; color: #181c24; } .documents .car_docs .docs_row .car_doc_card a h3.doc_title { margin: 0; font-weight: 500; font-size: 18px; line-height: 20px; text-transform: uppercase; } .documents .car_docs .docs_row .car_doc_card p.error { color: #000; margin: 0; } .documents .car_docs .docs_row .car_doc_card a:hover i, .documents .car_docs .docs_row .car_doc_card a:hover h3{color: #cd642f;} .documents .car_docs .docs_row .car_doc_card.lastItem a.doc_title { padding: 7px 25px; background: #cd642f; color: #FFF; width: max-content; margin: 0 auto; } .documents .car_docs .docs_row .car_doc_card.lastItem a.doc_title:hover { background: #181c24; } form.gve_login .gform-body.gform_body .gform_fields .gfield input { width: 100%; } form.gve_login .gform-body.gform_body .gform_fields .gfield .gfield_checkbox .gchoice input { width: auto; } form.gve_login .gform-footer { display: block !important; } form.gve_login .gform-footer a { width: 100%; display: block; margin: 10px 0; } form.gve_login .gform-footer input[type="submit"] { padding: 10px; margin: 15px 0 0 0;} .nsl-container.nsl-container-block { text-align: center; padding: 0 !important;} .nsl-container.nsl-container-block .nsl-container-buttons { display: block !important; padding: 0 !important; } .nsl-container.nsl-container-block .nsl-container-buttons a { width: 100%; display: block !important; } header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.loginBtn a { padding: 10px 40px 10px 10px; background: #cd642f; position: relative; color: #fff; text-transform: capitalize;} header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.loginBtn a:hover{ background: #54595f; } header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.loginBtn a:before { position: absolute; content: '\f007'; right: 12px; font-family: "FontAwesome"; } header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.login img { filter: invert(1); } body.logged-in header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.login ul.sub-menu { width: 200px; right: 0; } body.logged-in header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.login ul.sub-menu > li.menu-item a { line-height: inherit; } header.header-wrapper .nav-wrapper .navigation-wrapper .main-menu ul.menu li.menu-item.login.menu-item-has-children>a { padding-right: 0 !important; } header.header-wrapper .nav-wrapper .navigation-wrapper .main-menu ul.menu li.menu-item.menu-item-has-children>a:after { display: none; } header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.login ul.sub-menu { visibility: hidden; opacity: 0; } /**/ body.logged-in header.header-wrapper .nav-wrapper .navigation-wrapper .main-menu ul.menu li.menu-item.login.menu-item-has-children>a { padding-right: 25px !important; } body.logged-in header.header-wrapper .nav-wrapper .navigation-wrapper .main-menu ul.menu li.menu-item.menu-item-has-children>a:after { display: inherit; } body.logged-in header.header-wrapper .nav-wrapper .main-menu ul.menu li.menu-item.login ul.sub-menu { visibility: visible; opacity: 1; } body.page-template-buyer_listing .content-wrapper .container, body.page-template-seller_listing .content-wrapper .container, body.page-template-fav_dash .content-wrapper .container { max-width: 1440px; } .DashboardPage .PageTitle { width: 100%; display: block; text-align: center; } .DashboardPage .PageTitle h1 { margin: 0; text-transform: uppercase; } .BSDashboard { width: 100%; display: flex; flex-wrap: wrap; position:relative; } .BSDashboard .Vehicle a.wrapperLink { width: 100%; height: 100%; position: absolute; display: block; z-index: 0; } .BSDashboard .Vehicle { width: 32%; margin-right: 2%; margin-bottom: 30px; /*box-shadow: 5px 5px 10px #eee, -5px 5px 10px #eee;*/ border: 1px solid #eee; background: #fff; position:relative; } .BSDashboard .Vehicle:nth-child(3n) { margin-right: 0; } .BSDashboard .Vehicle .featureImg { width: 100%; height: 250px; overflow: hidden; border-bottom: 1px solid #eee; } .BSDashboard .Vehicle .VehicleDetails { width: 100%; padding: 0 20px; } .BSDashboard .Vehicle .VehicleDetails h3 { font-size: 22px; margin-bottom: 5px; } .BSDashboard .Vehicle .VehicleDetails p { font-size: 20px; } .BSDashboard .Vehicle .featureImg .hz_fav { width: max-content; padding: 10px 10px; position: relative; z-index: 1; } .BSDashboard .Vehicle .featureImg .hz_fav .fav-wrapper { width: 50px; height: 50px; text-align: center; } .BSDashboard .Vehicle .featureImg .hz_fav .fav-wrapper a.like { width: 100%; height: 100%; display: block; background: #fff; border-radius: 50px; } .BSDashboard .Vehicle .featureImg .hz_fav .fav-wrapper a.like.active{ color: #181c24; } .BSDashboard .Vehicle .featureImg .hz_fav .fav-wrapper a.like i { font-size: 26px; line-height: 50px; } .BSDashboard .Vehicle .carStockWrapper { width: 100%; background: #181c24; color: #fff; display: flex; flex-wrap: wrap; justify-content: space-between; } .BSDashboard .Vehicle .carStockWrapper .leftCol { width: 70%; padding: 10px;} .BSDashboard .Vehicle .carStockWrapper .leftCol h3 { color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 5px; } .BSDashboard .Vehicle .carStockWrapper .leftCol h3 span { font-weight: 300; } .BSDashboard .Vehicle .carStockWrapper .leftCol p.tagLine { font-size: 14px; } .BSDashboard .Vehicle .carStockWrapper .leftCol ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; } .BSDashboard .Vehicle .carStockWrapper .leftCol ul li { width: max-content; margin-right: 10px; padding-right: 10px; border-right: 2px solid #cd642f; } .BSDashboard .Vehicle .carStockWrapper .leftCol ul li:last-child { border: 0; margin-right: 0; padding-right: 0; } .BSDashboard .Vehicle .carStockWrapper .rightCol { width: 30%; background: #cd642f; display: flex; align-items: center; justify-content: center; } .BSDashboard .Vehicle .carStockWrapper .rightCol p { margin: 0; font-size: 20px; font-weight: 500; } section.whiteTitle .DashboardPage .PageTitle h1 { color: #fff; } .gve_login_wrapper { margin: 0 !important; } .gve_login_wrapper form.gve_login { width: 100%; } .gve_login_wrapper form.gve_login .gform-body { width: 100%; } .gve_login_wrapper form.gve_login .gform-body ul.gform_fields { width: 100%; } .gve_login_wrapper form.gve_login .gform-body ul.gform_fields li.gfield { padding: 0; margin: 0 0 10px 0;} .gve_login_wrapper form.gve_login .gform-body ul.gform_fields li.gfield .ginput_container { margin: 0; } .gve_login_wrapper form.gve_login .gform-body ul.gform_fields li.gfield .ginput_container input { margin: 0; padding: 10px !important; } .gve_login_wrapper form.gve_login .gform-body ul.gform_fields li.gfield .ginput_container button.gform_show_password { color: #000; top: 10px; } .gform_confirmation_wrapper.gve_login { text-align: center; } .sellerTitle { padding: 10px 0; background: #f1f1f1; } .sellerTitle h1 { margin: 0; text-align: center; text-transform: uppercase; } .sellerTitle h1 span { font-weight: 300; } /*ValuationWrapper*/ .ValuationWrapper { padding: 50px 0; background: #f1f1f1; } .ValuationWrapper h2.ValuationTitle { font-family: "League Spartan", sans-serif; text-align: center; text-transform: uppercase; margin-bottom: 30px; } .ValuationWrapper .valuationRate { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px; } .ValuationWrapper .valuationRate .ValRow { width: 32%; text-align: center; padding: 20px; } .ValuationWrapper .valuationRate .ValRow h3 { font-size: 28px; margin-bottom: 10px; } .ValuationWrapper .valuationRate .ValRow p { font-size: 20px; font-weight: 500; margin-bottom: 5px; } .ValuationWrapper .valuationRate .ValRow p.Price { font-size: 42px; font-weight: 600; margin-bottom: 10px; font-family: "League Spartan", sans-serif; font-weight: 700;} .ValuationWrapper .valuationRate .ValRow a.sell-button { display: inline-block; padding: 7px 25px; background: #ef7609; color: #fff; font-family: "League Spartan", sans-serif; font-weight: 700; line-height: 26px; } .ValuationWrapper .valuationRate .ValRow a.sell-button:hover { background: #181c24; } .ValuationWrapper .valuationRate .ValRow:nth-child(2) { background: #fff; } .ValuationWrapper .vehicleInfo { width: 100%; display: block; margin-bottom: 50px;} .ValuationWrapper .vehicleInfo h2.info_title { font-family: "League Spartan", sans-serif; text-align: center; text-transform: uppercase; margin-bottom: 30px; } .ValuationWrapper .vehicleInfo .vehicleInfoDet { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; } .ValuationWrapper .vehicleInfo .vehicleInfoDet .VehicleBox { width: 23%; text-align: center; } .ValuationWrapper .vehicleInfo .vehicleInfoDet .VehicleBox h3 { font-size: 27px; margin-bottom: 5px; font-family: "League Spartan", sans-serif; font-weight: 700; } .ValuationWrapper .vehicleInfo .vehicleInfoDet .VehicleBox p { margin: 0; text-transform: uppercase; font-size: 18px; font-family: "League Spartan", sans-serif; font-weight: 700; } .similarVehicle { width: 100%; } .similarVehicle h2.similarTitle { font-family: "League Spartan", sans-serif; text-align: center; text-transform: uppercase; margin-bottom: 30px; } .similarVehicle .VehicleWrapper { width: 100%; display: flex; flex-wrap: wrap; } .similarVehicle .VehicleWrapper .Box { width: 32%; margin-right: 2%; margin-bottom: 30px; background: #fff; } .similarVehicle .VehicleWrapper .Box:nth-child(3n) { margin-right: 0; } .similarVehicle .VehicleWrapper .Box a { width: 100%; display: block; } .similarVehicle .VehicleWrapper .Box .featureImg { width: 100%; height: 250px; overflow: hidden; } .similarVehicle .VehicleWrapper .Box .featureImg img { width: 100%; height: 100%; object-fit: cover; } .similarVehicle .VehicleWrapper .Box .BoxContent { padding: 10px 15px; } .similarVehicle .VehicleWrapper .Box .BoxContent h3 { font-size: 22px; margin-bottom: 10px; } .similarVehicle .VehicleWrapper .Box .BoxContent p { font-size: 18px; margin-bottom: 0; } .similarVehicle .VehicleWrapper .Box .VehicleView { width: 100%; padding: 10px; background: #ef7609; } .similarVehicle .VehicleWrapper .Box .VehicleView p { margin: 0; color: #fff; text-transform: uppercase; font-size: 18px; text-align: center; } .similarVehicle .VehicleWrapper .Box .VehicleView:hover { background: #181c24; } .ValuationWrapper .valuation-bar { max-width: 60%; width: 100%; margin: 0 auto; display: flex; margin-bottom: 50px; border: 2px solid #000; border-radius: 20px; overflow: hidden; background: #ee3c23;} .ValuationWrapper .valuation-bar .bar { width: 20%; height: 25px; } .ValuationWrapper .valuation-bar .bar:last-child { border-right: 0; } .ValuationWrapper .valuation-bar .bar1 { background: #56b845; } .ValuationWrapper .valuation-bar .bar2 { background: #8fc73f; } .ValuationWrapper .valuation-bar .bar3 { background: #fadb2a; } .ValuationWrapper .valuation-bar .bar4 { background: #f58729; } .ValuationWrapper .valuation-bar .bar5 { background: #ee3c23; } .VehicleSlider { width: 100%; } .VehicleSlider .gallery { width: 100%; display: block; } .VehicleSlider .gallery .gallery-main { width: 100%; } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .owl-item .item .owl-bg-image { position: relative; height: 700px; overflow: hidden; } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .owl-item .item .owl-bg-image img.slide-img { width: 100%; height: 100%; object-fit: cover; } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .owl-item .item .owl-bg-image .banner-btn-wrapper { position: absolute; width: 200px; height: 32px; right: 40px; z-index: 1; top: auto; bottom: 10px; display: none; flex-wrap: wrap; justify-content: flex-end } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .owl-item .item .owl-bg-image .banner-btn-wrapper a { padding: 0 4px } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .owl-item .item .owl-bg-image .banner-btn-wrapper a>img { width: 100%; height: 100%; cursor: pointer } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .owl-item .item div#popup_content { display: none } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .owl-item .item .spritespin { cursor: e-resize; margin: auto !important } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .owl-item.active:not(.center) { width: 401px !important } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .owl-item:not(.center) .owl-bg-image::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(18, 31, 35, .8); z-index: 1 } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .active:not(.center) .banner-btn-wrapper { display: none !important } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); transition: all .3s ease 0s; width: 40px; height: 40px; background: #f18522; border-radius: 20px; } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .owl-nav .owl-prev { left: 1%; } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .owl-nav .owl-next { right: 1%; } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .owl-nav i { font-size: 25px; color: #fff; line-height: 30px; } .VehicleSlider .gallery .gallery-main .seller_kv_car_gallery_inner .owl-item.active .item .owl-bg-image .banner-btn-wrapper { display: flex; } .gform_wrapper form.gve_login .gform-footer { margin: 15px 0 0 0 !important; } .showroomList { width: 100%; display: flex; flex-wrap: wrap; } .showroomList .ShowroomVehicle { width: 24.2%; margin-right: 1%; margin-bottom: 30px; background: #202530; padding: 10px; } .showroomList .ShowroomVehicle:nth-child(4n) { margin-right: 0; } .showroomList .ShowroomVehicle .CarImg { width: 100%; height: 200px; overflow: hidden; } .showroomList .ShowroomVehicle .CarImg img { width: 100%; height: 100%; object-fit: cover; } .showroomList .ShowroomVehicle .CarDetails { width: 100%; } .showroomList .ShowroomVehicle .CarDetails .CarTitle { width: 100%; padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #fff; } .showroomList .ShowroomVehicle .CarDetails .CarTitle h3 { margin: 0; color: #fff; font-weight: 300; font-size: 22px; line-height: 26px; } .showroomList .ShowroomVehicle .CarDetails .CarMileage { width: 100%; } .showroomList .ShowroomVehicle .CarDetails .CarMileage ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; min-height: 78px;} .showroomList .ShowroomVehicle .CarDetails .CarMileage ul li { width: 50%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 10px;} .showroomList .ShowroomVehicle .CarDetails .CarMileage ul li span.img { width: 20%; margin-right: 10px; } .showroomList .ShowroomVehicle .CarDetails .CarMileage ul li img { filter: invert(1); } .showroomList .ShowroomVehicle .CarDetails .CarMileage ul li span.cont { width: 70%; color: #fff; font-size: 12px; text-transform: capitalize;} .showroomList .ShowroomVehicle .CarDetails .CarAnchor { margin: 10px 0 0 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .showroomList .ShowroomVehicle .CarDetails .CarAnchor .Price { width: 48%; } .showroomList .ShowroomVehicle .CarDetails .CarAnchor .Details { width: 48%; } .showroomList .ShowroomVehicle .CarDetails .CarAnchor .Price p { margin: 0; padding: 10px; background: #cfd3dc; text-align: center; color: #000; font-weight: 500; } .showroomList .ShowroomVehicle .CarDetails .CarAnchor .Details a { display: block; margin: 0; padding: 9px; border: 1px solid #cfd3dc; text-align: center; color: #fff; font-weight: 500; } .showroomList .ShowroomVehicle .CarDetails .CarAnchor .Details a:hover { background: #cd642f; } /**/ form#loginform { width: 100%; } form#loginform p { width: 100%; margin-bottom: 15px; } form#loginform input { width: 100%; margin: 0; background: #f1f2f4; border: 1px solid #eee; padding: 10px 15px; border-radius: 0; } form#loginform label { display: none; } form#loginform input[type="submit"] { text-transform: uppercase; display: block; width: 100%; padding: 15px; font-size: 16px; line-height: 18px; font-weight: 500; border: 1px solid #181c24; background: #181c24; } form#loginform input[type="submit"]:hover { background: transparent; color: #181c24; } form#loginform .login-remember label { display: block; cursor: pointer; font-size: 16px; font-weight: 500; } form#loginform .login-remember label input[type="checkbox"] { width: max-content; -webkit-appearance: auto; } .slider-with-details .details .enquireBtn { position: relative; max-width: 67%; width: 100%; margin: 20px auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 7px; } .slider-with-details .details .enquireBtn .enquire { width: max-content; } .slider-with-details .details .enquireBtn .ivendi { width: max-content; } /**/ .DashboardPage .EmptyVehicle { max-width: 30%; width: 100%; margin: 0 auto; height: 300px; border: 1px solid #000; } .DashboardPage .EmptyVehicle .VehicleImg { width: 100%; height: 100%; display: block; overflow: hidden; position: relative } .DashboardPage .EmptyVehicle .VehicleImg .plusIcon { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; background: #181c24; width: 40px; height: 40px; border-radius: 40px; text-align: center } .DashboardPage .EmptyVehicle .VehicleImg .plusIcon i { font-size: 26px; line-height: 40px; }