BLACKSITE
:
216.73.217.4
:
104.37.75.190 / alpenpass.ca
:
Linux server3.pointsplan.com 5.14.0-503.38.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Apr 18 08:52:10 EDT 2025 x86_64
:
/
home
/
apca
/
www
/
assets
/
css
/
Upload File:
files >> /home/apca/www/assets/css/style.css
@charset "utf-8"; body { font-family: 'Lato', sans-serif; margin:0px; padding:0px !important; overflow-x:hidden; color:#555555; font-size:16px; } /*---------------------- 1.1. Typography ------------------------------*/ h1, h2, h3, h4, h5, h6 { color:#111111; font-weight:900; margin:0 auto 15px; } h1 { font-size: 50px; font-family: 'Lato', sans-serif; } h2 { font-size: 40px; } h3 { font-size: 28px; } h4 { font-size:22px; } h5 { font-size: 20px; line-height:32px; } h6 { font-size: 18px; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-weight:300 } @media (max-width:767px) { .banner_content h1{ font-size:36px; } } p { font-size:16px; line-height:26px; font-weight:400; margin-bottom:15px; } a { transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration:0.5s; -ms-transition-duration:0.5s; text-decoration:none; } a:hover, a:focus { text-decoration:none; outline:none; } ul, ol { margin:0 auto 20px; } ul li, ol li { font-size: 16px; line-height: 20px; margin: 0 auto 10px; } ul li i, ol li i { margin:0 12px 0 0; } ul.list_style_none, ol.list_style_none { list-style:none; } ul.list-with-icon { padding-left:10px; margin-bottom:30px; } ul.list-with-icon li { line-height: 20px; margin-bottom: 15px; padding-left: 23px; position: relative; list-style:none; } ul.list-with-icon li i { left: 0; position: absolute; top: 4px; } blockquote { background:#f5f5f5 ; } .white-text, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p { color:#fff; } .uppercase { text-transform:uppercase; } .underline { text-decoration:underline; } .divider { border-bottom: 1px solid #dcd9d9; clear: both; margin: 40px auto; } /** For Email Success Message */ #statusMessage{ text-align:center; padding:20px; width: 100%; margin-top: 10px; border-radius:10px !important; font-size: 24px; vertical-align: middle !important; color:#888; } .successMessage{ background-color: #CCFFCC; padding-top: 20px; } .errorMessage{ background-color:#EF3939; padding-top: 20px; color:#fff; } /*----------------- 1.2. Button -------------------------*/ .btn { border: medium none; border-radius: 3px; color: #ffffff; font-size: 16px; font-weight: 800; line-height: 30px; margin: auto; padding: 7px 36px; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; } .btn .fa { font-size: 20px; margin-left: 5px; vertical-align: middle; } .btn.btn-lg { font-size: 28px; line-height: 35px; padding: 25px 83px; } .btn.btn-lg:hover { background:#c51514 } .btn.btn-md { font-size: 18px; line-height: 18px; padding: 10px 20px; } .btn.btn-md:hover { background:#c51514 } .btn:hover, .btn:focus { color: #ffffff; outline:none; } .btn-link { font-weight: 800; } .btn.outline { background:none; border-style:solid; border-width:1px; } .btn.outline:hover, .btn.outline:focus { color:#fff; } .btn.btn-xs { font-size:12px; padding:0px 25px; } .btn.btn-xs .fa { margin:0 5px; font-size:14px; } .angle_arrow { background: #fff none repeat scroll 0 0; border-radius: 50%; display: inline-block; height: 22px; line-height: 20px; margin-left: 4px; text-align: center; vertical-align: text-top; width: 22px; } .btn .angle_arrow .fa { display: block; font-size: 18px; line-height: 22px; margin: 0; vertical-align: middle; } .btn.outline.active-btn { border-color:#089901; color:#089901; } .btn.outline.active-btn:hover { background:#089901; color:#fff; } a, .btn-link, .car-title-m h6 a:hover, .featured-car-content > h6 a:hover, .footer-top ul li a:hover, .get-intouch a:hover, .blog-content h5 a:hover, .blog-info-box li a:hover, .control-label span, .angle_arrow i, .contact_detail li a:hover, .team_more_info p a:hover, .error_text_m h2, .search_btn, .popular_post_title a:hover, .categories_list ul li a:hover, .categories_list ul li a:hover:after, .article_meta ul li a:hover, .articale_header h2 a:hover, .btn.outline, .share_article ul li, .contact-info a:hover, .social-follow a:hover, .radio input[type=radio]:checked + label:before, .checkbox input[type=checkbox]:checked + label:before, .product-listing-content h5 a:hover, .pricing_info .price, .text-primary, .footer_widget ul li a:hover, .header_search button:hover, .header_widgets a:hover, .navbar-default .navbar-nav > li.active a, .navbar-default .navbar-nav > li:focus a, .navbar-default .navbar-nav > li:hover a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .my_vehicles_list ul.vehicle_listing li a:hover, .dealer_contact_info a:hover, .widget_heading i, .dealers_listing .dealer_info h5 a:hover, .main_features ul li p, .listing_detail_head .price_info p, .listing_other_info button:hover, .compare_info table td i, .compare_info table th i, #accessories i, .price, .inventory_info_list ul li i, .services_info h4 a:hover, .about_info .icon_box, .header_style2 .navbar-nav > li > .dropdown-menu a:hover, .header_style2 .navbar-default .navbar-nav li:hover .dropdown-menu li a:hover, .header_style2 .dropdown-menu > .active > a, .header_style2 .dropdown-menu > .active > a:focus, .header_style2 .dropdown-menu > .active > a:hover, .header_style2 .dropdown-menu > li > a:focus, .header_style2 .dropdown-menu > li > a:hover { color:#fa2837; fill: #fa2837; } a:hover, a:focus, .btn-link:hover { color:#ff0012; fill: #ff0012; } .btn, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .recent-tab .nav.nav-tabs li.active a, .fun-facts-m, .featured-icon, .owl-pagination .owl-page.active, #testimonial-slider .owl-pagination .owl-page.active, .social-follow.footer-social a:hover, .back-top a, .team_more_info ul li a:hover, .tag_list ul li a:hover, .pagination ul li.current, .pagination ul li:hover, .btn.outline:hover, .btn.outline:focus, .share_article ul li:hover, .nav-tabs > li a:hover, .nav-tabs > li a:focus, .label-icon, .navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .label_icon, .navbar-nav > li > .dropdown-menu, .add_compare .checkbox, .search_other, .vs, .td_divider, .search_other_inventory, #other_info, .main_bg, .slider .slider-handle, .slider .slider-selection { background: #fa2837 none repeat scroll 0 0 !important; fill: #fa2837; color:#fff !important; font-size: 18px !important; } .btn:hover, .btn:focus, .search_other:hover, #other_info:hover { background-color: #c60210 !important; fill: #fb4d59; color:#fff !important; font-size: 18px !important; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .social-follow.footer-social a:hover, .page-header, .tag_list ul li a:hover, .btn.outline, .share_article ul li, blockquote, .social-follow a:hover, .radio label:before, .navbar-default .navbar-toggle, .owl-buttons div, .about_info .icon_box { border-color: #fa2837; } .recent-tab .nav.nav-tabs li.active::after { border-color: #fa2837 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .td_divider:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0 ) rgba(0, 0, 0, 0 ) #fa2837 ; } .navbar-nav > li > .dropdown-menu li { border-bottom: 1px solid #e21625; } @media (max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color:#fa2837; } } /*------------------------- 1.3. dark-overlay ---------------------------------*/ .div_zindex { position: relative; z-index: 1; } .dark-overlay { background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /*------------------------------------- 1.4. Space margins and padding ------------------------------------------------*/ .padding_none { padding:0px; } .padding { padding:20px 0; } .padding_50px { padding:50px 0; } .padding_4x4_30 { padding:30px; } .padding_4x4_40 { padding:40px; } .space-20 { width:100%; height: 20px; clear:both; } .space-30 { width:100%; height: 30px; clear:both; } .space-40 { width:100%; height: 40px; clear:both; } .space-60 { width:100%; height: 60px; clear:both; } .space-80 { height: 80px; width:100%; } .margin-btm-20 { margin-bottom: 20px; clear:both; } .margin-none { margin:0px; } /*----------------- 1.5. Form ---------------------------*/ .form-group { margin-bottom: 15px; position: relative; } .form-label { color: #111111; font-size: 14px; font-weight: 400; margin: 0 auto 8px; } .form-control { background: #eeeeee none repeat scroll 0 0; border: 0 none; border-radius: 3px; box-shadow: none; color: #888888; font-size: 15px; height: 46px; line-height: 30px; padding: 0 15px; font-size: 16px !important; } .form-control:hover, .form-control:focus { box-shadow:none; outline:none } .select { position:relative; } .select select { appearance: none; -moz-appearance: none; -o-appearance: none; -webkit-appearance: none; -ms-appearance: none; } .select::after { color: #878787; content: ""; cursor: pointer; font-family: fontawesome; font-size: 15px; padding: 12px 0; pointer-events: none; position: absolute; right: 15px; top: 0; } .form-control option { padding: 10px; } .control-label { color:#555; font-size:15px; font-weight:700; } .radio label, .checkbox label { cursor: pointer; font-size: 14px; font-weight: 400; padding-left: 26px; position: relative; } .radio input[type=radio], .checkbox input[type=checkbox] { display: none; } .radio label:before { background-color:transparent; border-style:solid; border-width:1px; border-radius:50%; content: ""; display: inline-block; height: 15px; left: 0; top:4px; position: absolute; width: 15px; } .checkbox label::before { background-color: rgba(0, 0, 0, 0); border: 1px solid #111111; content: ""; display: inline-block; height: 16px; left: 0; position: absolute; top: 4px; width: 16px; } .radio input[type=radio]:checked + label:before { content: "\2022"; font-size: 15px; text-align: center; line-height: 11px; } .checkbox input[type=checkbox]:checked + label:before { content: "\2713"; font-size: 12px; text-align: center; line-height: 14px; } .black_input .form-control { background:#222; border-radius:3px; color:#fff; border:#222 solid 1px; font-size:17px; } .checkbox, .radio { padding-top: 5px; } .form-control.white_bg { background:#fff; border:#e6e5e5 solid 1px; } /*----------------- 1.6. Table ---------------------------*/ table { margin:0 0 30px; width:100%; font-size: 16px; } table th, table td { border: 1px solid #cccccc; padding: 8px; /*padding:18px;*/ } table th img, table td img { max-width:100%; } table thead { background:#eee; } table thead th, table thead td { text-transform:uppercase; font-weight:900; color:#111; } /*----------------------------------------------------------- 1.7. Section-background-color & sectino-heading -------------------------------------------------------------------*/ .secondary-bg { background-color:#222; color:#fff; } .dark-bg { background-color:#111; color:#fff; } .gray-bg { background:#eeeeee; } .primary-bg { background: #fa2837; color:#fff; } .section-padding { padding: 60px 0; } .section-header { padding-bottom: 55px; } .section-header h2 { margin-bottom: 30px; } .section-header h2 span { font-weight: 300; } .section-header p { font-size: 17px; } /*-------------------- 1.8 Tabs ------------------------------*/ .nav.nav-tabs { border: medium none; } .nav-tabs > li a { background: #000000 none repeat scroll 0 0; border-radius: 0; color: #ffffff; font-weight: 800; margin-right: 5px; padding: 9px 36px; text-align:center; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #ffffff; } .nav-tabs > li { margin-bottom: 0; } /*-------------------------------------------- 1.9. parallex-background ---------------------------------------------------*/ .parallex-bg { background-attachment: fixed; background-position: 0 0; background-repeat: no-repeat; background-size: cover; position: relative; } /*------------------------ 1.10. Modal --------------------------------*/ .modal-dialog { width: 650px; } .modal-content { padding: 0 32px 22px; } .modal-header { padding:15px 0; margin-bottom:25px; } .modal-body { padding:10px 0; } .modal .modal-header .close { background: #000000 none repeat scroll 0 0; border-radius: 50%; color: #ffffff; font-size: 17px; height: 31px; line-height: 30px; margin-top: 5px; opacity: 1; text-align: center; text-shadow: none; width: 31px; } /*================ 2. Header ===========================*/ .default-header { background: #fff none repeat scroll 0 0; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); padding: 30px 0; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; } .nav-stacked.affix { background: #f5f5f5 none repeat scroll 0 0; top: 0; width: 100%; z-index: 11; padding: 10px 0; } .logo { float:left; } .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar { background:#fff; } .header_info { float: right; text-align: right; } .social-follow { display: inline-block; margin-left: 20px; margin-top: 0; vertical-align: middle; } .social-follow ul { padding:0px; margin:0px; } .social-follow ul li { display:inline-block; vertical-align:middle; list-style:none; margin:0px; } .social-follow ul li a { display:block; font-size:25px; color:#555; } .social-follow li i { margin-right: 5px; } .login_btn { display: inline-block; margin-left: 10px; vertical-align: middle; } .circle_icon { border: 1px solid #000; border-radius: 50%; color: #555; float: left; font-size: 17px; height: 40px; line-height: 35px; margin-right: 10px; text-align: center; width: 40px; } .uppercase_text { color: #111; font-size: 15px; font-weight: 900; line-height: 17px; margin: 0; text-transform: uppercase; } .header_widgets { display: inline-block; width: 260px; text-align:left; } .header_widgets a { color:#555; } .header_wrap { float: right; } .header_search { float: right; padding: 16px 0; position: relative; } #header-search-form::after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff; border-style: solid; border-width: 7px; content: ""; position: absolute; right: 9px; top: -13px; display:none; } .header_search input { background: #ffffff none repeat scroll 0 0; border: 0 none; height: 38px; padding-right: 45px; width: 227px; } .header_search button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #555555; font-size: 14px; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } #search_toggle { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 2px; cursor: pointer; display:none; margin-top: 1px; padding: 5px 10px; } .user_login { border: 1px solid #888; border-radius: 3px; float: left; margin: 18px 10px 17px 0; } .user_login ul { padding:0px; margin:0px; } .user_login ul li { line-height: 17px; list-style: outside none none; margin: 0; padding: 4px 15px 7px; } .user_login > ul > li a { color:#888; font-size:18px; font-weight:900; text-transform:uppercase; } .user_login > ul > li a i { margin:0 2px 0; } .user_login ul.dropdown-menu { background: #111111 none repeat scroll 0 0; border-radius: 0; padding: 15px 0; top: 107%; } /*---------------------------------- 2.1 Navigation & Dropdown Menu ------------------------------------------*/ #navigation_bar { /*background: #111111 none repeat scroll 0 0;*/ border-radius: 0; padding: 0; } #navigation { padding: 0; } nav.navbar { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; margin: 0 auto; } .navbar-default .navbar-nav > li { margin: 0 5px 0 0; padding: 0px; border-radius:0px; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background:none; } .nav.navbar-nav > li:nth-last-child(1) { padding-right: 0; } .navbar-default .navbar-nav > li > a { display: block; font-size: 13px; font-weight: 800; line-height: 27px; padding: 20px 22px; text-transform: uppercase; position:relative; color: #000 !important; } .navbar-default .navbar-nav > li.dropdown > a { padding: 20px 42px 20px 22px; } .navbar-default .navbar-nav > li.dropdown > a::after { content: "\f107"; font-family: fontawesome; position: absolute; right: 18px; top: 30%; } .navbar-default .navbar-nav li:hover a, .navbar-default .navbar-nav li.active a { color:#666; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { border-radius:0; background:none; } #navigation.collapse.navbar-collapse { float: left; margin: 0px; } .navbar-nav > li > .dropdown-menu { border: 0 none; border-radius:0; box-shadow: none; padding:0px 0; } .navbar-nav > li > .dropdown-menu li { margin: 0; } .navbar-nav > li > .dropdown-menu a { color:#fff; padding:12px 25px; } .navbar-default .navbar-nav li:hover .dropdown-menu li a { color:#fff; } .navbar-nav > li > .dropdown-menu a:hover, .navbar-default .navbar-nav li:hover .dropdown-menu li a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background:#111; } .navbar-nav > li > .dropdown-menu li:last-child { border:0px; } .user_login .dropdown-menu > .active > a, .user_login .dropdown-menu > .active > a:focus, .user_login .dropdown-menu > .active > a:hover, .user_login .dropdown-menu > .active > a:hover, .user_login .dropdown-menu > li > a:focus, .user_login .dropdown-menu > li > a:hover { background:#fff; color:#111; } @media (min-width:768px) { .navbar-default .navbar-nav > li.dropdown:hover .dropdown-menu { display:block; } .navbar-nav > li > .dropdown-menu { top: 80px; display: block !important; transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; opacity: 0; visibility: hidden; } .navbar-nav > li:hover > .dropdown-menu { top: 100%; opacity: 1; visibility: visible; transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; } } /*======================= 3. Home-Page ================================*/ /*------------------------- 3.1. Banner -------------------------------*/ .banner-section { background-image: url("/assets/images/home-page-1920.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 160px 0; position: relative; } .banner-section::after { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: 0; content: ""; height: 7px; left: 0; position: absolute; right: 0; width: 100%; } .banner_content { /*padding-left: 120px;*/ } .banner_content h1 { color: #ffffff; font-size: 80px; line-height: 80px; text-align: center; font-family: 'Lato', sans-serif; } .banner_content p { color: #ffffff; font-size: 20px; font-weight: 400; line-height: 29px; } .car-finder-box { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; padding: 26px; } .find-car-form { overflow: hidden; } .find-car-form .form-control{ border:none;} .find-car-form .col-form-6 { float: left; width: 49%; } .find-car-form .col-form-6:nth-child(2n+1) { margin-right: 10px; } /*------------------------- 3.2. Filter-Form -------------------------------*/ #filter_form { padding:46px 0; } #filter_form h3 { font-size:30px; margin-bottom:25px; } #filter_form .btn { font-size:18px; } #filter_form .btn i { margin-right:6px; } #filter_form .form-group { margin-bottom:20px; } .slider.slider-horizontal .slider-track { background-color: rgba(0, 0, 0, 0.2); background-image: none; } .slider .slider-handle, .slider .slider-selection { background-image:none; } /*------------------------- 3.3. About-Us-Section -------------------------------*/ .looking-car { border: 3px solid #e1e1e1; border-radius: 0 30px; padding: 58px 25px; position: relative; width: 450px; } .looking-car span { font-weight: 300; } .looking-car-content { width: 60%; } .looking-cat-image { position: absolute; right: -120px; top: 40px; max-width:350px; } .looking-car-content p { font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 26px; width: 85%; } .looking-cat-image img { max-width:100%; } /*----------------------------- 3.4. Recently-Listed-Cars -----------------------------------*/ .recent-tab { margin: 0 auto; text-align: center; } .recent-tab ul.nav-tabs { background: #ffffff none repeat scroll 0 0; border-radius: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin: 0 auto; display:inline-block; } .recent-tab .nav.nav-tabs a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; border-radius: 30px; color: #222222; font-size: 15px; line-height: 26px; margin: 0 auto; padding: 6px 32px; position:relative } .recent-tab .nav.nav-tabs li.active a { border: medium none; color: #ffffff; } .recent-tab .nav.nav-tabs li.active::after { border-style: solid; border-width: 12px; bottom: -20px; content: ""; height: 8px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 12px; } .col-list-3 { float: left; padding: 0 15px; width: 33%; } .col-list-3:nth-child(3n) { clear:right; } .col-list-3:nth-child(3n+1) { clear:left; } .recent-car-list { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin-top: 40px; } .car-info-box { position:relative;} .car-info-box ul { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; bottom: 0; margin: 0 auto; padding: 0 15px; position: absolute; width: 100%; } .car-info-box li { color: #ffffff; display: inline-block; font-size: 13px; line-height: 50px; list-style: outside none none; margin: 0 15px 0 auto; } .car-info-box li .fa { margin-right: 8px; } .car-info-box li:nth-last-child(1) { margin-right: 0; } .car-title-m { overflow: hidden; padding: 20px; } .car-title-m h6 { float: left; margin: 0 auto; max-width: 245px; } .car-title-m h6 a { color: #111111; } .car-title-m .price { color: #555555; float: right; font-size: 16px; font-weight: 800; } .inventory_info_m { padding: 0 20px 15px; } .inventory_info_m p { color: #9e9e9e; line-height: 22px; } .blog-info-box .share_article { position:absolute; top:15px; left:15px; overflow:hidden; } .blog-info-box .share_article p { background:rgba(0, 0, 0, 0.5); border:rgba(255, 255, 255, 0.5) solid 2px; border-radius:50%; width:35px; height:35px; text-align:center; color:#fff; line-height:30px; cursor:pointer; float:left; margin:0; } .blog-info-box .share_article:hover p, .blog-info-box .share_article:hover ul li a { background:#fff; color:#000; } .blog-info-box .share_article:hover ul li a:hover { border-radius:50%; color:#fa2837; } .blog-info-box .share_article ul { position:absolute; background:none; float:left; width:auto; opacity:0; visibility:hidden; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); } .blog-info-box .share_article ul li { height:35px; width:35px; line-height:35px; background:rgba(0, 0, 0, 0.5); border:0px; } .blog-info-box .share_article:hover ul { opacity:1; visibility:visible; position:relative; transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform:translateY(0%); } /*--------------------- 3.5. Fun-Facts -----------------------------*/ .fun-facts-section { background: rgba(0, 0, 0, 0) url("../images/squamish_bc.jpg") repeat scroll 0 0; padding: 100px 0; position: relative; } .fun-facts-m { border-radius: 50%; color: #ffffff; display: table; height: 188px; margin: 0 auto; text-align: center; width: 188px; } .fun-facts-m .cell { display: table-cell; vertical-align: middle; } .fun-facts-m h2 { color: #ffffff; margin: 0 auto; } .fun-facts-m p { font-size: 15px; line-height: 24px; margin: 0 auto; } .fun-facts-m h2 .fa { display: block; } /*---------------------- 3.6. Featured-Cars -------------------------------*/ .featured-car-list { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin:0 auto 15px; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; } .featured-car-list:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); } .featured-car-img { position: relative; overflow:hidden; } .featured-icon { color: #ffffff; font-size: 15px; line-height: 30px; position: absolute; right: -28px; text-align: center; text-transform:capitalize; top: 9px; transform: rotate(45deg); width: 105px; } .featured-car-content { padding: 20px; overflow:hidden; } .featured-car-content a { color: #111111; } .featured-price { font-size: 18px; font-weight: 800; } .featured-car-content ul { border-top: 1px solid #e7e6e6; margin-bottom: 0; margin-left: auto; margin-right: auto; overflow: hidden; padding: 20px 0 0; } .featured-car-content li { float: left; font-size: 13px; list-style: outside none none; margin-bottom: 8px; width: 50%; } .featured-car-content li .fa { font-size: 15px; margin-right: 8px; } .price_info { overflow:hidden; } .featured-price { float:left; width:50%; } .price_info .car-location { float:right; margin:0 auto; width:50%; } .price_info .car-location > span { display: block; line-height: 30px; } .compare_item { background:rgba(0, 0, 0, 0.8); left: 10px; padding: 0 12px; position: absolute; top: 10px; } .compare_item .checkbox { margin:4px 0; padding:0px; } .compare_item .checkbox label { color:#fff; font-weight:400; font-size:13px; } .compare_item .checkbox label::before { background: #fff none repeat scroll 0 0; border: 0 none; height: 12px; top: 4px; width: 12px; } .compare_item .checkbox input[type="checkbox"]:checked + label::before { color: #000; font-weight: bold; } /*--------------------- 3.7. Trending-Cars -----------------------------*/ .trending-car-m { position: relative; } .trending-hover { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; bottom: 0; left: 0; opacity: 1; padding: 10%; position: absolute; right: 0; text-align: center; top: 100%; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; width: 100%; z-index: 111; } .trending-car-m:hover .trending-hover { top:0px; } .trending-hover h4 { position:absolute; margin:0 auto; top:50%; left:15px; right:15px; transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); } .trending-hover h4 a { color:#fff; } .owl-pagination { width:100%; display:block; margin:auto; text-align:center } .owl-pagination .owl-page { height:10px; width:10px; background:#929292; border-radius:50%; display:inline-block; margin:25px 5px 0px; } .owl-pagination .owl-page.active { height:16px; width:16px; border-radius:50%; position:relative; top:2px; } /*-------------------- 3.8 Testimonial-Section -----------------------------*/ .testimonial-section { background-image: url("../images/1250GSA_wide2.jpg"); } .white-text h2 { color: #ffffff; } .testimonial-m { padding-left: 20px; padding-right: 20px; position: relative; z-index: 1; } .testimonial-img { border: 5px solid #ffffff; border-radius: 50%; float: left; height: 215px; left: 30px; overflow: hidden; position: absolute; top: 42px; width: 215px; z-index: 1; } .testimonial-img > img { max-width: 100%; } .testimonial-content { background: #ffffff none repeat scroll 0 0; border-radius: 0 30px; float: right; padding: 35px 35px 35px 0px; position: relative; width: 300px; height: 300px; } .testimonial-content::after { background: rgba(0, 0, 0, 0) url("../images/testimonial-content-bg.jpg") repeat scroll 0 0 / cover ; border-radius: 0 30px; content: ""; height: 100%; left: 0; opacity: 0.2; position: absolute; right: 0; top: 0; width: 100%; } .client-designation { color: #555555; font-size: 14px; } .testimonial-heading { margin-bottom: 35px; padding-left: 60px; position: relative; height: 240px; overflow-x: auto; } .testimonial-heading h5 { margin: 0 auto; } .testimonial-heading::after { content: ""; font-family: fontawesome; font-size: 100px; left: 0; line-height: 28px; position: absolute; top: 15px; color:rgba(0, 0, 0, 0.1); } .testimonial-content > p { font-size: 14px; line-height: 24px; margin: 0 auto 5px; padding-left: 35px; } #testimonial-slider .owl-pagination .owl-page { background:#fff; } /*---------------------- 3.9. Blog-Section -----------------------------*/ .blog-info-box { position: relative; } .blog-info-box ul { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; bottom: 0; margin: 0 auto; padding: 0 15px; position: absolute; width: 100%; } .blog-info-box li { color: #ffffff; display: inline-block; font-size: 13px; line-height: 50px; list-style: outside none none; margin: 0 10px 0 auto; } .blog-info-box li a{ color: #ffffff; } .blog-info-box li .fa { margin-right: 3px; } .blog-content { overflow: hidden; padding-top: 25px; } .blog-content h5 { line-height:26px; } .blog-content h5 a { color:#111; } .blog-content a i { margin:0px; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; } .blog-content a:hover i { margin-left:8px; } /*------------------------ 3.10. Popular-Brands --------------------------------*/ .brand-section { padding: 55px 0; } .brand-hadding { border-right: 1px solid #bbbbbb; float: left; padding-right: 10px; position: relative; width: 90px; } #popular_brands div { padding:0 10px; } .brand-hadding::after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #bbbbbb; border-style: solid; border-width: 12px; content: ""; position: absolute; right: -24px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .brand-hadding h5 { line-height: 26px; margin: 10px 0; } .brand-logo-list { float: right; margin: 0 auto; padding: 0 0 0 30px; width: 90%; } .brand-logo-list a img { margin: 0 auto; } .brand-logo-list .owl-controls.clickable { display:none !important; } /*------------------------------------------------- 3.11. Login / Register / Forgot password -------------------------------------------------------*/ .login_wrap, .signup_wrap { display: table; position: relative; width: 100%; } #loginform .modal-footer, #signupform .modal-footer, #forgotpassword .modal-footer { text-align:center; border-top:0px; } #loginform .modal-footer p, #signupform .modal-footer p, #forgotpassword .modal-footer p { margin:0px; font-size:14px; color:#111; line-height:22px; font-weight:400; } .mid_divider { border-left: 1px solid #d7d7d7; height: 100%; left: 50%; position: absolute; top:0; } .btn.facebook-btn, .btn.facebook-btn:hover { background:#3c5a98; } .btn.twitter-btn, .btn.twitter-btn:hover { background:#28bcec; } .btn.googleplus-btn, .btn.googleplus-btn:hover { background:#fe0000; } .btn.facebook-btn, .btn.twitter-btn, .btn.googleplus-btn { font-size: 17px; font-weight: 400; margin-bottom: 10px; padding: 10px 22px; text-align: left; } .btn.facebook-btn i, .btn.twitter-btn i, .btn.googleplus-btn i { font-size:26px; margin-right:10px; } .gray_text { color:#ccc; } .forgotpassword_wrap p { margin:0 auto 15px; max-width:80%; } /*----------------- 3.12. Footer ------------------------*/ .footer-top { background: #222222 none repeat scroll 0 0; color: #9d9d9d; padding: 80px 0; } .footer-top h6 { color: #ffffff; font-size:15px; text-transform:uppercase; margin-bottom: 40px; } .footer-top ul { overflow: hidden; padding: 0; } #LinkList ul li { font-size: 14px; line-height: 23px; list-style: outside none none; margin-bottom: 10px; padding-left: 12px; position: relative; margin: 0 auto 10px; } } .footer-top ul li a::after { content: ""; font-family: fontawesome; left: 0; position: absolute; vertical-align: middle; } .footer-top ul li a { color: #fff; } input.newsletter-input { /*background: rgba(0, 0, 0, 0) none repeat scroll 0 0;*/ border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px; font-size: 13px; text-align: left; } .subscribed-text { color: #b0b0b0; font-size: 12px; line-height: 18px; padding-top: 10px; } .footer-bottom { background: #191919 none repeat scroll 0 0; padding: 22px 0; } .footer_widget { color: #ffffff; display: inline-block; margin: 6px 0 0 30px; } .footer_widget p { display:inline-block; vertical-align:middle; margin:0px; } .footer_widget ul { display:inline-block; padding:0px; vertical-align:middle; margin:0px 0 0 8px; } .footer_widget ul li { display:inline-block; vertical-align:middle; list-style:none; margin:0 auto; } .footer_widget ul li a { color:#fff; display:block; font-size:36px; margin:0 4px; } .footer_widget ul li a i { margin:0px; } .copy-right { color: #ffffff; font-size: 15px; line-height: 40px; margin: 0 auto; } .back-top { bottom: 35px; position: fixed; right: 33px; z-index: 1; } .back-top a { border-radius: 50%; color: #ffffff; display: block; font-size: 19px; height: 40px; line-height: 36px; text-align: center; vertical-align: top; width: 40px; } .back-top a:hover, .back-top a:focus { color:#fff; } /*======================= 4. Home-Page-2 ================================*/ /*----------------- 4.1. Header ------------------------*/ .header_style2 { box-shadow: 0 0 24px rgba(0, 0, 0, 0.3); background:#fff; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; } .header_style2 #navigation_bar { background: #fff; text-align:center; } .header_style2 .navbar-default .navbar-nav > li { margin:0; } .header_style2 .navbar-default .navbar-nav > li > a { color: #111; padding:30px 18px; } .header_style2 .user_login i { font-size:24px; color:#111; } .header_style2 .logo { margin: 20px 0; } .header_style2 .user_login { margin: 29px 10px 20px 0; } .header_style2 .login_btn { margin: 28px 0; } .header_style2 .navbar-default .navbar-nav > li.dropdown > a::after { right: 0; } .header_style2 .navbar-nav > li, .header_style2 .navbar-nav { display: inline-block; float: none; } .header_style2 .navbar-default .navbar-nav > li.dropdown > a::after { top: 34%; } @media (min-width:992px) { .header_style2 #navigation.collapse.navbar-collapse { display: inline-block !important; float: none; width: auto !important; } .header_style2 { padding:6px 0; } } .header_style2.nav-stacked.affix { padding:0px; } /*-------------------- 4.2. Banner ---------------------------*/ #banner2 { position:relative; } #banner2 h3 { font-weight:300; margin:0 auto 30px; } .bannre-item { position:relative; padding:150px 0 250px; background-repeat:no-repeat; } .banner_text { position:relative; z-index:1; } #banner2 .item:after { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #banner2 .carousel-caption { bottom: inherit; left: 20%; padding-bottom: 30px; right: 20%; top: 50%; transform: translateY(-50%); } #banner2 .carousel-control { width: 10%; } .carousel-control .icon-next, .carousel-control .icon-prev { border:rgba(255, 255, 255, 0.5) solid 1px; line-height: 22px; } /*-------------------- 4.13. Filter-Form ---------------------------*/ #filter_form2 { margin: -120px 0 -20px; position: relative; z-index: 1; } .main_bg { padding:30px; box-shadow:rgba(0, 0, 0, 0.3) 0 0 10px; } .main_bg .btn { background:#111; } .main_bg .btn:hover { background:#000; } #filter_form2 .form-label { color: #ffffff; display: block; font-size: 15px; font-weight: 700; } form .slider.slider-horizontal { width:100%; } #filter_form2 .slider.slider-horizontal .slider-track { background-image:none; background-color:rgba(255, 255, 255, 0.3); } #filter_form2 .slider-handle { background-color: #ffffff; background-image: none; } #filter_form2 .slider-selection { background-color:#fff; } /*----------------- 4.4. About-us ------------------------*/ .about_info { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding:40px 20px; text-align:center; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; } .about_info:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); } .about_info .icon_box { float:none; margin: 0 auto 25px; } .about_info h5 { margin:0 auto 10px; } /*----------------- 4.5. Fan-Facts ------------------------*/ #fun-facts { position:relative; } .vc_row { box-sizing: border-box; display: flex; flex-wrap: wrap; } .vc_col { display: flex; } .fact_m { display: block; margin: 0 30px 0 16%; width: auto; } .fact_m ul { margin:0px; padding:40px 0 0; clear:both; } .fact_m ul li p { margin:0px; } .fact_m ul li h2 { margin:0px; } .fact_m ul li { list-style:none; float:left; border:rgba(255, 255, 255, 0.2) solid 1px; padding:30px 18px; width:48%; margin:0 2% 12px 0; } .fact_m ul li i { font-size:65px; float:left; margin:0 10px 20px 0; } .facts_section_bg { background: rgba(0, 0, 0, 0) url("../images/facts_bg.jpg") no-repeat scroll 0 0 / cover ; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /*----------------- 4.6. Our-Services ------------------------*/ .services_info { overflow:hidden; margin:30px auto 0; } .our_services { display: block; margin: 0 16% 0 40px; width: auto; } .services_info h4 { margin:10px auto; } .services_info h4 a { color:#fff; } .services_info p { line-height:22px; } .icon_box { float:left; width:99px; height:99px; text-align:center; font-size:40px; line-height:90px; border-radius:50%; border:rgba(255, 255, 255, 0.2) solid 1px; margin:0 25px 25px 0; } /*----------------- 4.7. Testimonial ------------------------*/ #testimonial { position:relative; } .testimonial_wrap { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); margin: 15px; padding: 40px; text-align: center; overflow:visible; position:relative; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; } .testimonial_wrap:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .testimonial_wrap .testimonial-img { float: none; height: 135px; left: inherit; margin: 0 auto 20px; position: relative; right: inherit; top: inherit; width: 135px; } .testimonial_wrap .testimonial-heading::after { display:none; } .testimonial_wrap::after { color: rgba(0, 0, 0, 0.1); content: ""; font-family: fontawesome; font-size: 100px; left: 25px; line-height: 28px; position: absolute; top: 60px; } .testimonial_wrap .testimonial-heading { padding:0px; margin:0 auto 20px; } /*----------------- 4.8. Help ------------------------*/ #help { background-image: url("../images/help_bg.jpg"); background-repeat: no-repeat; background-size: cover; position:relative; background-attachment:fixed; } /*======================================== 5. Inner-Page-Heading-Section ==============================================*/ .page-header { background-image: url("/assets/images/squamish_bc.jpg"); background-repeat: no-repeat; background-size: cover; border: 0 none; margin: 0 auto; padding: 0; position: relative; background-position: bottom; height:300px; } .page-header_wrap { padding:60px 0; position:relative; text-align:center; } .page-heading { z-index:1; position:relative; } .page-heading h2, .page-heading h1 { font-size:40px; color: #ffffff; margin: 0 auto; } /*======================= 6. Breadcrumb ================================*/ .coustom-breadcrumb { margin: 0 auto; padding: 0; position: relative; z-index: 1; } .coustom-breadcrumb li { color: #ffffff; display: inline-block; font-size: 16px; line-height: 45px; list-style: outside none none; margin: 0 auto; padding: 0 10px; position:relative; } .coustom-breadcrumb a { color: #ffffff; } .coustom-breadcrumb li a:hover { color:#fff; text-decoration:underline; } .coustom-breadcrumb a::after { color: #fff; content: ""; font-family: fontawesome; position: absolute; right: -5px; vertical-align: middle; } /*======================== 7. Listing-Page =============================*/ .listing-page { overflow: hidden; padding: 80px 0; } .result-sorting-wrapper { background: #f5f5f5 none repeat scroll 0 0; border-bottom: 3px solid #e5e5e5; border-left: 4px solid #cecece; margin-bottom: 40px; overflow: hidden; padding: 10px 20px; } .sorting-count { float: left; } .sorting-count p { margin: 0 auto; color:#222222; } .sorting-count span { color: #999999; } .result-sorting-by { float: right; } .result-sorting-by p { display: inline-block; margin: 0 auto; color:#222222; } .result-sorting-by form { display: inline-block; } .sorting-select { margin: 0 auto; padding-left: 10px; } .sorting-select .form-control { background: #ffffff none repeat scroll 0 0; border: 1px solid #dddddd; border-radius: 50px; color: #555555; font-size: 12px; height: auto; padding: 0 30px 0 12px; } .sorting-select.select::after { font-size: 12px; padding: 7px 0; right: 13px; color: #555555; } .sorting-select .form-control option { padding: 5px; } .product-listing-m { margin:0 auto 40px; overflow: hidden; } .product-listing-img { float: left; width: 45%; position:relative; overflow:hidden; } .product-listing-content { float: left; padding:20px 15px 20px 30px; width: 55%; } .product-listing-content h5 { margin-bottom: 2px; } .product-listing-content h5 a { color:#111; } .product-listing-content ul { margin: 0 auto; overflow: hidden; padding: 0; } .product-listing-content li { float: left; font-size: 13px; font-weight: 400; list-style: outside none none; margin: 0 auto; width: 33%; } .product-listing-content li .fa { font-size: 15px; margin-right: 8px; } .car-location { display: inline-block; margin-left: 24px; color:#919090; font-size:13px; } .label_icon { color: #ffffff; font-size: 13px; line-height: 26px; padding: 0 12px; position: absolute; right: 10px; text-align: center; top: 10px; } .recent_addedcars ul { margin: 0; padding: 0; } .recent_addedcars ul li { list-style: outside none none; margin: 0 auto 15px; overflow: hidden; } .recent_addedcars ul li a { display: block; } .recent_post_img { float: left; width: 34%; overflow:hidden; } .recent_post_img img { transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); width: 100%; } .recent_post_img:hover img { transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); } .recent_post_title { float: right; padding: 4px 10px; width: 66%; } .recent_post_title a { color: #111; font-weight: 700; line-height: 22px; } .widget_price { font-size:13px; margin:0px; } .sell_car_quote { background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url("../images/img_390x390.jpg") !important; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: cover; padding: 50px 25px !important; } .sell_car_quote .btn { margin-bottom:15px; } /*=========================== 8. Listing-grid-Style ==================================*/ .grid_listing .product-listing-m { margin: 0 -15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin:0 auto 40px; } .grid_listing .product-listing-img, .grid_listing .product-listing-content { float:none; width:100%; height: 200px; } .grid_listing .product-listing-img img { width:100%; } .grid_listing .product-listing-content { padding: 20px 20px 0; } .grid_listing .product-listing-content h5 { line-height:26px; margin:0 auto 20px } .grid_listing .product-listing-content .list-price { font-size:18px; color:#555; font-weight:900; display:inline-block; vertical-align:middle; margin:0 auto; } .grid_listing .product-listing-content .car-location { float: right; } .grid_listing .product-listing-content ul.features_list { background: #fff none repeat scroll 0 0; border-top: 1px solid #e1e0e0; clear:both; margin: 16px -20px 0; padding: 15px 20px; } .grid_listing .product-listing-content ul.features_list li { color: #8d8d8d; margin-bottom: 3px; width: 50%; } .grid_listing:nth-child(3n+1) { clear: left; } .grid_listing:nth-child(3n) { clear: right; } /*======================= 9. Listing-Detail ===============================*/ .listing-detail { padding:80px 0; } .listing_detail_head { margin-bottom:50px; } .listing_detail_header .listing_detail_head { margin-bottom:0px; } .pricing_info .price { display: inline-block; font-size: 28px; font-weight: 900; margin: 0; vertical-align: middle; } .listing_more_info { overflow:hidden; padding:50px 0; } .listing_info_tab { border: 1px solid #e0dfdf; margin-top: 20px; padding: 40px; } .block-head { margin-bottom:30px; } .block-head h4 { margin:0px; } table.info-tabel tr td { border-left-width:0px; border-right-width:0px; padding:15px 20px ; } .info-tabel tr td:first-child { color:#111; border-left-width:1px; font-weight:700; } .info-tabel tr td:last-child { border-right-width:1px; } .financing_calculatoe { margin-bottom:20px; } .financing_calculatoe .btn { margin-top:15px; } .dealer_detail img { max-width:100%; margin:0 auto 15px; } .dealer_detail p { margin:0 auto 8px; } .dealer_detail p span { color:#111; margin:0 5px 0 0; min-width:50px; display:inline-block; } .dealer_detail .btn { margin-top:15px; } .listing_detail_wrap { border:#dcd9d9 solid 1px; } .listing_detail_wrap .nav-tabs > li a { font-size:18px; font-weight:400; line-height:66px; padding:0 30px; background:none; color:#555; } .listing_detail_wrap .nav-tabs > li.active a, .listing_detail_wrap .nav-tabs > li:hover a { color:#fff; background:#fa2837; } .listing_detail_wrap .tab-content { padding: 30px; font-size:16px; } .listing_detail_wrap .tab-content h1, .listing_detail_wrap .tab-content h2, .listing_detail_wrap .tab-content h3, .listing_detail_wrap .tab-content h4, .listing_detail_wrap .tab-content h5, .listing_detail_wrap .tab-content h6 { margin-top:35px; } .listing_more_info table td, .listing_more_info table th { font-size:16px; } .listing_more_info table tr td:first-child { color:#111; } .similar_cars { padding:20px 0; } .similar_cars h3 { margin-bottom:25px; } .similar_cars .grid_listing:nth-child(3n+1), .similar_cars .grid_listing:nth-child(3n) { clear: inherit; } .main_features { overflow:hidden; } .main_features ul { padding:0px; margin:0px; } .main_features ul li { border: 1px solid #dcd9d9; float: left; list-style: outside none none; margin: 0 17px 0 0; height: 120px; width: 130px; padding: 10px; text-align: center; } .main_features ul li h5 { font-weight:300; margin:0px; } .main_features ul li p { font-size:11px; margin:0px; } .main_features ul li i { color:#c0c0c0; font-size:36px; margin:0px; } .main_features ul li:last-child { margin:0px; } .share_vehicle { background:#222222; padding:22px 26px; margin:0 auto 35px; } .share_vehicle p, .share_vehicle a { color:#fff; font-size:20px; margin:0px; } .share_vehicle a { margin:0 4px; } .add_compare { margin:0 0 15px 0 ; } .add_compare .checkbox { color: #ffffff; display: inline-block; margin: 0; padding: 6px 15px; } .add_compare .checkbox label::before { border-color:#fff; background:#fff; } .listing_detail_head .car-location { margin:0px; color:#555; font:16px; } .listing_detail_head .price_info { overflow: visible; text-align: right; } .listing_detail_head .price_info p { font-size:40px; font-weight:900; } .listing_detail_head .price_info .old_price { color:#222; text-decoration:line-through; font-size:20px; } #info_toggle { float:left; } .listing_other_info button { background:none; border:0px; border-radius:0px; font-size:16px; text-transform:uppercase; padding:26px 0; margin:0 40px 0 0; } .listing_other_info button i { margin:0 4px 0 0; } .listing_other_info button:last-child { margin:0px; } .search_other { float: right; font-size: 16px; padding: 26px 20px; text-transform: uppercase; cursor:pointer; } #other_info { border-radius: 50%; cursor: pointer; display: none; float: left; font-size: 18px; margin-top: 14px; padding: 10px 15px; text-transform: uppercase; } .owl-buttons { left: 10px; position: absolute; right: 10px; top: 50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%) } .owl-buttons div { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; border-style: solid; border-width: 2px; color: #ffffff; display: inline-block; font-size: 14px; padding: 7px; text-transform: capitalize; } .owl-buttons .owl-next { float:right; } .listing_detail_header { background: rgba(0, 0, 0, 0) url("../images/listing-detail-header-img.jpg") no-repeat fixed center center / cover ; padding: 80px 0; position: relative; } .listing_detail_header .share_vehicle { display:inline-block; background:none; padding:0px; margin:0 0 0 20px; } .listing_detail_header .listing_detail_head .price_info .old_price { color:#fff; } .listing_detail_header .listing_detail_head .car-location { color: #ffffff; font-size: 16px; margin: 0 0 30px; } .slick-slide img { max-width:100%; } .listing_images_slider_nav { position:relative; padding:0 50px; margin:15px auto 40px; } .listing_images_slider_nav .slick-slide { margin:0 8px; cursor:pointer; } .slick-arrow { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; font-size: 0; position: absolute; top: 50%; left:0; transform: translateY(-50%); } .slick-arrow.slick-next { right:0px; left:inherit; } .slick-arrow::after { content: ""; font-family: fontawesome; font-size: 34px; } .slick-arrow.slick-prev::after { content: "\f104"; } .slick-arrow.slick-next::after { content: "\f105"; } .inner-filter { display:none; } .video_wrap { margin:40px auto 0px } .video-box iframe { width:100%; height:400px; border:0px; } /*======================= 10. Contact-Us-Page ================================*/ .contactus_page { background-image:url(/assets/images/contact_us_header_image.jpg); } .contact_form { padding:28px; } .contact_us h3 { margin-bottom:22px; } .contact_form .form-control { margin-bottom:8px; } .contact_form .form-group { margin-bottom:35px; } .contact_detail ul { padding:0px; margin:0px } .contact_detail li { list-style:none; color:#555; font-size:16px; line-height:24px; margin:20px 0; padding:0 150px 0 0; } .contact_detail li a { color:#555; } .icon_wrap .fa { background: #fff none repeat scroll 0 0; border: 1px solid #e6e5e5; border-radius: 50%; color: #555; display: inline-block; font-size: 22px; height: 44px; line-height: 44px; margin-right: 15px; text-align: center; vertical-align: middle; width: 44px; } .contact_info_m, .icon_wrap { display:table-cell; vertical-align:middle; } .map_wrap { margin:40px 0 0; } .map_wrap iframe { width:100%; height:420px; } /*================= 11. FAQ-Page ===========================*/ .faq_category { position:relative; text-align:center; padding:50px; margin:0 auto 20px; } .faq_text { padding:20px 0; } .knowledge_base_faq { background: rgba(0, 0, 0, 0) url("../images/knowledge_base_bg.jpg") no-repeat scroll 0 0 / cover ; } .about_services_faq { background: rgba(0, 0, 0, 0) url("../images/about_services_faq_bg.jpg") no-repeat scroll 0 0 / cover ; } .support_faq { background: rgba(0, 0, 0, 0) url("../images/support_faq_bg.jpg") no-repeat scroll 0 0 / cover ; } /*========================= 12. About-Us-Page ================================*/ .aboutus_page { background-image:url(../images/about-1920.jpg); } .faqs_page{ background-image:url(../images/female-rider-header.png); background-position: top; } .privacypolicy_page{ background-image:url(../images/privacy-1920.jpg); background-position: top; } .termsandconditions_page{ background-image:url('../images/terms-1920.jpg') !important; background-position: top; } .tours_page{ background-image:url('../images/tours-header-1920.jpg') !important; background-position: top; } .routes_page{ background-image:url('../images/routes-1920.jpg') !important; background-position: top; } .concierge_page{ background-image:url('../images/whale-1920.jpg') !important; background-position: center; } .careers_page{ background-image:url('../images/terms-1920.jpg') !important; background-position: center; } .about_img { background: #000 none repeat scroll 0 0; border-radius: 100%; overflow:hidden; } .about_img img { width:100%; border-radius:50%; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; } .about_img:hover img { opacity:0.5; } .about_content { padding:20px 0; } .about_content h3 { margin-top:25px; } /*------------------------------- 12.1. Why-Choose-Us-Section ----------------------------------------*/ .video_box iframe { width:100%; border:0px; height:360px; } .listing_box { margin:0 auto 30px; } .listing_box h5 { margin-bottom:8px; } .listing_box p { list-style:24px; } /*--------------------------------- 12.2. Meet-the-Team-Section ---------------------------------------*/ .team_member { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .team_img { position:relative; overflow:hidden; } .team_img img { width:100%; } .team_info { text-align:center; padding:20px; } .team_info h6, .team_info p { margin:0 0 4px; } .team_more_info { height: 100%; left: 0; position: absolute; right: 0; text-align: center; top: 0; width:100%; overflow:hidden; transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0); transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; } .team_more_info::after { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; } .team_member:hover .team_more_info { transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); } .info_wrap { position: relative; top: 50%; vertical-align: middle; width: 100%; transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index:1; } .team_more_info ul { padding:0px; margin:0px; } .team_more_info ul li { list-style:none; display:inline-block; vertical-align:middle; margin:0 2px; } .team_more_info ul li a { display:block; width:35px; height:35px; border-radius:50%; background:#fff; text-align:center; line-height:35px; color:#111; font-size:20px; } .team_more_info ul li a i { margin:0 auto; } .team_more_info ul li a:hover { color:#fff; } .team_more_info p, .team_more_info p a { color:#fff; } .team_more_info p span { display:block; font-weight:700; } /*================== 13. 404-Page ===========================*/ .page_404 { background-image:url(../images/error404-page-header-img.jpg); } .error_text_m { position:relative; padding:50px 0; } .error_text_m h2 { font-size:232px; text-align:center; } .error_text_m h2 span { color:#111; font-weight:900; } .background_icon { left: 0; position: absolute; right: 0; top: 0; z-index: -1; } .background_icon i { color: #e7e7e7; font-size: 538px; line-height: 400px; vertical-align: top; } .error_icon { float: left; width: 29%; padding-top:15px; } .error_icon i { color:#cfcfcf; font-size:130px; } .error_msg_div { float: left; width: 71%; padding-top:15px; } .error_msg_div h3 { font-size:60px; } .error_msg_div h3 span { font-size:40px; display:block; } .error_msg_div .btn { margin-top:30px; } /*=========================== 14. Our-Services-Page ==================================*/ .services_page { background-image:url(../images/services-page-header-img.jpg); } .services_image { position:relative; overflow:hidden; border-radius:0 30px 0 30px; } .services_image img { transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); width:100%; } .services_image:hover img { transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); } .service_heading { position:absolute; bottom:0px; left:0px; right:0px; background:rgba(0, 0, 0, 0.9); color:#fff; padding:30px 20px; text-align:center; } .service_heading h3 { margin:0px; } /*===================== 15. Our-Blog-Page ==============================*/ .blog_page { background-image:url(../images/blog-page-header-img.jpg); } .our_blog { padding: 80px 0; } /*-------------------- 15.1. Aritcle -------------------------------*/ .article_wrap { border-bottom: 1px solid #cfcfcf; margin-bottom: 60px; padding: 0 0 54px; } .article_info p { font-size:17px; line-height:33px; margin:0 auto 40px } .article_img { position: relative; overflow:hidden; margin:0 auto 30px; min-height:180px; } .article_img img { transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); max-width:100%; } .article_img:hover img { transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); } .articale_header { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; bottom: 0; left: 0; padding: 30px; position: absolute; right: 0; } .articale_header h2 a { color:#fff; } .article_meta ul { margin: 0; padding: 0; } .article_meta ul li { color: #fff; display: inline-block; font-size: 15px; list-style: outside none none; vertical-align: middle; margin:0 35px 10px 0; } .article_meta ul li i.fa { margin-right: 5px; } .article_meta ul li a { color:#fff; } .article_full_info .articale_header { position:relative; background:none; padding:0px; } .article_full_info .article_meta { background: #f5f5f5 none repeat scroll 0 0; padding: 6px 26px; margin:6px auto 22px; } .article_full_info .article_meta li, .article_full_info .article_meta li a { color:#555; } .article_full_info { border:0px; } .article_tag { padding: 20px 45px; } .article_tag h6, .article_tag .tag_list { display:inline-block; vertical-align:middle; margin:0 8px 0 0; } .article_tag .tag_list li { margin-bottom:0px; } .share_article { text-align:right; } .share_article ul, .share_article h6 { display:inline-block; padding:0px; margin:0 8px 0; vertical-align:middle; } .share_article ul li { border-radius: 50%; border-style: solid; border-width: 1px; display: inline-block; height: 26px; line-height: 26px; list-style: outside none none; margin: 0 2px; text-align: center; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; vertical-align: middle; width: 26px; } .share_article ul li a { display:block; font-size:15px; } .share_article ul li a .fa { margin:0px auto; } .share_article ul li:hover a { color:#fff; } /*-------------------- 15.2. Comment-List ----------------------------*/ .articale_comments { margin:0 auto 130px; } .block-head { border-bottom: 1px solid #cecece; display: inline-block; padding-bottom: 10px; padding-right: 60px; position: relative; } .block-head::after { background: #cecece none repeat scroll 0 0; bottom: -2px; content: ""; height: 4px; left: 0; position: absolute; width: 50px; } .commentlist { margin: 0 0 30px; padding: 0; } .commentlist li { list-style: outside none none; padding: 30px 0; } .commentlist li.comment { border-bottom: 1px solid #cecece; } .comment-author img { float: left; } .commentlist li img.avatar { border: medium none; border-radius: 50%; float: left; height: 84px; margin-bottom: 30px; margin-right: 25px; position: relative; width: 84px; } .comment-body h1, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6, .comment-body table, .comment-body ul, .comment-body ol, .comment-body blockquote, .comment-body dl, .comment-body address, .comment-body pre, .comment-body p, .comment-body .reply { margin-left: 110px; } .comment-body p { display: block; margin-bottom: 15px; padding-bottom: 0; } .comment-meta.commentmetadata { margin-bottom:8px; } .comment-meta.commentmetadata, .comment-meta.commentmetadata a { color: #b7b7b7; font-size: 13px; } .comment-author .fn { color: #111; font-weight: 900; } .comment ul.children { padding-left: 110px; } .comment ul.children li.comment { border-bottom: 0 none; border-top: 1px solid #cecece; margin-top: 30px; padding-bottom: 0; } .comment-form { margin:40px 0; } /*--------------------------- 15.3. Page-Pagination --------------------------------*/ .pagination { display:block; text-align:center; } .pagination ul { padding:0px; margin:0px; } .pagination ul li { background: #f5f5f5 none repeat scroll 0 0; border-radius: 50%; color: #fff; display: inline-block; font-size: 14px; height: 32px; line-height: 32px; list-style: outside none none; margin: 0 2px; text-align: center; vertical-align: middle; width: 32px; } .pagination ul li a { display:block; color:#555; } .pagination ul li.current, .pagination ul li:hover a { color:#fff; } /*-------------------------- 15.4. Side-Bar-Widgets -------------------------------------*/ .sidebar_widget { border: 1px solid #e6e6e6; margin: 0 auto 40px; padding: 20px 16px 30px; position: relative; font-size: 16px; } .widget_heading { margin-bottom:26px; } .widget_heading i { margin:0 5px 0 0; } .search_btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; border-radius: 0; font-size: 16px; padding: 5px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .blog_search { position: relative; margin-bottom:20px; } .blog_search input { padding-right:50px; } /*------------------------- 15.5. Popular-Posts ---------------------------------*/ .popular_post ul { margin: 0; padding: 0; } .popular_post ul li { list-style: outside none none; margin: 0 auto 20px; overflow: hidden; } .popular_post ul li a { display: block; } .popular_post_img { float: left; width: 34%; overflow:hidden; } .popular_post_img img { transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); width: 100%; } .popular_post_img:hover img { transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); } .popular_post_title { float: right; width: 61%; } .popular_post_title a { color: #111; font-weight: 700; line-height: 22px; } /*-------------------------- 15.6. Blog-Categories ---------------------------------*/ .categories_list ul { padding:0px; margin:0px; } .categories_list ul li { list-style:none; padding:5px; } .categories_list ul li a { color: #555; display: inline-block; font-size: 15px; padding-left: 15px; position: relative; } .categories_list ul li a::after { content: "\f0da"; font-family: fontawesome; left: 0; position: absolute; top: 0; } /*-------------------- 15.7. Blog-Tag ----------------------------*/ .tag_list ul { margin: 0; padding: 0; } .tag_list ul li { display: inline-block; margin: 0 2px 10px 0; vertical-align: top; } .tag_list ul li a { border: 1px solid #d6d3d3; border-radius: 30px; color: #555; display: block; font-size: 14px; line-height: 28px; padding: 0 16px; } .tag_list ul li a:hover { color:#fff; } /*========================== 16. Profile-page ================================*/ .profile_page { background-image:url(../images/profile_header.jpg); } .inner_pages { padding:80px 0; } .user_profile_info { margin:0 auto 45px; max-width:660px; overflow:hidden; } .upload_user_logo { float: left; position: relative; width: 28%; } .upload_newlogo { background-color: rgba(0, 0, 0, 0.8); background-image: url("../images/change_logo.png"); background-position: center center; background-repeat: no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .upload_newlogo input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; box-shadow: none; cursor: pointer; font-size: 0; height: 100%; left: 0; max-width: 100%; opacity: 0; position: absolute; right: 0; top: 0; width: 100%; } .upload_user_logo img { max-width:100%; } .dealer_info { float:right; width:66%; padding:10px 0; } .profile_wrap { padding: 16px 5px; } .profile_nav { border-right: 1px solid #c5c5c5; padding: 20px; text-align: right; } .profile_nav ul { padding:0px; margin:0px; } .profile_nav ul li { list-style:none; } .profile_nav ul li a { color:#555; font-size:15px; font-weight:900; } .profile_nav ul li.active a, .profile_nav ul li a:hover { color:#fa2837; } .profile_wrap form { padding:20px 0; } .profile_wrap form .form-group { padding:0 25px; } .profile_wrap form .control-label { color:#111; } .field-title { border-left: 3px solid #cecece; margin: 40px 0 25px; padding: 12px 13px 12px 28px; } .field-title h6 { font-size:17px; margin:0px; text-decoration:underline; } /*-------------------------- 16.1. Post-a-vehicle -------------------------------*/ .vehicle_accessories, .vehicle_type { clear:both; margin:0 auto 30px; display:table; width:100%; } .accessories_list { margin-top:10px !important; clear:left; } @media (min-width:991px) { .accessories_list:nth-child(2n) { clear:right; } } .vehicle_type .radio label::before { height:24px; width:24px; border:#000 solid 1px; } .vehicle_type .radio input[type="radio"]:checked + label::before { font-size: 35px; line-height: 15px; } .vehicle_type .radio label { font-size: 18px; font-weight: 700; padding-left: 34px; color:#111; line-height:32px; } .vehicle_images { display:table; width:100%; } .vehicle_images > div { float: left; height: 95px; margin: 0 10px 10px 0; width: 150px; } .vehicle_images img { max-width:100%; } .upload_more_img { position:relative; border:#eee solid 1px; } .upload_more_img:after { background-image: url("../images/addmore_img.png"); background-position: center center; background-repeat: no-repeat; content:""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index:-1; } .upload_more_img input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; box-shadow: none; cursor: pointer; font-size: 0; height: 100%; left: 0; max-width: 100%; opacity: 0; position: absolute; right: 0; top: 0; width: 100%; } /*-------------- 16.2. my-vehicles -------------------------*/ .my_vehicles_list ul.vehicle_listing { padding:0px; margin:0 0 50px; } .my_vehicles_list ul.vehicle_listing li { list-style:none; border-bottom:#e6e6e6 solid 1px; padding:14px 0 22px; overflow:hidden; position:relative; } .vehicle_img { float: left; margin-right: 22px; width: 30%; } .vehicle_img img { max-width:100%; } .my_vehicles_list ul.vehicle_listing li a { color:#111; } .vehicle_title { float: left; padding: 12px 0; width: 65%; } .vehicle_status { float: right; text-align: right; width: 25%; margin-right: 20px; } .vehicle_status a i { margin:10px 0 0 8px; color:#555; font-size:18px } .deactive_vehicle { opacity: 0.3; } .deactive_vehicle:after { position:absolute; bottom:0px; left:0px; right:0px; width:100%; content:""; border-bottom:#909090 solid 1px; } .my_vehicles_list ul.vehicle_listing li .btn:hover { color:#fff; } /*========================== 17. Dealer-profile ================================*/ .dealer_logo { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); float: left; padding: 24px; text-align: center; } .dealer_logo img { max-width:100%; } .dealer_profile .dealer_info { padding: 25px 0; width: 100%; } .dealer_social_links { padding:0px; margin:20px 0 0; } .dealer_social_links li { list-style:none; float:left; margin:10px 15px 10px 0; } .dealer_social_links li a { font-size:26px; } .dealer_social_links li a i { margin:0px; } .facebook-icon a, .facebook-icon a:hover { color:#3a5898; } .twitter-icon a, .twitter-icon a:hover { color:#54acec; } .linkedin-icon a, .twitter-icon a:hover { color:#0777b6; } .google-plus-icon a, .google-plus-icon a:hover { color:#dd4a3a; } .dealer_contact_info { padding:12px 18px; margin:0 auto 10px; } .dealer_contact_info h6 { font-size:13px; color:#a1a1a1; margin:0 auto 1px; } .dealer_contact_info a { color: #111111; font-size: 16px; font-weight: 300; } .dealer_map { margin:30px 0; } .dealer_map iframe { height:450px; } .dealer_listings { padding:40px 0 10px ; } .comment_form { margin:50px 0 30px; } .info_title { padding:12px 25px; } /*========================== 18. Dealers-list ================================*/ .dealers_list_wrap { margin:0 auto 50px; } .dealers_listing { border-bottom: 1px solid #e7e7e7; padding: 0 0px 20px; margin:0 auto 20px; } .dealers_listing .dealer_logo { padding: 12px; width: 100%; } .dealers_listing .dealer_info { width:100%; } .dealers_listing .dealer_info h5 a { color:#111; } .view_profile { padding:12px 0; text-align:right; } .view_profile p { margin:10px 0; font-size:18px; } /*========================== 19. Compare-Page ================================*/ .compare_page { background-image:url(../images/compare-page-header-img.jpg); } .compare_info table td, .compare_info table th { font-size:16px; color:#111; width:25%; } .inventory_info_list { margin-bottom: 10px; overflow: hidden; } .inventory_info_list ul { padding:0px; margin:0px; } .inventory_info_list ul li, .listing_heading div { width:25%; float:left; list-style:none; } .compare_product_title li { margin:0px; } .listing_heading div { background:#eeeeee; padding:18px; border:1px solid #cccccc; text-transform:uppercase; font-weight:900; color:#111; font-size:16px; } .inventory_info_list ul li div { font-size:16px; color:#111; padding:18px 50px; border:1px solid #cccccc; margin-top:-1px; } .inventory_info_list ul li.info_heading div { text-align:right; } .compare_info table td:first-child { text-align:right; } .compare_info table td { padding-left:50px; padding-right:50px; } .compare_product_title { margin:0 auto 15px; } .compare_product_title table { margin:0px; border:0px; } .compare_product_title table td, .compare_product_title table th, .compare_product_title li { border: 0 none; font-size: 20px; font-weight: 300; padding: 25px 30px; position: relative; text-align: center; } .compare_product_title li.listing_heading { text-align:right; color:#111; } .compare_product_title .price { margin:5px 0 0; font-weight:300; font-size:18px; } .vs { border-radius: 50%; color: #ffffff; display: block; font-size: 14px; font-weight: 400; height: 32px; line-height: 30px; position: absolute; right: -15px; text-align: center; top: 50%; width: 32px; transform:translateY(-50%) -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); -md-transform:translateY(-50%) } .td_divider { display: block; height: 70%; position: absolute; right: 0; top: 15%; width: 3px; } .td_divider:after { position:absolute; right:-20px; border-style:solid; border-width:10px; content:""; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); } .compare_product_title a { color:#111; } .compare_info .compare_product_img td, .compare_info .compare_product_img th { padding:0 16px; border:0px; } .compare_info .compare_product_img table { margin:0 auto 15px; } .compare_info .compare_product_img .search_other_inventory { color: #ffffff; cursor: pointer; font-size: 28px; font-weight: 300; padding: 38px 30px; text-align: left; line-height:30px; } .compare_product_img img { max-width:100%; } .compare_product_img li { padding:0 15px; margin:0px; } .search_other_inventory i { float: left; font-size: 85px; text-shadow: 0 0 1px #ffffff; vertical-align: middle; margin-right:20px; } /*========================== 20. Coming-Soon-Page ================================*/ .coming_soon_bg { background-image:url(../images/coming_soon_bg.jpg); background-repeat:no-repeat; background-size:cover; position:relative; position:fixed; left:0px; top:0px; right:0px; bottom:0px; height:100%; width:100%; } .coming_soon_wrap .default-header { padding:20px 0; } .coming_soon_wrap h1 { font-size:60px; } .coming_soon_wrap h3 { font-size:26px; line-height:35px; } .coming_soon_content { padding:200px 0 80px; } .coming_soon_content img { max-width:100%; } .send_msg { text-align:right; } .timer_countdown { margin:50px auto; } .countdown-amount:after { content:""; height:100%; width:1px; background:#444445; position:absolute; top:0px; right:-15px; } .countdown-amount:last-child:after { margin:0px; width:0px; } .countdown-amount:last-child { margin:0px; } .countdown-period { display:block; font-size:18px; line-height:1; text-align:center; font-weight:400; margin-top:3px; text-transform:capitalize; } .countdown-amount { color:#fff; font-size:43px; font-weight:900; display:inline-block; list-style:outside none none; margin:0 28px 0px auto; padding:20px 0px; text-align:center; width:auto; position:relative; line-height:1; display:inline-block; vertical-align:middle; } .coming_soon_wrap footer { background:#fff; padding:26px 0; margin-bottom:10px; } .coming_soon_wrap footer .copy-right { color:#111; } .coming_soon_wrap .social-follow.footer-social a { background: #191919 none repeat scroll 0 0; } #contact_form_popup .modal-dialog { max-width:450px; } #contact_form_popup .modal-content { padding:18px; border-radius:0px; } #contact_form_popup .modal-header { border:0px; padding-bottom:0px; } .coming_soon_wrap .footer_widget { float:right; } .coming_soon_wrap .footer_widget ul li a { color:#555; } /*============================= 21. Responsive CSS =====================================*/ @media (max-width:767px) { .header_widgets, header .social-follow { display:none; } .navbar-header { display:inline-block; margin:0 !important; } #menu_slide { margin:0px; } .default-header { padding: 20px 0; } #navigation .nav.navbar-nav { float: none; margin:0px; } #navigation .nav.navbar-nav li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin: 0; padding: 0; } #navigation.collapse.navbar-collapse { float: none; } #search_toggle { display:block; } #header-search-form { display: none; position: absolute; right: 0; top: 134%; z-index: 1; } #header-search-form:after { display:block; } .contact-info p { font-size: 0; } .contact-info p .fa { font-size: 14px } .section-padding { padding: 80px 10px; } .page-heading h2, .page-heading h1, h2 { font-size: 36px; } h3 { font-size: 26px; } .full_width_img { overflow:hidden; } .full_width_img img { width: auto; } .section-header p { font-size: 16px; } .coustom-breadcrumb { padding: 0 10px; } .coustom-breadcrumb li { font-size: 14px; line-height: 35px; } .about_content h3 { margin-top: 0; } .fun-facts-m { margin: 10px auto; } .team_member { margin-bottom: 40px; } .team_more_info ul li a { font-size: 14px; height: 25px; line-height: 25px; width: 25px; } .brand-section { padding: 15px 0 35px; } .brand-hadding { border-bottom:1px solid #bbbbbb; border-right:0px; float: none; margin: 0 auto 30px; padding: 0; width: 100%; } .brand-hadding:after { display:none; } .brand-logo-list { float: none; margin: 0 auto; padding: 0; width: 100%; } .footer-top { padding: 40px 0; } .footer-top h6 { margin-bottom: 20px; margin-top: 50px; } .footer-bottom div { text-align:left !important; } .footer-bottom .footer_widget { margin:0 30px 0 0; } .copy-right { font-size: 14px; } .back-top { right: 10px; } .back-top a { height: 30px; line-height: 26px; width: 30px; } .contact_form { margin-bottom: 60px; } .contact_detail li { padding: 0; } .error_text_m { margin-bottom: 50px; padding: 0; position: relative; } .error_text_m h2 { font-size: 150px; } .background_icon i { color: #e7e7e7; font-size: 278px; line-height: 170px; vertical-align: top; } .background_icon { text-align:center; } .error_icon i { font-size: 80px; } .error_icon { padding-right: 20px; text-align: right; } .error_msg_div { padding-top: 0; } .error_msg_div .btn { margin:10px auto ; } .error_msg_div h3, .error_msg_div h3 span { font-size: 40px; } .video_box iframe { border: 0 none; height: 250px; width: 100%; } .article_full_info .articale_header h2 { font-size:30px; } .article_full_info .article_meta { padding: 6px 15px; } .article_meta ul li { font-size: 13px; margin: 0 15px 3px 0; } .article_img { margin: 0 auto 15px; min-height: 180px; overflow: hidden; position: relative; } .article_full_info .article_img { min-height:inherit; } .article_info p { font-size: 16px; line-height: 26px; margin: 0 auto 20px; } .article_tag { padding: 15px; } .share_article { margin-top: 20px; text-align: left; } .commentlist li img.avatar { height: 50px; margin-right: 15px; width: 50px; } .comment-body h1, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6, .comment-body table, .comment-body ul, .comment-body ol, .comment-body blockquote, .comment-body dl, .comment-body address, .comment-body pre, .comment-body p, .comment-body .reply { margin-left: 70px; } .comment-body p { font-size: 14px; line-height: 23px; } .comment ul.children { padding-left: 60px; } .comment-respond { margin-bottom: 100px; } .popular_post ul li { display: inline-block; margin: 0 auto 20px; padding: 0 9px 0 0; vertical-align: top; width: 49%; } .article_full_info ul, .article_full_info ol { padding-left:10px; } .article_full_info ul li i, .article_full_info ol li i { margin: 0 3px 0 0; } .article_tag ul, .article_tag ol { padding:0px; } .articale_header { position: relative; } .article_img:hover img { transform: scale(1); } .articale_header h2 { font-size: 26px; } .services_image { margin-bottom: 25px; } .footer-bottom .footer_widget { display:block; margin:0 auto 10px; } .login_btn .btn.btn-xs { margin-top: 8px; } .navbar-nav > li > .dropdown-menu { margin:0 20px; } .navbar-default .navbar-nav .dropdown-menu > li > a { padding:15px 5px; } #navigation .nav.navbar-nav .dropdown-menu li:last-child { border:0px; } .navbar-default .navbar-collapse { border: 0 none; margin-top: 10px !important; } .user_login, .header_search { padding:0px; margin:0 0 0 5px; } #navigation_bar.navbar { min-height:inherit; padding:15px 0 10px; } .modal-dialog { margin: 20px auto; width: 90%; } .mid_divider { display:none; } .modal .gray_text { margin-top: 50px; } .modal-content { max-height: 400px; overflow: auto; padding: 0 20px 22px; } .modal-footer { padding:15px 0; } .dealer_info { padding: 0; width:59%; } .view_profile p { display: inline; font-size: 15px; margin: 10px 0 0 8px; } .comment_form { margin: 50px 0 110px; } .dealer_logo { margin-bottom: 20px; padding: 8px; } .dealer_profile .dealer_info { padding: 0; } .dealer_social_links { margin: 0; } .dealer_social_links li { margin: 0 15px 20px 0; } .recent_addedcars { overflow: hidden; } .recent_addedcars ul li { width:50%; float:left; } .product-listing-img, .product-listing-content { float:none; width:100%; } .product-listing-img img { width:100%; } .product-listing-content { padding:15px; } .pagination { margin-bottom:100px; } .profile_nav { border-bottom: 1px solid #c5c5c5; border-right: medium none; text-align:left; padding:20px 0; } .profile_nav ul li { display: inline-block; margin: 0 15px 0 0; } .user_profile_info { padding:15px; max-width:inherit; } .upload_user_logo { width: 160px; } .profile_wrap form .form-group { padding: 0 15px; } .testimonial-img { float: none; left: inherit; margin: 0 auto; position: relative; top: 0; } .testimonial-content { float: none; margin: -60px auto 0; max-width: 480px; padding: 80px 30px 30px; width: 100%; } .testimonial-heading { padding-left: 80px; } .testimonial-heading::after { font-size: 70px; } .testimonial-content > p { padding-left: 0; } .listing_detail_head .price_info { text-align:left; } .listing_detail_head .price_info p { margin: 20px 0 0; } .listing_detail_head { margin-bottom: 30px; } .listing-detail { padding: 60px 0; } .listing_detail_wrap .tab-content { padding: 15px; } .listing_detail_wrap .table-responsive { border:0px; } .listing_detail_wrap .nav-tabs > li a { font-size: 16px; line-height: 50px; padding: 0 10px; } .main_features ul li { margin: 0 17px 10px 0; } #other_info { display:block; } #info_toggle { display:none; } .col-list-3 { width:100%; } .car-info-box img, .featured-car-img img { width:100%; } .blog-info-box img { width:100%; } .blog-list { margin:0 auto 60px; } .banner-section::after { height:100%; } .banner-section { padding: 80px 0; } .banner_content { padding-left: 0; } .looking-car { padding: 30px; width: auto; margin:0 auto 40px; } .looking-cat-image { max-width: 350px; position: relative; right: 0; top: 0; } .looking-car-content { width:100%; } .car-info-box ul { padding: 0 5px; } .compare_info { overflow: scroll; } .compare_product_img, .compare_product_title, .compare_product_info { width: 1140px; } .compare_info h4 { font-weight: 400; line-height: 28px; } .coming_soon_wrap .btn { font-size: 14px; font-weight: 700; padding: 5px 18px; } .coming_soon_wrap .btn .angle_arrow { display:none; } .coming_soon_wrap .footer_widget, .coming_soon_wrap .footer_widget ul { float: none; margin: 0; } .coming_soon_wrap .footer_widget ul li a { margin:0 8px 0 0; } .about_info, .featured-car-list { margin: 0 auto 30px; } .fact_m, .our_services { margin: 0 5%; } .vc_row { display: block; flex-wrap: inherit; } #help h2 { line-height:40px; font-weight:700; font-size:28px; } .blog-info-box li { line-height:30px; } .fact_m ul li i { font-size:36px; } .fact_m ul li p { display:flex; line-height:22px; } .banner_text h1 { font-size:40px; } #filter_form2 { margin: 0 -15px; } .services_info p { display: flex; } .header_style2 .navbar-header { display:block; } .header_style2 .logo { margin: 0; } .header_style2 #menu_slide { margin: 5px 0; } .header_style2 .header_wrap { background: #111111 none repeat scroll 0 0; float: none; margin: 13px -15px 0; padding: 0 15px; text-align: left; } .header_style2 #navigation_bar { padding:15px 0 0; } .header_style2 .user_login { border: 0 none; display: inline-block; float: none; margin: 9px 0; vertical-align: middle; } .header_style2 .login_btn { float: right; margin: 10px 0; vertical-align: middle; } .header_style2 .login_btn .btn.btn-xs { margin:0; } .header_style2 .user_login i { color: #fff; } .header_style2 .navbar-default .navbar-nav > li > a { display: block; padding: 15px; } .header_style2 .navbar-nav > li, .header_style2 .navbar-nav { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; display: block; text-align: left; } .header_style2 .navbar-default .navbar-nav li:hover .dropdown-menu li a { color: #111; } .header_style2 .navbar-nav > li > .dropdown-menu a:hover, .header_style2 .navbar-default .navbar-nav li:hover .dropdown-menu li a:hover, .header_style2 .dropdown-menu > .active > a, .header_style2 .dropdown-menu > .active > a:focus, .header_style2 .dropdown-menu > .active > a:hover, .header_style2 .dropdown-menu > li > a:focus, .header_style2 .dropdown-menu > li > a:hover { background: #fff none repeat scroll 0 0; } #banner2 .carousel-caption { left: 10%; right: 10%; } .carousel-control .icon-next, .carousel-control .icon-prev { line-height: 16px; } #banner2 h1 { font-size:26px; } #banner2 h3 { font-size:18px; } } @media (max-width:480px) { .sorting-count, .result-sorting-by { float:none; margin:0 auto 8px; } .login_btn .btn.btn-xs { font-size: 11px; padding: 0 15px; } .fun-facts-m { height: 130px; width: 130px; } .fun-facts-m h2 { font-size: 26px; line-height: 16px; } .fun-facts-m p { font-size: 10px; line-height: 12px; } .popular_post ul li { display: block; margin: 0 auto 20px; width: 100%; } .dealer_info p { font-size:14px; line-height:24px; } .dealer_info h5 { font-size: 18px; line-height: 20px; } .recent_addedcars ul li { width:100%; float:none; } .car-location { float:none; margin:20px 0 0; } .product-listing-content li { width:50%; } .upload_user_logo { float: none; margin-bottom: 15px; width: 170px; } .user_profile_info .dealer_info { float:none; width:100%; } .vehicle_img { width: 40%; margin-right:5%; } .vehicle_title { width: 55%; } .vehicle_status { clear: both; float: none; padding-top: 15px; text-align: left; width: 100%; } .nav-tabs > li { float:none; } .recent-tab .nav-tabs > li { float:left; } .nav-tabs > li a { margin:0px; } .col-list-3 { width:100%; } .car-info-box li { font-size: 12px; line-height: 40px; margin: 0 5px 0 auto; } .fact_m ul li { margin: 0 auto 20px; width: 100%; } .carousel-control .icon-next, .carousel-control .icon-prev { line-height: 16px; } #banner2 h3, #banner2 h1 { font-size:16px; margin:0 auto 5px; } #banner2 .btn { font-size: 12px; line-height: 24px; padding: 4px 26px; } } @media (min-width:768px) and (max-width:991px) { .navbar-nav > li { padding: 0 8px; } .navbar-default .navbar-nav > li > a { padding: 20px 5px; font-size:12px; } .navbar-default .navbar-nav > li.dropdown > a { padding: 20px 30px 20px 5px; } .navbar-nav > li > a { font-size: 13px; } #header-search-form { display: none; position: absolute; right: 0; top: 100%; z-index: 1; } .header_search #search_toggle, #header-search-form::after { display:block; } .header_widgets { width: auto; margin:0 5px 0 0; } .login_btn { margin:2px; } .login_btn .btn.btn-xs { font-size:10px; padding:0 15px; } .social-follow { margin:0px; } .social-follow ul li a { font-size: 18px; } .social-follow ul li a i { margin-right:2px; } .circle_icon { font-size: 12px; height: 24px; line-height: 22px; margin-right: 6px; width: 24px; } .uppercase_text { display:none; } .contact-info p { font-size: 12px; } .section-padding { padding: 100px 0; } .section-header h2 { margin-bottom: 30px; } .brand-logo-list { width: 86%; } .footer-bottom div { text-align:left !important; } .footer-bottom .footer_widget { margin:0 30px 0 0; } .footer-top h6 { margin-bottom: 20px; margin-top: 50px; } .contact_form { margin-bottom: 60px; } .background_icon i { font-size: 265px; line-height: 240px; } .error_text_m h2 { font-size: 100px; } .error_icon i { font-size: 80px; } .error_icon { width: 22%; } .error_msg_div h3 { font-size: 50px; } .error_msg_div h3 span { font-size: 30px; } .error_msg_div .btn { margin-top: 10px; } .team_more_info p, .team_more_info p a { font-size: 13px; line-height: 18px; margin: 0 0 6px; } .team_more_info ul li a { font-size: 12px; height: 22px; line-height: 22px; width: 22px; } .fun-facts-m { height: 158px; width: 158px; } .fun-facts-m h2 { font-size: 30px; } .fun-facts-m p { font-size: 13px; } .about_content h3 { margin-top: 0; } .listing_box h5 { margin-bottom: 0; } .popular_post ul li { display: inline-block; margin: 0 auto 20px; padding: 0 9px 0 0; vertical-align: top; width: 49%; } .comment-respond { margin-bottom:100px; } .comment-form { margin: 10px 0; } .article_meta ul li { font-size: 14px; margin: 0 15px 10px 0; } .articale_header h2 { font-size: 28px; } .articale_header { padding: 15px 30px; } .article_full_info .articale_header h2 { font-size:40px; } .services_image { margin-bottom: 25px; } .dealer_logo { padding: 14px; } .dealer_profile .dealer_info { padding: 5px 0; } .dealer_social_links { margin: 0; } .dealer_contact_info { margin: 0 auto 5px; padding: 12px; } .recent_addedcars { overflow: hidden; } .recent_addedcars ul li { width:50%; float:left; } .pagination { margin-bottom:100px; } .testimonial-m { margin: 0 auto; max-width: 580px; } .main_features ul li { margin: 0 6px 0 0; min-height: 103px; min-width: 113px; } .listing_detail_head .price_info { text-align:left; } .listing_detail_head .price_info p { margin: 20px 0 0; } .listing_detail_head { margin-bottom: 30px; } .listing-detail { padding: 60px 0; } #other_info { display:block; } #info_toggle { display:none; } .listing_other_info button { font-size: 14px; margin: 0 20px 0 0; } .banner_content { padding:0px; } .banner-section::after { height:100%; } .banner-section { padding: 100px 0; } .looking-car { padding: 30px; width: auto; } .looking-cat-image { max-width: 350px; position: relative; right: 0; top: 0; } .looking-car-content { width: 100%; } .col-list-3 { float: left; padding: 0 15px; width: 50%; } .col-list-3:nth-child(3n+1) { clear: inherit; } .blog-info-box ul { background: #222222 none repeat scroll 0 0; padding: 15px; position: relative; } .blog-info-box li { display:block; line-height: 30px; margin: 0; } .compare_info { overflow: scroll; } .compare_product_img, .compare_product_title, .compare_product_info { width: 1140px; } .user_login ul li { padding: 4px 8px 7px; } #banner2 .carousel-caption { left: 10%; right: 10%; } #banner2 h1 { font-size:36px; margin-bottom:10px; } #banner2 h3 { font-size:20px; margin-bottom:10px; } #filter_form2 { margin: -60px 0 -20px; } .header_style2 .navbar-header { float: none; } .header_style2 .navbar-toggle { display: block; margin: 23px 0; } .header_style2 .navbar-collapse.collapse { display: none !important; float: none !important; } .header_style2 .navbar-collapse.collapse.in { display: block !important; } .header_style2 .header_wrap { float:none; text-align:left; background:#111; position:relative; } .header_style2 .header_wrap::before { background: #111111 none repeat scroll 0 0; content: ""; height: 100%; left: -440px; position: absolute; top: 0; width: 1000%; } .header_style2 .user_login { display: inline-block; float: none; margin: 10px 0; z-index:1; position:relative; } .header_style2 .login_btn { float: right; margin: 10px 0; z-index:1; position:relative; } .header_style2 .user_login i { color:#fff; } #fun-facts.vc_row, #fun-facts .vc_col { display:block; } #fun-facts .fact_m { display: block; margin: 0 auto; max-width: 718px; overflow: hidden; padding: 100px 0; width: auto; } #fun-facts .section-padding { padding:0px; } .facts_section_bg { height: 400px; position: relative; } .blog-info-box .share_article ul li { height: 25px; line-height: 25px; width: 25px; } .blog-info-box .share_article:hover ul { padding: 3px; } } @media (min-width:992px) and (max-width:1200px) { .navbar-nav > li { padding: 0 17px; } h5 { font-size:17px; } .navbar-default .navbar-nav > li > a { padding: 20px 5px; } .navbar-default .navbar-nav > li.dropdown > a { padding: 20px 30px 20px 5px; } .social-follow { vertical-align: top; } .banner_content { padding:0px; } .looking-cat-image { max-width: 240px; position: absolute; right: -30px; top: 70px; } .car-info-box ul { padding: 0 10px; } .car-info-box li { font-size: 11px; line-height: 40px; margin: 0 5px 0 auto; } .blog-info-box ul { padding: 0 10px; } .blog-info-box li { font-size: 12px; line-height: 40px; margin: 0 5px 0 auto; } .section-padding { padding: 100px 0; } .faq_category { padding: 40px 20px; } .footer-top h4 { font-size: 18px; } .background_icon i { font-size: 428px; } .error_msg_div h3 span { font-size: 30px; } .articale_header h2 { font-size:37px; } .article_full_info .article_meta { padding: 6px 15px; } .article_meta ul li { font-size: 14px; margin: 4px 14px 4px 0; } .article_tag { padding: 20px; } .article_tag h6 { float:left; } .article_tag .tag_list { display:block; } .article_tag .tag_list li { margin-bottom: 6px; } .share_article h6 { float:none; } .articale_header h2 { font-size: 32px; } .article_full_info .articale_header h2 { font-size:40px; } .grid_listing .product-listing-content { padding: 14px 14px 0; } .product-listing-content li { font-size: 11px; } .grid_listing .product-listing-content ul.features_list { margin: 16px -10px 0; padding: 12px; } .grid_listing .product-listing-content { padding: 10px 10px 0; } .sidebar_widget { padding: 20px 14px 20px; } .btn { padding: 5px 22px; } .sell_car_quote .btn { font-size: 14px; padding: 4px 15px; } .pagination { margin-bottom: 100px; } .listing_other_info button { font-size: 14px; margin: 0 30px 0 0; } .main_features ul li { margin: 0 8px 0 0; min-height: 100px; min-width: 108px; padding: 10px; } .share_vehicle { padding: 20px 15px; } .widget_heading i { margin: 0 3px 0 0; } .dealer_detail p span { font-weight:800; width:auto; } .dealer_detail p { font-size: 13px; margin: 0 auto 5px; } .listing_heading div { font-size: 14px; padding: 13px; } .inventory_info_list ul li div { font-size: 15px; padding: 14px 20px; } .compare_product_title table td, .compare_product_title table th, .compare_product_title li { font-size: 17px; padding: 20px; } .compare_info .compare_product_img .search_other_inventory { font-size: 23px; padding: 20px; } .fact_m ul li { min-height: 160px; } .fact_m ul li i { font-size: 44px; } .fact_m ul li p { display: flex; line-height: 20px; } .testimonial_wrap { padding: 40px 20px; } } table #rateList{ font-size: 16px !important; } /* Concierge Code*/ .cid-uFz4CgxZxr { padding-top: 5rem; padding-bottom: 5rem; position: relative; background-image: url("../../../assets/images/whale-1920.jpg"); background-size: cover; background-position: center; } .cid-uFz4CgxZxr .image-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; } @media (max-width: 1440px) { .cid-uFz4CgxZxr .image-wrap { padding: 16px; } } .cid-uFz4CgxZxr .image-wrap img { width: 100%; height: 100%; object-fit: cover; } .cid-uFz4CgxZxr .image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; pointer-events: none; } @media (max-width: 1440px) { .cid-uFz4CgxZxr .image-overlay { padding: 16px; } } .cid-uFz4CgxZxr .image-overlay .image-over { background-color: #151e11; z-index: 2; opacity: 0.5; width: 100%; height: 100%; } .cid-uFz4CgxZxr .mbr-fallback-image.disabled { display: none; } .cid-uFz4CgxZxr .mbr-fallback-image { display: block; background-size: cover; background-position: center center; width: 100%; height: 100%; position: absolute; top: 0; } .cid-uFz4CgxZxr .row { justify-content: center; } .cid-uFz4CgxZxr .content-wrapper { padding: 150px 20px; position: relative; z-index: 2; } @media (max-width: 992px) { .cid-uFz4CgxZxr .content-wrapper { padding: 150px 16px; } } .cid-uFz4CgxZxr .content-wrapper .mbr-section-title { margin-bottom: 60px; } @media (max-width: 992px) { .cid-uFz4CgxZxr .content-wrapper .mbr-section-title { margin-bottom: 30px; } } .cid-uFz4CgxZxr .content-wrapper .text-wrapper .mbr-text { display: inline-block; margin-bottom: 30px; width: 40%; } @media (max-width: 992px) { .cid-uFz4CgxZxr .content-wrapper .text-wrapper .mbr-text { width: 100%; } } .cid-uFz4CgxZxr .mbr-section-title { color: #fff7ee; } .cid-uFz4CgxZxr .mbr-text, .cid-uFz4CgxZxr .text-wrapper { text-align: center; color: #fff7ee; } .cid-uFz4CgxZxr .mbr-section-title, .cid-uFz4CgxZxr .mbr-section-btn { text-align: center; } .cid-uFz3MIxMsB { padding-top: 5rem; padding-bottom: 5rem; background-color: #e9e9e6; } .cid-uFz3MIxMsB .mbr-fallback-image.disabled { display: none; } .cid-uFz3MIxMsB .mbr-fallback-image { display: block; background-size: cover; background-position: center center; width: 100%; height: 100%; position: absolute; top: 0; } .cid-uFz3MIxMsB .row { justify-content: space-between; } @media (max-width: 992px) { .cid-uFz3MIxMsB .content-wrapper { margin-bottom: 35px; } } .cid-uFz3MIxMsB .content-wrapper .mbr-desc { margin-bottom: 40px; } @media (max-width: 992px) { .cid-uFz3MIxMsB .content-wrapper .mbr-desc { margin-bottom: 20px; } } .cid-uFz3MIxMsB .content-wrapper .mbr-section-title { margin-bottom: 40px; } @media (max-width: 992px) { .cid-uFz3MIxMsB .content-wrapper .mbr-section-title { margin-bottom: 20px; } } .cid-uFz3MIxMsB .content-wrapper .mbr-text { margin-bottom: 30px; } @media (max-width: 992px) { .cid-uFz3MIxMsB .content-wrapper .mbr-text { margin-bottom: 15px; } } .cid-uFz3MIxMsB .image-wrapper { padding-left: 30px; } @media (max-width: 992px) { .cid-uFz3MIxMsB .image-wrapper { padding-left: 0; } } .cid-uFz3MIxMsB .image-wrapper img { height: 540px; object-fit: cover; border-radius: 0 16rem; } @media (max-width: 992px) { .cid-uFz3MIxMsB .image-wrapper img { height: 350px; border-radius: 0 8rem; } } .cid-uFz3MIxMsB .mbr-section-title { color: #000000; } .cid-uFz3MIxMsB .mbr-desc { color: #000000; } .cid-uFz3MIxMsB .mbr-text { color: #000000; } .cid-uFz4ce7xnl { padding-top: 5rem; padding-bottom: 5rem; overflow: hidden; background-color: #ffffff; } .cid-uFz4ce7xnl .mbr-fallback-image.disabled { display: none; } .cid-uFz4ce7xnl .mbr-fallback-image { display: block; background-size: cover; background-position: center center; width: 100%; height: 100%; position: absolute; top: 0; } .cid-uFz4ce7xnl .container-fluid { padding: 0 64px; } @media (max-width: 992px) { .cid-uFz4ce7xnl .container-fluid { padding: 0 24px; } } @media (max-width: 992px) { .cid-uFz4ce7xnl .container { padding: 0 24px; } } .cid-uFz4ce7xnl .content-wrapper { padding: 32px; position: relative; display: flex; align-items: flex-end; min-height: 700px; } @media (max-width: 992px) { .cid-uFz4ce7xnl .content-wrapper { padding: 0; } } .cid-uFz4ce7xnl .content-wrapper img { position: absolute; top: 0; left: 0; border-radius: .75rem !important; width: 100%; height: 100%; object-fit: cover; } .cid-uFz4ce7xnl .content-wrapper .card-wrap { position: relative; z-index: 1; display: inline-flex; flex-direction: column; width: 55%; padding: 32px; background-color: #ffffff; border-radius: .75rem !important; opacity: 70%; } @media (max-width: 1200px) { .cid-uFz4ce7xnl .content-wrapper .card-wrap { width: 50%; } } @media (max-width: 992px) { .cid-uFz4ce7xnl .content-wrapper .card-wrap { padding: 24px; width: 100%; } } .cid-uFz4ce7xnl .content-wrapper .card-wrap .icon-wrapper { margin-bottom: 24px; } .cid-uFz4ce7xnl .content-wrapper .card-wrap .icon-wrapper .mbr-iconfont { width: 64px; height: 64px; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; background-color: #141414; color: #fb8fc9; font-size: 32px; } .cid-uFz4ce7xnl .content-wrapper .card-wrap .mbr-section-title { margin-bottom: 24px; } .cid-uFz4ce7xnl .content-wrapper .card-wrap .mbr-text { margin-bottom: 0; } .cid-uFz4ce7xnl .mbr-section-title { color: #141414; } .cid-uFz4ce7xnl .mbr-desc { color: #141414; } .cid-uFz4ce7xnl .mbr-text { color: #000000; } .cid-uFz4ce7xnl .mbr-section-title, .cid-uFz4ce7xnl .icon-wrapper { color: #000000; } .cid-uFz4gANhOO { padding-top: 5rem; padding-bottom: 5rem; overflow: hidden; background-color: #f4f4f6; } .cid-uFz4gANhOO .mbr-fallback-image.disabled { display: none; } .cid-uFz4gANhOO .mbr-fallback-image { display: block; background-size: cover; background-position: center center; width: 100%; height: 100%; position: absolute; top: 0; } .cid-uFz4gANhOO .container-fluid { padding: 0 64px; } @media (max-width: 992px) { .cid-uFz4gANhOO .container-fluid { padding: 0 24px; } } @media (max-width: 992px) { .cid-uFz4gANhOO .container { padding: 0 24px; } } .cid-uFz4gANhOO .row .card { padding: 0 12px; border-radius: 0 !important; } .cid-uFz4gANhOO .image-wrapper { height: 100%; } .cid-uFz4gANhOO .image-wrapper img { height: 100%; object-fit: cover; border-radius: .75rem !important; } @media (max-width: 992px) { .cid-uFz4gANhOO .image-wrapper img { height: 350px; } } .cid-uFz4gANhOO .content-wrapper { display: flex; align-items: center; background-color: #ffffff; border-radius: .75rem; padding: 48px; height: 100%; } @media (max-width: 992px) { .cid-uFz4gANhOO .content-wrapper { padding: 24px; } } .cid-uFz4gANhOO .content-wrapper .content-wrap { width: 100%; } .cid-uFz4gANhOO .content-wrapper .content-wrap .mbr-section-title { margin-bottom: 32px; } .cid-uFz4gANhOO .content-wrapper .content-wrap .mbr-text { margin-bottom: 16px; } .cid-uFz4gANhOO .content-wrapper .content-wrap .mbr-section-btn .btn::before { background-image: linear-gradient(90deg, #fb8fc9 0%, transparent 100%); } .cid-uFz4gANhOO .content-wrapper .content-wrap .mbr-section-btn .btn:hover, .cid-uFz4gANhOO .content-wrapper .content-wrap .mbr-section-btn .btn:focus { box-shadow: inset 250px 10px 5px #7f89e9 !important; border-color: #7f89e9 !important; } .cid-uFz4gANhOO .mbr-section-title { color: #141414; } .cid-uFz4gANhOO .mbr-text { color: #141414; }