@charset "UTF-8"; html, body { position: relative; height: 100%; } html { -webkit-text-size-adjust: none; } .custom_slim_scroll::-webkit-scrollbar, .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu::-webkit-scrollbar { width: 6px !important; height: 5px !important; } .custom_slim_scroll::-webkit-scrollbar-thumb, .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu::-webkit-scrollbar-thumb { border-radius: 0 !important; border: 0px solid rgba(255, 255, 255, 0.64); background: rgba(0, 0, 0, 0.18); border-radius: 30px !important; } .custom_slim_scroll::-webkit-scrollbar-track, .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3) !important; width: 20px !important; background-color: #ececec; margin: 10px; padding-right: 10px; border-radius: 35px; } .custom_slim_scroll2::-webkit-scrollbar, .welcome_text_wrapper .welcome_text_holder::-webkit-scrollbar { width: 6px !important; height: 5px !important; } .custom_slim_scroll2::-webkit-scrollbar-thumb, .welcome_text_wrapper .welcome_text_holder::-webkit-scrollbar-thumb { border-radius: 0 !important; border: 0px solid rgba(0, 0, 0, 0.64); background: rgba(255, 255, 255, 0.2); border-radius: 30px !important; } .custom_slim_scroll2::-webkit-scrollbar-track, .welcome_text_wrapper .welcome_text_holder::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3) !important; width: 20px !important; background-color: black; margin: 10px; padding-right: 10px; border-radius: 35px; } body { font-family: 'Lato', sans-serif; background-color: #fafafa; } body.rmv-scroll { overflow: hidden; } .site-content-contain { padding-top: 128px; } @media (max-width: 980px) { .site-content-contain { padding-top: 70px; } } @media (max-width: 980px) { .site-content { margin-top: 30px; } } #page { overflow: hidden; position: relative; } @media (min-width: 768px) { #page { transition: ease 500ms; position: relative; margin-left: 0px; } #page.save-vehicles-display { transform: translateX(260px); } } * { outline: none !important; outline-color: transparent !important; } .red { color: transparent; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25); } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: transparent; } .custom-control-input:checked ~ .custom-control-label::before { background-color: transparent; } .form-control:focus { box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.15); border-color: #bbb; } .over_video, .featured_vehicles_wrapper, .welcome_text_wrapper, .contact_us_wrapper, .our_reviews_wrapper, .site_footer { position: relative; z-index: 99; background-color: #FFF; } .block_border, .sidebar-wrapper, .sidebar-wrapper-style2, .sort_wrapper, .inventory_vehicle_item, .compare_wrapper, .header_title .head_title, .header_title .head_price, .main_photo_sidebar_wrapper, .carousel_vehicle_detail_wrapper, .lead_forms_wrapper, .vehicle_specification_wrapper, .disclosure_wrapper, .pagination_wrapper, .no_vehicles { background: #FFF; border: 1px solid #e3e3e3; margin-top: 25px; } @media (max-width: 980px) { .block_border, .sidebar-wrapper, .sidebar-wrapper-style2, .sort_wrapper, .inventory_vehicle_item, .compare_wrapper, .header_title .head_title, .header_title .head_price, .main_photo_sidebar_wrapper, .carousel_vehicle_detail_wrapper, .lead_forms_wrapper, .vehicle_specification_wrapper, .disclosure_wrapper, .pagination_wrapper, .no_vehicles { border-left: none; border-right: none; } } @media (max-width: 680px) { .xs-add-marg { margin-left: -15px !important; width: 110%; max-width: none; } } @media (max-width: 980px) { .xs-rmv-after a:after { display: none; } } .rmv-border-bottom { border-bottom: none !important; } .rmv_right_pad { padding-right: 0px !important; } @media (max-width: 980px) { .rmv_right_pad { padding-left: 0px !important; } } .rmv-margin { margin-left: 0px !important; margin-right: 0px !important; } .h_center_absolute { position: absolute; left: 50%; top: 0px; transform: translateX(-50%); } .shad_bottom { box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.33); } @media (max-width: 980px) { .shad_bottom { box-shadow: none; } } .v_center_absolute { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); } .left-radius { border-radius: 5px 0px 0px 5px !important; } .right-radius { border-radius: 0px 5px 5px 0px !important; } @media (max-width: 980px) { .right-radius { border-radius: 4px !important; } } .both_center_absolute, .section_head .separ:before, .section_head .separ:after, .our_reviews_wrapper .bg_our_review { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .init_ul, .social_media_fixed_wrapper .social_media, .top_widget_wrapper .address, .social_media, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .title_holder .options, .site_footer .footer1 nav ul, .site_footer .footer2 nav ul, .make-filter-sidebar-wrapper .search_by_makes_wrapper ul, .make-filter-sidebar-wrapper .search_by_makes_wrapper ul li, .inventory_vehicle_item.list .details_holder .options, .inventory_vehicle_item.list .details_holder .description ul, .compare_wrapper .sidebar-compare-meta ul, .compare_wrapper #carousel_compare_vehicles_wrapper .vehicle_compare_item .detail_list, .dragable_elements_container ul { list-style: none; padding: 0px; margin: 0px; } .centered_pad { position: relative; } .centered_pad:before { content: ""; left: 0px; width: 5px; height: 100%; position: absolute; top: 0px; background-color: #FFF; z-index: 1; } .centered_pad:after { content: ""; right: 0px; width: 5px; height: 100%; position: absolute; top: 0px; background-color: #FFF; z-index: 1; } @media (max-width: 768px) { .centered_pad:before { display: none; } } .rmv_col_padding .row { margin: 0px !important; } .rmv_col_padding .col { padding: 0px !important; } .right-align { text-align: right; } .align-center { text-align: center; } .btn_stick, .saved_list_btn, .chat_btn { position: fixed; top: calc(100vh - 90px); width: 53px; height: 53px; background-color: transparent; z-index: 999; } .btn_stick:hover, .saved_list_btn:hover, .chat_btn:hover { background-color: transparent; } .btn_stick .icon, .saved_list_btn .icon, .chat_btn .icon { width: 25px; height: 35px; margin: auto; display: block; top: 11px; } .social_media_fixed_wrapper { position: fixed; z-index: 999; top: 50%; transform: translateY(-50%); right: 0px; background-color: #FFF; border-radius: 4px 0px 0px 4px; height: auto; width: 36px; box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.2); } .social_media_fixed_wrapper .social_media { text-align: unset; padding-right: 0px; } @media (max-width: 980px) { .social_media_fixed_wrapper .social_media { margin-top: 0px; display: none; } } .social_media_fixed_wrapper .social_media li { display: block; margin: 0px; float: left; } .social_media_fixed_wrapper .social_media li .icon { width: 20px; top: 4px; } .social_media_fixed_wrapper .social_media li:first-child a { border-radius: 4px 0px 0px 0px; } .social_media_fixed_wrapper .social_media li:last-child a { border-radius: 0px 0px 0px 4px; } .social_media_fixed_wrapper .social_media li a { display: block; width: 36px; height: 36px; text-align: center; background: transparent; border-radius: 0px; padding-top: 0px; box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0); border-bottom: 1px solid rgba(0, 0, 0, 0.05); } @media (max-width: 980px) { .social_media_fixed_wrapper .social_media li a { width: 38px; height: 38px; border-radius: 38px; } .social_media_fixed_wrapper .social_media li a .icon { width: 22px; height: 22px; top: 6px; } } .social_media_fixed_wrapper .social_media li a:hover, .social_media_fixed_wrapper .social_media li a:focus { box-shadow: none; background-color: rgba(0, 0, 0, 0.05); } .social_media_fixed_wrapper .social_media li a:active { box-shadow: none; background-color: transparent; background-color: rgba(0, 0, 0, 0.1); } .saved_list_btn { left: 0px; border-radius: 0px 4px 4px 0px; box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.43); transition: ease 500ms; transform: translateX(0px); } .saved_list_btn.save-vehicles-display { transform: translateX(260px); background-color: #333; } .saved_list_btn .icon { fill: #FFF; } .saved_list_btn .total { color: #FFF; font-family: "Lato", sans-serif; font-size: 12px; position: absolute; left: 35px; bottom: 7px; font-weight: 700; text-align: left; } .chat_btn { right: 0px; box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.43); border-radius: 4px 0px 0px 4px; } .top_widget_wrapper { background-color: transparent; min-height: 50px; } .top_widget_wrapper .right_border { border-right: 3px solid rgba(0, 0, 0, 0.09); } .top_widget_wrapper .left_border { border-left: 3px solid rgba(0, 0, 0, 0.09); } .top_widget_wrapper.mobile { height: 40px; min-height: 40px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); position: relative; z-index: 9; width: 100%; } .top_widget_wrapper.mobile .input-search-mobile-holder { position: relative; transition: ease .3s; transform: translateY(-10px); opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, 0.8) !important; padding-bottom: 6px; padding-top: 1px; margin-top: -10px; } .top_widget_wrapper.mobile .input-search-mobile-holder.display { transform: translateY(0px); opacity: 1; pointer-events: all; } .top_widget_wrapper.mobile .input-search-mobile-holder .btn-search { position: absolute; right: 8px; top: 9px; line-height: 0px; border-right: none !important; outline: none; box-shadow: none !important; background-color: transparent !important; } .top_widget_wrapper.mobile .input-search-mobile-holder .btn-search img { width: 20px; } .top_widget_wrapper.mobile .input-search-mobile { border-radius: 4px !important; background-color: #fff; border: none !important; color: transparent; padding-right: 50px; font-size: 14px; height: 45px; letter-spacing: 1px; margin: auto; max-width: calc(100% - 12px); margin-top: 6px; /* Chrome/Opera/Safari */ /* Firefox 19+ */ /* IE 10+ */ /* Firefox 18- */ } .top_widget_wrapper.mobile .btn { border-radius: 0px; height: 42px; background-color: transparent; border: none; box-shadow: none !important; border-right: 1px solid #8e0614; } .top_widget_wrapper.mobile .btn:hover, .top_widget_wrapper.mobile .btn:focus, .top_widget_wrapper.mobile .btn:active { background-color: transparent; } .top_widget_wrapper.mobile .btn .icon { width: 35px; height: 20px; top: 1px; } .top_widget_wrapper .address li { display: inline-block; font-family: "Lato", sans-serif; font-weight: 400; font-size: 14px; text-transform: uppercase; color: #FFF; padding-top: 0px; padding-bottom: 0px; line-height: 15px; padding-left: 20px; position: absolute; left: 0px; padding-left: 35px; top: 50%; transform: translateY(-50%); } .top_widget_wrapper .address li .icon { width: 20px; height: 18px; position: absolute; left: 7px; top: 50%; transform: translateY(-50%); } @media (min-width: 768px) and (max-width: 991px) { .top_widget_wrapper .address li { display: inline-block; } } .top_widget_wrapper .tel { font-family: "Lato", sans-serif; font-weight: 400; font-size: 14px; color: #FFF !important; text-decoration: none !important; margin-top: 14px; display: block; } .top_widget_wrapper .tel .icon { width: 20px; height: 18px; margin-right: 5px; } .top_widget_wrapper .open_hour { font-family: "Lato", sans-serif; font-weight: 400; font-size: 14px; text-transform: uppercase; color: #FFF; margin: 0px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 15px; padding-left: 20px; position: absolute; left: 0px; padding-left: 35px; top: 50%; transform: translateY(-50%); } .top_widget_wrapper .open_hour .icon { width: 20px; height: 18px; position: absolute; left: 7px; top: 50%; transform: translateY(-50%); } .social_media { text-align: right; padding-right: 2px; } @media (max-width: 980px) { .social_media { margin-top: 20px; text-align: center; } } .social_media li { display: inline-block; margin: 12px 2px; } .social_media li .icon { width: 20px; } .social_media li a { display: block; width: 26px; height: 26px; text-align: center; background: #FFF; border-radius: 26px; padding-top: 0px; box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0); } @media (max-width: 980px) { .social_media li a { width: 38px; height: 38px; border-radius: 38px; } .social_media li a .icon { width: 22px; height: 22px; top: 6px; } } .social_media li a:hover, .social_media li a:focus { box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.1); } .social_media li a:active { box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.2); } .overlay_search { position: fixed; width: 100%; height: 100%; z-index: 3; background-color: rgba(0, 0, 0, 0.7); left: 0px; top: 0px; transition: ease 500ms; opacity: 0; pointer-events: none; } .overlay_search.display { opacity: 1; pointer-events: all; } .overlay_navigation { position: fixed; width: 100%; height: 100%; z-index: 98; background-color: rgba(0, 0, 0, 0.7); left: 0px; top: 0px; transition: ease 500ms; opacity: 0; pointer-events: none; } .overlay_navigation.display { opacity: 1; pointer-events: all; } .nav_menu_wrapper { background-color: #FFF; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); overflow: visible; z-index: 2; position: relative; min-height: 78px; } @media (max-width: 980px) { .nav_menu_wrapper { box-shadow: none; z-index: 999; min-height: 50px; } } .nav_menu_wrapper .header_logo { text-decoration: none !important; position: relative; display: block; height: 78px; } @media (max-width: 980px) { .nav_menu_wrapper .header_logo { float: left; height: 58px; } } .nav_menu_wrapper .header_logo .logo_txt { font-size: 26px; line-height: 29px; font-weight: 800; text-transform: capitalize; margin-bottom: 0px; padding-top: 0px; color: #444; transition: ease 500ms; position: absolute; width: 100%; height: auto; left: 0px; top: 50%; transform: translateY(-50%); } @media (max-width: 980px) { .nav_menu_wrapper .header_logo .logo_txt { padding-top: 18px; height: 60px; font-size: 15px; position: relative; top: 0px; transform: translateY(0px); } } .nav_menu_wrapper .header_logo img { height: 62px; margin-top: 8px; } @media (max-width: 980px) { .nav_menu_wrapper .header_logo img { height: 44px; margin-top: 10px; } } .nav_menu_wrapper .main-navigation { position: relative; } .nav_menu_wrapper .main-navigation .menu { text-align: right; } .nav_menu_wrapper .main-navigation .menu li { margin: 0px 5px; background: #FFF; } .nav_menu_wrapper .main-navigation .menu li a.current_page_item { color: transparent; box-shadow: inset 0px -4px 0px 0px transparent; } .nav_menu_wrapper .main-navigation .menu li a { padding: 28px 3px; color: #333333; text-decoration: none; font-size: 15px; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children { padding-right: 20px; position: relative; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children .dropdown-toggle { display: none; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children:after { content: ""; width: 15px; height: 15px; background: url(../icons/icon_arrow.svg) no-repeat center center; cursor: pointer; position: absolute; right: 0px; top: 42%; background-size: 9px; display: block; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children:before { display: none !important; } @media (max-width: 980px) { .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children.activate_me:after { background: url(../icons/icon_minus_red.svg) no-repeat center center !important; } } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu { position: absolute; left: 0px; margin-left: 0px; z-index: 99; top: 74px; border: none; background: transparent; min-width: 180px; transform: translateX(-5px) scale(1); transform-origin: left top; opacity: 0; pointer-events: none; transition: ease 600ms; background: #FFF; box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.1); border-top: 4px solid #c40f22; } @media (max-width: 980px) { .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu.activate_me { display: block; position: static; border-top: 1px solid rgba(0, 0, 0, 0.1); } } @media (min-width: 980px) { .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu { max-height: calc(100vh - 120px); overflow: auto; } } @media (max-width: 980px) { .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu { top: 51px; } } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li { width: 100%; border-bottom: none; border: none; margin: 0px; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li:hover a { background-color: rgba(0, 0, 0, 0.02); } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li a.current_page_item { color: transparent; background-color: rgba(0, 0, 0, 0.1); box-shadow: none; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li a { background: white; color: #333333; box-shadow: none; font-size: 15px; font-weight: 400 !important; margin: 0; padding: 10px 20px; line-height: normal; border-bottom: 1px solid rgba(204, 204, 204, 0.2); width: 100%; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children { padding-right: 0px; position: relative; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children:after { content: ""; width: 15px; height: 15px; background: url(../icons/icon_arrow.svg) no-repeat center center; cursor: pointer; position: absolute; right: 15px; top: 40%; background-size: 9px; display: block; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children a { padding-right: 20px; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li ul { position: absolute; z-index: 99; left: 178px; top: 0px; background: #FFF; min-width: 180px; transform: translateY(10px); opacity: 0; pointer-events: none; transition: ease 300ms; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li ul li { width: 100%; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li ul li a.current_page_item { color: transparent; background-color: rgba(0, 0, 0, 0.1); box-shadow: none; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li ul li.menu-item-has-children { padding-right: 0px; position: relative; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li ul li.menu-item-has-children:after { content: ""; width: 15px; height: 15px; background: url(../icons/icon_arrow.svg) no-repeat center center; cursor: pointer; position: absolute; right: 15px; top: 40%; background-size: 9px; display: block; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li ul li.menu-item-has-children a { padding-right: 20px; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li ul li.menu-item-has-children ul.sub-menu { left: unset; right: 99%; border-top: 0px solid #c40f22; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu li:hover > ul { transform: translateX(0px); opacity: 1; pointer-events: all; } .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children:hover > ul { transform: translateY(0px) scale(1); opacity: 1; pointer-events: all; } @media (max-width: 980px) { .nav_menu_wrapper .main-navigation { display: block; position: absolute; left: 0px; z-index: 99; top: 61px; width: 80%; height: 100vh; background-color: #FFF; max-height: calc(100vh - 60px); overflow: auto; border-top: 1px solid #CCC; transition: cubic-bezier(0.15, 0.86, 0.58, 1) 500ms; transform: translateX(-10vw); opacity: 0; pointer-events: none; } .nav_menu_wrapper .main-navigation.display { transform: translateX(0vw); opacity: 1; pointer-events: all; } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu { display: block; text-align: left; padding: 0px; } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu li, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu li { margin: 0px; display: block; float: none; } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu li.menu-item-has-children, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu li.menu-item-has-children { padding-right: 0px; } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu li.menu-item-has-children > ul, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu li.menu-item-has-children > ul { transform: translateY(0px) scale(1); opacity: 1; pointer-events: all; display: none; width: 100%; padding-left: 0px; } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu li.menu-item-has-children > ul li.menu-item-has-children, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu li.menu-item-has-children > ul li.menu-item-has-children { padding-right: 50px; } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu li.menu-item-has-children > ul li.menu-item-has-children > ul, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu li.menu-item-has-children > ul li.menu-item-has-children > ul { transform: translateY(0px) scale(1); opacity: 1; pointer-events: all; display: none; width: calc(100% + 50px); padding-left: 0px; } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu li.menu-item-has-children > ul li.menu-item-has-children:hover > ul, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu li.menu-item-has-children > ul li.menu-item-has-children:hover > ul { display: block; position: static; } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu li.menu-item-has-children > ul li.menu-item-has-children:after, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu li.menu-item-has-children > ul li.menu-item-has-children:after { width: 20px; height: 20px; right: 17px; top: 13px; background-size: 15px; } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu li.menu-item-has-children > ul li.menu-item-has-children a, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu li.menu-item-has-children > ul li.menu-item-has-children a { border-right: 1px solid rgba(0, 0, 0, 0.1); } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu li.menu-item-has-children > ul li a, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu li.menu-item-has-children > ul li a { font-size: 15px; padding: 14px 20px; padding-left: 40px; } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu li.menu-item-has-children:hover > ul, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu li.menu-item-has-children:hover > ul { transform: translateX(0px); opacity: 1; pointer-events: all; } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu li.menu-item-has-children a, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu li.menu-item-has-children a { border-right: 1px solid rgba(0, 0, 0, 0.1); } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu li.menu-item-has-children:after, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu li.menu-item-has-children:after { width: 45px; height: 45px; right: 13px; top: 10px; background-size: 20px; pointer-events: none; background: url(../icons/icon_plus_red.svg) no-repeat center center; } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu li a, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu li a { padding: 18px 23px; } .nav_menu_wrapper .main-navigation .menu-top-menu-container .menu li a:hover, .nav_menu_wrapper .main-navigation .menu-mymenu-container .menu li a:hover { background: rgba(204, 204, 204, 0.14); } .nav_menu_wrapper .main-navigation .dropdown-toggle { display: none; } } .site_header { z-index: 9999; position: fixed; left: 0px; top: 0px; width: 100%; } @media (min-width: 980px) { .site_header.sticky .nav_menu_wrapper { min-height: 50px; transition: ease 300ms; } .site_header.sticky .nav_menu_wrapper .header_logo { height: 58px; } .site_header.sticky .nav_menu_wrapper .header_logo img { height: 44px; margin-bottom: 6px; transition: ease 300ms; } .site_header.sticky .nav_menu_wrapper .header_logo .logo_txt { font-size: 18px; padding-top: 0px; } .site_header.sticky .nav_menu_wrapper .main-navigation .menu li a { transition: ease 300ms; padding: 18px 3px; } .site_header.sticky .nav_menu_wrapper .main-navigation .menu li.menu-item-has-children ul.sub-menu { top: 54px; } .site_header.sticky .language_dropdown .btn { height: 60px; line-height: 60px; transition: ease 300ms; } .site_header.sticky .compare_nav_link:before { top: 5px; transition: ease 300ms; } } .compare_nav.menu { display: none; } @media (min-width: 980px) { .compare_nav.menu { float: right; margin-right: 80px; display: block; width: 0px; overflow: hidden; } } @media (min-width: 980px) { .menu-top-menu-container { float: right; } } .slider-area-wrapper { position: relative; height: calc(100vh - 150px); } @media (max-width: 980px) { .slider-area-wrapper { height: 590px; } } .video-background { background: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; } .video-foreground iframe, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .video-foreground video, .video-background video { position: absolute; top: 0; left: 0; width: 100%; height: 130%; pointer-events: none; } .video-foreground { opacity: .80; } .video-foreground.slides_type img { height: 100vh; } @media (max-width: 980px) { .video-foreground.slides_type img { height: 110vh; width: auto; max-width: none; } } #vidtop-content { top: 0; color: #fff; } @media (min-width: 980px) { .video-foreground { height: 300%; top: -100%; height: 100%; } .video-foreground.photo_static { height: 200%; top: 0%; } .video-foreground.photo_static img { width: 100%; } } @media (max-width: 980px) { .video-foreground { width: 300%; left: -100%; } .video-foreground.photo_static { left: 0%; height: 100%; width: 100%; background-attachment: inherit!important; } .video-foreground.photo_static img { height: 100%; } } @media all and (max-width: 600px) { .vid-info { width: 50%; padding: .5rem; } .vid-info h1 { margin-bottom: .2rem; } } @media all and (max-width: 500px) { .vid-info .acronym { display: none; } } .video_welcome_text { position: relative; z-index: 99; } .video_welcome_text .title { font-family: "Lato", sans-serif; font-weight: 700; font-size: 60px; text-align: center; color: #FFF; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.33); margin-top: 60px; } @media (max-width: 980px) { .video_welcome_text .title { font-size: 30px; padding-left: 20px; padding-right: 20px; margin-top: 10vw; } } @media (max-width: 500px) { .video_welcome_text .title { margin-top: 50px; } } .video_welcome_text .subtitle { font-family: "Lato", sans-serif; font-weight: 400; font-size: 26px; text-align: center; color: #FFF; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.33); padding-top: 0px; margin-top: 10px; } @media (max-width: 980px) { .video_welcome_text .subtitle { font-size: 18px; padding-left: 20px; padding-right: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .rmv_col_padding .row.marg_left_mobile { margin-left: 30px !important; } } .search-box-wrapper { position: absolute; z-index: 99; width: 100%; bottom: 6vh; left: 60%; transform: translateX(-50%) translateY(-50%); padding-top: 5px; } @media (max-width: 980px) { .search-box-wrapper { bottom: unset; top: 60%; } } @media (max-width: 500px) { .search-box-wrapper { top: 50%; } } .search-box-wrapper .container { background-color: transparent; max-width: 1140px; margin: auto; } @media (max-width: 980px) { .search-box-wrapper .container { width: calc(100% - 150px); } } @media (max-width: 680px) { .search-box-wrapper .container { width: calc(100% - 50px); } } .search-box-wrapper .form-group { margin-bottom: 0px; padding-right: 1px; } .search-box-wrapper .form-group input { height: 60px; border-radius: 0px; font-size: 16px; color: #333333; font-family: "Lato", sans-serif; font-weight: 400; padding-left: 20px; padding-right: 20px; border: none; opacity: .85; } .search-box-wrapper .form-group select.form-control:not([size]):not([multiple]) { height: 60px; border-radius: 0px; border: none; opacity: .85; font-size: 16px; color: #333333; font-family: "Lato", sans-serif; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background: url("../icons/icon_arrow.svg") no-repeat #FFF; background-position: calc(100% - 12px) center; background-size: 10px; } @media (max-width: 980px) { .search-box-wrapper .form-group select.form-control:not([size]):not([multiple]) { margin-bottom: 20px; border-radius: 4px; height: 45px; } } .search-box-wrapper .btn-search { width: 96px; height: 60px; border-radius: 0px; margin-left: 10px; background: transparent; font-family: "Lato", sans-serif; font-weight: 400; font-size: 16px; } @media (max-width: 980px) { .search-box-wrapper .btn-search { width: 100%; height: 53px; margin-left: 0px; } } .search-box-wrapper .btn-search:hover { background-color: transparent; } .search-box-wrapper .btn-search .icon { width: calc(20px + 2px); height: 20px; } .search-box-wrapper .btns_filter_wrapper { display: block; text-align: center; margin-top: 50px; } .search-box-wrapper .btns_filter_wrapper .btn-filter { display: inline-block; min-width: 176px; height: 61px; padding-top: 3px; text-align: center; color: #FFF; font-family: "Lato", sans-serif; font-size: 17px; font-weight: 300; margin: 0px 5px; border: 1px solid #fff; background: rgba(255, 255, 255, 0.3); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.33); } .search-box-wrapper .btns_filter_wrapper .btn-filter:hover { background: transparent; border: 1px solid transparent; } .search-box-wrapper .btns_filter_wrapper .btn-filter strong { display: block; text-align: center; font-size: 18px; font-weight: 700; } @media (max-width: 980px) { .search-box-wrapper .btns_filter_wrapper .btn-filter { display: block; font-size: 17px; padding-top: 8px; height: 45px; margin: 0px; margin-bottom: 15px; } .search-box-wrapper .btns_filter_wrapper .btn-filter strong { display: initial; font-size: 17px; } } .quick_links_wrapper { position: relative; z-index: 99; background-color: #FFF; min-height: 200px; overflow: hidden; } @media (max-width: 768px) { .quick_links_wrapper.style2 a.item { position: relative; overflow: hidden; max-height: none; } .quick_links_wrapper.style2 a.item.xpand-on-mobile img { transform: translateX(0px) translateY(0%) scale(1); } } .quick_links_wrapper a.item { display: block; margin-top: 5px; text-decoration: none; position: relative; overflow: hidden; } @media (max-width: 768px) { .quick_links_wrapper a.item.xpand-on-mobile img { transform: translateX(0px) translateY(-20%) scale(1); } } @media (max-width: 768px) { .quick_links_wrapper a.item { position: relative; overflow: hidden; max-height: 34vw; } } .quick_links_wrapper a.item span { position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: rgba(0, 0, 0, 0.5); text-align: center; height: 78px; padding-top: 15px; color: #FFF; font-family: "Lato", sans-serif; font-size: 30px; font-weight: 700; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.33); z-index: 2; } @media (max-width: 768px) { .quick_links_wrapper a.item span { font-size: 16px; height: auto; padding-top: 10px; padding-bottom: 10px; } } .quick_links_wrapper a.item img { transition: ease 10s; transform: translateX(0px) scale3d(1, 1, 1); width: 100%; height: 280px; max-width: none; } @media (max-width: 1180px) { .quick_links_wrapper a.item img { width: auto; height: 230px; } } @media (max-width: 1024px) { .quick_links_wrapper a.item img { width: auto; height: 220px; } } @media (max-width: 769px) { .quick_links_wrapper a.item img { height: 140px; width: auto; } } @media (max-width: 575px) { .quick_links_wrapper a.item img { height: auto; width: 100%; } } .quick_links_wrapper a.item:hover img, .quick_links_wrapper a.item:focus img { transform: translateX(5px) scale(1.1); } .section_head { padding: 0px 20px; } .section_head .section_title { font-size: 40px; font-family: "Lato", sans-serif; font-weight: 700; color: #222222; text-align: center; margin: 0px; padding-top: 50px; padding-bottom: 20px; } @media (max-width: 980px) { .section_head .section_title { font-size: 30px; padding-top: 30px; } } .section_head .separ { position: relative; display: block; width: 100%; height: 20px; } .section_head .separ:before { content: ""; width: 14px; height: 14px; border-radius: 14px; border: 1px solid #ff001b; background-color: #fafafa; z-index: 2; box-shadow: 0px 0px 0px 4px #fafafa; } .section_head .separ:after { content: ""; width: 100%; height: 1px; background-color: red; max-width: 177px; z-index: 1; } .section_head .desc { text-align: center; font-size: 16px; color: #222222; font-family: "Lato", sans-serif; font-weight: 400; padding-top: 20px; } @media (max-width: 980px) { .section_head .desc { font-size: 18px; } } .featured_vehicles_wrapper { background-color: #fafafa; padding-bottom: 60px; } .featured_vehicles_wrapper.inventory_detail .description { display: none !important; } @media (max-width: 980px) { .featured_vehicles_wrapper.inventory_detail .details_holder { transform: translateY(25%) !important; } } @media (max-width: 485px) { .featured_vehicles_wrapper.inventory_detail .details_holder { transform: translateY(-85%) !important; padding-top: 40px !important; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(0, 0, 0, 0.73) 31%, black 50%, black 98%) !important; } .featured_vehicles_wrapper.inventory_detail .btns_holder { transform: translateY(8px) !important; margin-bottom: 5px !important; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .nav_arrows { text-align: center; height: 100px; position: relative; } @media (max-width: 980px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .nav_arrows { height: 60px; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper_arrow, .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-next, .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-prev, .featured_vehicles_wrapper .carousel_vehicles_wrapper .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-next, .inventory_vehicle_item .photo .carousel_photos_wrapper .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-next, .featured_vehicles_wrapper .carousel_vehicles_wrapper .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-prev, .inventory_vehicle_item .photo .carousel_photos_wrapper .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-prev, .featured_vehicles_wrapper .carousel_vehicles_wrapper .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-next, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-next, .featured_vehicles_wrapper .carousel_vehicles_wrapper .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-prev, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-prev, .featured_vehicles_wrapper .carousel_vehicles_wrapper .carousel_vehicle_detail .slick-next, .carousel_vehicle_detail .featured_vehicles_wrapper .carousel_vehicles_wrapper .slick-next, .featured_vehicles_wrapper .carousel_vehicles_wrapper .carousel_vehicle_detail .slick-prev, .carousel_vehicle_detail .featured_vehicles_wrapper .carousel_vehicles_wrapper .slick-prev, .featured_vehicles_wrapper .carousel_vehicles_wrapper .carousel_vehicle_detail_nav .slick-next, .carousel_vehicle_detail_nav .featured_vehicles_wrapper .carousel_vehicles_wrapper .slick-next, .featured_vehicles_wrapper .carousel_vehicles_wrapper .carousel_vehicle_detail_nav .slick-prev, .carousel_vehicle_detail_nav .featured_vehicles_wrapper .carousel_vehicles_wrapper .slick-prev { position: relative; display: inline-block; left: unset; right: unset; top: unset; width: 40px; background: url(../icons/arrow_swiper.svg) no-repeat center center; margin-top: 20px; } @media (max-width: 980px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper_arrow, .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-next, .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-prev, .featured_vehicles_wrapper .carousel_vehicles_wrapper .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-next, .inventory_vehicle_item .photo .carousel_photos_wrapper .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-next, .featured_vehicles_wrapper .carousel_vehicles_wrapper .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-prev, .inventory_vehicle_item .photo .carousel_photos_wrapper .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-prev, .featured_vehicles_wrapper .carousel_vehicles_wrapper .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-next, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-next, .featured_vehicles_wrapper .carousel_vehicles_wrapper .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-prev, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-prev, .featured_vehicles_wrapper .carousel_vehicles_wrapper .carousel_vehicle_detail .slick-next, .carousel_vehicle_detail .featured_vehicles_wrapper .carousel_vehicles_wrapper .slick-next, .featured_vehicles_wrapper .carousel_vehicles_wrapper .carousel_vehicle_detail .slick-prev, .carousel_vehicle_detail .featured_vehicles_wrapper .carousel_vehicles_wrapper .slick-prev, .featured_vehicles_wrapper .carousel_vehicles_wrapper .carousel_vehicle_detail_nav .slick-next, .carousel_vehicle_detail_nav .featured_vehicles_wrapper .carousel_vehicles_wrapper .slick-next, .featured_vehicles_wrapper .carousel_vehicles_wrapper .carousel_vehicle_detail_nav .slick-prev, .carousel_vehicle_detail_nav .featured_vehicles_wrapper .carousel_vehicles_wrapper .slick-prev { margin-top: 0px; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-next { position: absolute; right: 20px; top: 0px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-prev { transform: rotate(180deg); position: absolute; left: 20px; top: 0px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item { overflow: hidden; top: 0px; position: relative; min-height: 252px; padding: 10px 0px; padding-top: 0px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; margin-bottom: 20px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .photo img { transition: ease 10s; transform: translateX(0px) scale3d(1, 1, 1); width: 100%; height: auto; } @media (max-width: 485px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .photo { display: block; margin-bottom: 10px; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .same_attr, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .save, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .share, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .compare, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .inventory_vehicle_item .photos, .inventory_vehicle_item .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .photos { position: absolute; top: 12px; background-color: rgba(0, 0, 0, 0.65); width: 29px; height: 29px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .same_attr .icon, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .save .icon, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .share .icon, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .compare .icon, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .inventory_vehicle_item .photos .icon, .inventory_vehicle_item .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .photos .icon { display: block; margin: auto; top: 7px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .save { left: 12px; cursor: pointer; background-color: transparent; } @media (max-width: 680px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .save { width: 54px; height: 48px; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .save span:before { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3) !important; } @media (max-width: 680px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .save span { font-size: 40px; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .share { left: 47px; display: none; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .compare { left: 47px; width: auto !important; padding-right: 8px; line-height: 29px; font-family: "Lato", sans-serif; font-size: 12px; color: #FFF !important; cursor: pointer; font-weight: 300; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .compare .icon { margin-left: 6px; margin-right: 6px; display: block; float: left; top: 6px; width: 20px; height: 18px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .compare .icon.on { display: none; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .compare .icon.off { display: block; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .compare.added .icon.on { display: block; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .compare.added .icon.off { display: none; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder { position: relative; top: 0%; width: auto; float: left; padding: 10px 12px; transition: ease 300ms; transform: translateY(0px); } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .title_holder { float: left; width: 68%; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .title_holder .name { font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400; color: #000; margin: 0px; } @media (max-width: 768px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .title_holder .name { font-size: 2vw; } } @media (max-width: 620px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .title_holder .name { font-size: 4.8vw; height: 30px; overflow: hidden; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .title_holder .options { height: 26px; overflow: hidden; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .title_holder .options li { display: inline-block; margin-right: 5px; font-family: "Lato", sans-serif; font-size: 12px; font-weight: 400; line-height: 25px; color: #000; text-transform: capitalize; } @media (max-width: 768px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .title_holder .options li { font-size: 1.5vw; } } @media (max-width: 620px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .title_holder .options li { font-size: 2.8vw; } } @media (max-width: 390px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .title_holder .options li { font-size: 3.5vw; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder { float: right; background-color: transparent; font-family: "Lato", sans-serif; font-size: 12px; font-weight: 400; color: #fff; max-width: 98px; height: 40px; width: 30%; transform: translateX(12px); } @media (max-width: 400px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder { width: 25%; font-size: 10px; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder span { display: block; text-align: right; padding-right: 8px; padding-left: 6px; } @media (max-width: 480px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder.long_text { max-width: 60px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder.long_text .price { font-size: 12px; line-height: 16px; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder .price { font-size: 20px; padding-top: 4px; color: inherit; } @media (max-width: 480px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder .price { font-size: 20px; color: inherit; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder .msrp { display: none; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder .symbol { font-style: normal; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder.has_msrp .price { padding-top: 0px; transform: translateY(-4px); } @media (max-width: 400px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder.has_msrp .price { transform: translateY(-1px); } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder.has_msrp .msrp { transform: translateY(-9px); display: block; } @media (max-width: 400px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder.has_msrp .msrp { transform: translateY(-7px); } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .description { font-family: "Lato", sans-serif; font-size: 13px; font-weight: 400; color: #000; display: none; text-align: justify; float: left; margin-bottom: 0px; padding-top: 15px; line-height: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.42); padding-bottom: 9px; transition: ease 500ms; transform: translateY(0px); opacity: 1; transition-delay: 300ms; width: 100%; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder { float: left; width: 100%; transition: ease 500ms; transform: translateY(0px); opacity: 1; transition-delay: 500ms; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 10px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder a { font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400; color: #000; margin-top: 10px; text-decoration: none; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder a .icon { width: 20px; height: 17px; margin-right: 8px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder .availability { float: left; } @media (max-width: 485px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder .availability { display: none; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder .call-us { display: none; } @media (max-width: 485px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder .call-us { display: block; text-transform: uppercase; letter-spacing: 1px; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder .text_us { float: right; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder .text_us .icon.white { display: none; } @media (max-width: 485px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder .text_us .icon.white { display: initial; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder .text_us .icon.red { display: initial; } @media (max-width: 485px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder .text_us .icon.red { display: none; } } @media (max-width: 485px) { .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder { float: left; padding: 0px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .title_holder { padding-left: 15px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder { margin-right: 12px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .description { opacity: 1; transform: translateY(0px); line-height: 24px; font-size: 14px; color: #333; background-color: #FFF; padding: 10px 20px; margin-top: 20px; padding-top: 25px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder { background-color: #FFF; opacity: 1; transform: translateY(-1px); padding-top: 20px; margin-bottom: -3px; padding-bottom: 30px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder a { display: block; float: none !important; background-color: transparent; padding: 15px 20px; margin: auto; max-width: calc(100% - 70px); margin-bottom: 15px; text-align: center; font-size: 16px; height: auto; border-radius: 4px; letter-spacing: 1px; text-transform: uppercase; color: #FFF; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder a .icon { width: 30px; height: 25px; top: -2px; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .btns_holder a:hover { background-color: transparent; } } @media (max-width: 980px) { .featured_vehicles_wrapper { padding-bottom: 45px; } .featured_vehicles_wrapper .see_more { margin-bottom: 0px; margin-top: 40px; } } @media (min-width: 1200px) { .container { max-width: 1240px; } } @media (max-width: 1200px) { .container { max-width: none; } } @media (max-width: 980px) { .container { max-width: none; } } .see_more { font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400; background-color: transparent; color: #fff !important; display: block; max-width: 382px; text-align: center; margin: auto; margin-top: 50px; text-decoration: none !important; border-radius: 0px; height: 53px; line-height: 38px; border-radius: 4px; } .see_more:hover { background-color: transparent; } @media (max-width: 768px) { .see_more { max-width: calc(100% - 30px); border: 1px solid transparent; background-color: transparent; color: transparent !important; } .see_more:hover { color: #FFF !important; background-color: transparent; } } @media (max-width: 768px) { .see_more { margin-bottom: 50px; } } .welcome_text_wrapper { min-height: auto; overflow: hidden; background-color: #FFF; background-attachment: fixed !important; background-size: auto 100% !important; background: none !important; position: relative; } @media (min-width: 992px) { .welcome_text_wrapper { background-size: 100% auto !important; } .welcome_text_wrapper .container { max-width: none; } } @media (min-width: 1200px) { .welcome_text_wrapper .container { max-width: 1140px; } } .welcome_text_wrapper .welcome_bg { position: absolute; left: 0px; top: 0px; width: 100%; min-width: 1440px; } @media (max-width: 980px) { .welcome_text_wrapper .welcome_bg { min-width: auto; width: auto; max-width: unset; height: 100%; } } .welcome_text_wrapper .welcome_text_holder { background-color: rgba(0, 0, 0, 0.65); margin-top: 25px; margin-bottom: 25px; padding: 40px 50px; } @media (max-width: 980px) { .welcome_text_wrapper .welcome_text_holder { margin-bottom: 0px; margin-top: 0px; padding: 30px 20px; } } @media (min-width: 980px) { .welcome_text_wrapper .welcome_text_holder { max-height: 500px; overflow: auto; } } .welcome_text_wrapper .welcome_text_holder h2.subtitle { font-family: "Lato", sans-serif; font-size: 20px; font-weight: 700; color: #fff; margin: 0px; padding: 0px; } .welcome_text_wrapper .welcome_text_holder h1.title { font-family: "Lato", sans-serif; font-size: 40px; font-weight: 700; color: #ed1027; margin: 0px; padding: 0px; margin-bottom: 30px; } .welcome_text_wrapper .welcome_text_holder .desc { font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400; color: #fff; line-height: 20px; } .welcome_text_wrapper .welcome_text_holder .desc a { color: #FFF; text-decoration: underline; } @media (max-width: 980px) { .welcome_text_wrapper .welcome_text_holder .desc { font-size: 18px; } } .welcome_text_wrapper .welcome_text_holder .read_more { font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400; color: #fff; display: block; max-width: 172px; height: 53px; background-color: transparent; text-align: center; text-decoration: none; margin-top: 60px; border-radius: 0px; border: none; line-height: 34px; border-radius: 4px; } .welcome_text_wrapper .welcome_text_holder .read_more:hover { background-color: transparent; } .contact_us_wrapper iframe { margin-bottom: -6px; } @media (max-width: 980px) { .contact_us_wrapper iframe { height: 270px; } } .contact_us_wrapper .col { float: left; } .contact_us_wrapper .contact_us_holder { padding: 50px; } @media (max-width: 980px) { .contact_us_wrapper .contact_us_holder { padding: 50px 10px; } } .contact_us_wrapper .contact_us_holder .title { font-family: "Lato", sans-serif; font-size: 24px; font-weight: 300; color: #222222; } @media (max-width: 980px) { .contact_us_wrapper .contact_us_holder .title { text-align: center; font-size: 29px; } } .contact_us_wrapper .contact_us_holder .desc { font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; color: #222222; margin-bottom: 40px; } @media (max-width: 980px) { .contact_us_wrapper .contact_us_holder .desc { text-align: center; font-size: 18px; } } .form-group select.form-control { opacity: .85; font-family: "Lato", sans-serif; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background: url("../icons/icon_arrow.svg") no-repeat #FFF; background-position: calc(100% - 12px) center; background-size: 10px; } form.customized .input-group { margin-bottom: 20px; border: 1px solid #b6b6b6; border-radius: 5px; height: 50px; } @media (max-width: 980px) { form.customized .input-group { height: 42px; } } form.customized .input-group select.form-control { height: auto; opacity: .85; font-size: 12px; color: #000; font-family: "Lato", sans-serif; font-weight: 700; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background: url("../icons/icon_arrow.svg") no-repeat #FFF; background-position: calc(100% - 12px) center; background-size: 10px; } form.customized .input-group .input-group-prepend .input-group-text { background: transparent; padding: 12px 20px; padding-left: 18px; width: 120px; text-align: left; border: none; border-right: 2px solid #b6b6b6; font-size: 1rem; font-family: "Lato", sans-serif; font-weight: 400; color: #222222; } form.customized .input-group .input-group-prepend .input-group-text .required { color: #d40707; } @media (max-width: 768px) { form.customized .input-group .input-group-prepend .input-group-text { width: 110px; font-size: 12px; padding-left: 20px; } } form.customized .input-group.input-group-textarea { height: 111px; } form.customized .input-group.input-group-textarea .form-control { resize: none; font-size: 12px; } form.customized .input-group.input-group-textarea .input-group-text { height: 101px; } form.customized .input-group .form-control { border: none; font-size: 12px; font-family: "Lato", sans-serif; font-weight: 400; color: #222222; } form.customized .btn-submit { height: 53px; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; line-height: 24px; background-color: transparent; border-radius: 4px; } @media (max-width: 980px) { form.customized .btn-submit { height: 53px; line-height: 26px; } } form.customized .btn-submit:hover { background-color: transparent; } .our_reviews_wrapper { background-color: #fafafa; min-height: 700px; } .our_reviews_wrapper .section_head { margin-bottom: 30px; } .our_reviews_wrapper .container { max-width: 1310px; } .our_reviews_wrapper .see_more { margin-bottom: 40px; } .our_reviews_wrapper #carousel_reviews_wrapper { padding-left: 70px; padding-right: 70px; } @media (max-width: 640px) { .our_reviews_wrapper #carousel_reviews_wrapper { padding-left: 30px; padding-right: 30px; } } .our_reviews_wrapper .swiper_arrow, .our_reviews_wrapper .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-next, .featured_vehicles_wrapper .carousel_vehicles_wrapper .our_reviews_wrapper .swiper-button-next, .our_reviews_wrapper .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-prev, .featured_vehicles_wrapper .carousel_vehicles_wrapper .our_reviews_wrapper .swiper-button-prev, .our_reviews_wrapper .swiper-button-next, .our_reviews_wrapper .swiper-button-prev, .our_reviews_wrapper .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-next, .inventory_vehicle_item .photo .carousel_photos_wrapper .our_reviews_wrapper .swiper-button-next, .our_reviews_wrapper .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-prev, .inventory_vehicle_item .photo .carousel_photos_wrapper .our_reviews_wrapper .swiper-button-prev, .our_reviews_wrapper .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-next, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .our_reviews_wrapper .swiper-button-next, .our_reviews_wrapper .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-prev, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .our_reviews_wrapper .swiper-button-prev, .our_reviews_wrapper .carousel_vehicle_detail .slick-next, .carousel_vehicle_detail .our_reviews_wrapper .slick-next, .our_reviews_wrapper .carousel_vehicle_detail .slick-prev, .carousel_vehicle_detail .our_reviews_wrapper .slick-prev, .our_reviews_wrapper .carousel_vehicle_detail_nav .slick-next, .carousel_vehicle_detail_nav .our_reviews_wrapper .slick-next, .our_reviews_wrapper .carousel_vehicle_detail_nav .slick-prev, .carousel_vehicle_detail_nav .our_reviews_wrapper .slick-prev { width: 50px; background: url(../icons/arrow.svg) no-repeat center center; } .our_reviews_wrapper .swiper-button-next { transform: rotate(180deg); right: -11px; } .our_reviews_wrapper .swiper-button-prev { left: -11px; } .our_reviews_wrapper .swiper-slide { padding: 5px; } .our_reviews_wrapper .review_item { min-height: 292px; background-color: white; box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.07); padding: 20px; padding-top: 0px; padding-left: 0px; padding-right: 0px; border-bottom: 4px solid transparent; } .our_reviews_wrapper .review_item .test_photo { width: 100%; height: 250px; overflow: hidden; position: relative; display: block; margin: auto; } .our_reviews_wrapper .review_item .test_photo img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 110%; max-width: none !important; } .our_reviews_wrapper .review_item .name { font-size: 16px; text-transform: uppercase; font-family: "Roboto Slab", serif; font-weight: 700; color: #222222; text-align: center; margin: 0px; margin-top: 0px; } .our_reviews_wrapper .review_item .rating { text-align: center; margin-top: 5px; margin-bottom: 0px; width: 100%; height: 27px; } .our_reviews_wrapper .review_item .rating.rating_number_1 { background: url(../icons/rating_number_1.png) no-repeat center center; } .our_reviews_wrapper .review_item .rating.rating_number_2 { background: url(../icons/rating_number_2.png) no-repeat center center; } .our_reviews_wrapper .review_item .rating.rating_number_3 { background: url(../icons/rating_number_3.png) no-repeat center center; } .our_reviews_wrapper .review_item .rating.rating_number_4 { background: url(../icons/rating_number_4.png) no-repeat center center; } .our_reviews_wrapper .review_item .rating.rating_number_5 { background: url(../icons/rating_number_5.png) no-repeat center center; } .our_reviews_wrapper .review_item .date { color: transparent; font-size: 14px; font-family: "Roboto Slab", serif; font-weight: 400; text-align: center; margin: 0px; display: block; } .our_reviews_wrapper .review_item .desc { font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; color: #222222; text-align: justify; margin: 0px; margin-top: 20px; line-height: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 20px; padding-left: 20px; padding-right: 20px; } .site_footer .footer1 { background-color: #474747; min-height: 255px; padding-bottom: 50px; } @media (max-width: 980px) { .site_footer .footer1 { background-color: #2b2b2b; min-height: 195px; padding-top: 10px; padding-bottom: 20px; } } .site_footer .footer1 nav .head_title { font-size: 18px; font-family: "Lato", sans-serif; font-weight: 400; color: #FFF; margin: 0px; margin-top: 60px; margin-bottom: 25px; } .site_footer .footer1 nav .head_title .icon { display: none; } @media (max-width: 768px) { .site_footer .footer1 nav .head_title { margin-top: 10px; margin-bottom: 0px; padding-bottom: 10px; border-bottom: 1px solid #CCC; cursor: pointer; font-size: 16px; } .site_footer .footer1 nav .head_title .icon { display: block; float: right; top: 4px; transition: ease 500ms; transform: rotate(0deg); } .site_footer .footer1 nav .head_title.flip .icon { transform: rotate(135deg); } } .site_footer .footer1 nav ul li a { color: #FFF; font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; color: #FFF; margin: 0px; display: block; padding: 5px 0px; } @media (max-width: 768px) { .site_footer .footer1 nav ul { display: none; } .site_footer .footer1 nav ul.activate { display: block; padding-top: 10px; margin-bottom: 20px; } } .site_footer .footer2 { background-color: transparent; min-height: 50px; } .site_footer .footer2 .copyright, .site_footer .footer2 .powered { color: #FFF; font-size: 12px; font-family: "Lato", sans-serif; font-weight: 400; color: #FFF; margin: 0px; margin-top: 16px; margin-bottom: 10px; display: inline-block; margin-right: 10px; } @media (max-width: 980px) { .site_footer .footer2 .copyright, .site_footer .footer2 .powered { display: block; margin-right: 0px; } } .site_footer .footer2 .powered { margin-top: 0px; } .site_footer .footer2 .powered a { color: #FFF !important; } .site_footer .footer2 .right-col { text-align: right; } .site_footer .footer2 .social_media_footer { text-align: right; display: inline-block; margin-left: 10px; } @media (max-width: 980px) { .site_footer .footer2 .social_media_footer { display: block; margin-left: 0px; } } .site_footer .footer2 .social_media_footer .social_media { display: inline-block; } .site_footer .footer2 .social_media_footer span { display: inline-block; color: #FFF; font-size: 12px; font-family: "Lato", sans-serif; font-weight: 400; color: #FFF; margin-right: 15px; } .site_footer .footer2 nav { display: inline-block; margin-top: 10px; margin-bottom: 5px; } .site_footer .footer2 nav ul li { display: inline-block; margin-left: 25px; } @media (max-width: 980px) { .site_footer .footer2 nav ul li { margin-left: 5px; margin-right: 5px; } } .site_footer .footer2 nav ul li a { color: #FFF; font-size: 12px; font-family: "Lato", sans-serif; font-weight: 400; color: #FFF; text-transform: uppercase; } @media (max-width: 980px) { .site_footer .footer2 nav ul li a { font-size: 14px; } } .site_footer .footer2.mobile { display: none; } @media (max-width: 980px) { .site_footer .footer2.mobile { display: block; padding-bottom: 60px; } .site_footer .footer2.mobile .social_media_footer { text-align: center; } .site_footer .footer2.mobile nav { display: block; text-align: center; margin-top: 10px; } .site_footer .footer2.mobile .copyright { text-align: center; font-size: 14px; margin-top: 10px; margin-bottom: 0px; } .site_footer .footer2.mobile .powered { text-align: center; font-size: 14px; } } .modal-backdrop { z-index: 999999; } .modal { z-index: 9999999; } .modal .modal-content { border: none; border-radius: 5px; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.38); } .modal .modal-content .modal-header { padding-left: 15px; border-radius: 10px; border-bottom: none; } .modal .modal-content .modal-header .modal-title { color: #222; font-size: 20px; font-family: "Lato", sans-serif; font-weight: 700; text-transform: initial; letter-spacing: 0px; margin-top: 0px; text-align: center; width: 100%; padding-left: 30px; } .modal .modal-content .modal-header .modal-title .icon { margin-right: 10px; display: none; } .modal .modal-content .modal-header .close .icon { width: 17px; height: 17px; top: -2px; } .modal .modal-content .modal-body { padding: 30px 15px; } .modal .modal-content .modal-body.success { text-align: center; } .modal .modal-content .modal-body.success .icon { display: block; width: 40px; height: 40px; margin: 10px auto; } @media (max-width: 980px) { .modal .modal-content .modal-body { padding: 10px 30px; margin: 0px; border-bottom: none; margin-bottom: 20px; margin-top: 20px; border-top: none; } } .modal .modal-content .modal-body .desc { color: #333; font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; margin-top: -35px; margin-bottom: 40px; } .modal .modal-content .modal-footer { padding: 30px 15px; padding-top: 0px; padding-bottom: 50px; border-top: 0px; justify-content: flex-start; align-items: left; -ms-flex-align: left; -webkit-box-pack: start; -webkit-box-align: center; } .modal .modal-content .modal-footer button.btn-block { max-width: none; background-color: #f20902 !important; } .modal .modal-content .modal-footer button.btn-block:hover, .modal .modal-content .modal-footer button.btn-block:focus { background-color: #ff0700 !important; } @media (max-width: 980px) { .modal .modal-content .modal-footer { padding: 10px 30px; padding-bottom: 30px; width: 100%; } } .modal form.customized { background-color: #f9f9f9; border-radius: 6px; } .modal form.customized .additional_message_wrapper a { display: block; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; color: transparent; } .modal form.customized .additional_message_wrapper .input-group { display: none; } .modal form.customized .additional_message_wrapper.display a { display: none; } .modal form.customized .additional_message_wrapper.display .input-group { display: block; } .modal form.customized .input-group { margin-bottom: 40px; } .modal form.customized .input-group:not(.input-group-select) { border: 1px solid #b6b6b6; border-radius: 0px; height: 35px; border-radius: 6px; } .modal form.customized .input-group.input-group-select { border-radius: 0px; height: 40px; } .modal form.customized .input-group:not(.input-group-textarea) { height: 36px; border-radius: 6px; } .modal form.customized .input-group:not(.input-group-textarea) input { border-radius: 6px !important; } .modal form.customized .input-group select.form-control { height: 33px; border-radius: 6px; } .modal form.customized .input-group .form-control { border: none; font-size: 16px; font-weight: 400; color: #222222; padding-left: 17px; padding-bottom: 0px; padding-top: 0px; } .modal form.customized .input-group .input-group-prepend { margin-right: 0px; margin-top: 0px; height: 20px; top: -30px; position: absolute; } .modal form.customized .input-group .input-group-prepend .input-group-text { background: transparent; padding: 0px; padding-left: 0px; width: 120px; text-align: left; border: none; font-size: 14px; font-weight: 700; color: #222222; } .modal form.customized .input-group.input-group-textarea { height: 100px; margin-bottom: 0px; } .modal form.customized .input-group.input-group-textarea textarea { border-radius: 6px; height: 98px; } .modal form.customized .input-group.input-group-textarea .input-group-prepend { top: -30px; } .modal form.customized .input-group.input-group-textarea .input-group-text { height: auto; } .modal form.customized .input-group.input-group-textarea .form-control { padding: 10px; padding-top: 6px; width: 100%; font-size: 16px !important; letter-spacing: 1px; } .modal#check-availability .modal-footer button.btn-block { max-width: none; background-color: #f20902 !important; } .modal#check-availability .modal-footer button.btn-block:hover, .modal#check-availability .modal-footer button.btn-block:focus { background-color: #ff0700 !important; } @media (max-width: 980px) { .xs-rmv-padding { padding: 0px; } } .rmv-padding-left { padding-left: 0px; } @media (max-width: 980px) { .rmv-padding-left { padding-left: 15px; } } .rmv-padding-right { padding-right: 0px; } @media (max-width: 980px) { .rmv-padding-right { padding-right: 15px; } } .rmv-padding { padding: 0px; } .rmv-relative { position: static; } @media (max-width: 980px) { .xs-hidden { display: none !important; } } .hamburger_wrapper { border-right: 1px solid #e3e3e3; padding: 0px; float: left; height: 80px; padding-right: 22px; padding-left: 8px; margin-right: 16px; } @media (max-width: 980px) { .hamburger_wrapper { height: 60px; padding-right: 15px; padding-left: 0px; margin-right: 14px; } } #hamburger-icon { width: 36px; height: 20px; position: relative; display: block; margin: 0px; float: left; top: 20px; } #hamburger-icon .line { display: block; background: transparent; width: 36px; height: 2px; position: absolute; left: 0; border-radius: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; } #hamburger-icon .line.line-1 { top: 0; } #hamburger-icon .line.line-2 { top: 50%; } #hamburger-icon .line.line-3 { top: 100%; } #hamburger-icon.active .line-1 { transform: translateY(10px) translateX(0) rotate(45deg); -webkit-transform: translateY(10px) translateX(0) rotate(45deg); -moz-transform: translateY(10px) translateX(0) rotate(45deg); } #hamburger-icon.active .line-2 { opacity: 0; } #hamburger-icon.active .line-3 { transform: translateY(-10px) translateX(0) rotate(-45deg); -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg); -moz-transform: translateY(-10px) translateX(0) rotate(-45deg); } .save-vehicles-wrapper { position: fixed; left: 0px; top: 0px; transform: translateX(-260px); transition: ease 500ms; background-color: #333; width: 260px; height: 100vh; z-index: 9999999; } .save-vehicles-wrapper.display { transform: translateX(0px); } .save-vehicles-wrapper.display_mobile { transform: translateX(0px); } .save-vehicles-wrapper .swiper-container { width: 100%; height: 100%; } .save-vehicles-wrapper .swiper-slide { font-size: 18px; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 25px; } .save-vehicles-wrapper .vehicle_saved_item { position: relative; margin-top: 0px; margin-bottom: 30px; } .save-vehicles-wrapper .vehicle_saved_item .vehicle_title_link { font-family: "Lato", sans-serif; font-weight: 400; font-size: 14px; color: #FFF; text-decoration: none; display: block; margin-bottom: 10px; } .save-vehicles-wrapper .vehicle_saved_item .close_me { position: absolute; right: 5px; bottom: 128px; padding: 2px; display: block; width: 25px; height: 25px; border-radius: 30px; text-align: center; background-color: black; opacity: .8; } .save-vehicles-wrapper .vehicle_saved_item .close_me .icon { width: 10px; height: 10px; top: 1px; } .save-vehicles-wrapper .vehicle_saved_item img:not(.icon) { border-radius: 4px; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5); } .overlay-save-vehicles-wrapper { position: fixed; width: 100%; height: 100%; z-index: 999999; background-color: rgba(0, 0, 0, 0.7); left: 0px; top: 0px; transition: ease 500ms; opacity: 0; pointer-events: none; } @media (max-width: 980px) { .overlay-save-vehicles-wrapper.display { opacity: 1; pointer-events: all; } } .breadcrumb_wrapper { height: 150px; position: relative; overflow: hidden; } @media (max-width: 980px) { .breadcrumb_wrapper { text-align: center; height: 140px; } } .breadcrumb_wrapper .head_bg { position: absolute; left: 0px; top: -11px; width: 100%; min-width: 1440px; } .breadcrumb_wrapper .breadcrumb_nav { position: relative; z-index: 9; padding-top: 20px; display: none; } @media (max-width: 980px) { .breadcrumb_wrapper .breadcrumb_nav { display: none; } } .breadcrumb_wrapper .breadcrumb_nav ul li { font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; display: inline-block; margin-right: 5px; color: #f9f9f9; } .breadcrumb_wrapper .breadcrumb_nav ul li.item { text-decoration: underline; } .breadcrumb_wrapper .breadcrumb_nav ul li a { color: #f9f9f9; } .breadcrumb_wrapper .total_wrapper { position: relative; z-index: 9; padding-top: 0px; } .breadcrumb_wrapper .total_wrapper .title { font-size: 30px; font-family: "Lato", sans-serif; font-weight: 700; color: #fffefe; margin: 0px; margin-top: 40px; } .breadcrumb_wrapper .total_wrapper .title:not(.show) { display: none; } @media (max-width: 980px) { .breadcrumb_wrapper .total_wrapper .title { margin-top: 50px; display: block !important; text-transform: uppercase; } .breadcrumb_wrapper .total_wrapper .title.show { margin-top: 30px; } } .breadcrumb_wrapper .total_wrapper .subtitle { font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; color: #fffefe; margin: 0px; padding: 0px; margin-top: 10px; } .breadcrumb_wrapper .total_wrapper .subtitle .red { color: transparent; } .breadcrumb_wrapper .total_wrapper .subtitle a { color: #fffefe; } .sidebar-wrapper { padding-bottom: 40px; } .sidebar-wrapper .title { font-size: 16px; font-family: "Lato", sans-serif; font-weight: 700; padding: 14px 0px; color: #222222; border-bottom: 2px solid transparent; text-transform: uppercase; } .sidebar-wrapper .show_saved_search_wrapper { font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; padding: 20px 0px; color: #222222; width: 100%; padding-bottom: 0px; } @media (max-width: 980px) { .sidebar-wrapper .show_saved_search_wrapper { padding: 10px 0px; padding-top: 0px; } } .sidebar-wrapper .show_saved_search_wrapper .dropdown-item { position: relative; } .sidebar-wrapper .show_saved_search_wrapper .dropdown-item .remove-search { position: absolute; right: 10px; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; color: transparent; padding: 0px 10px; } .sidebar-wrapper .show_saved_search_wrapper .btn_show_saved_search { background-color: transparent; color: #222222; border: none; box-shadow: none; margin: auto; margin-left: 14%; } .sidebar-wrapper .show_saved_search_wrapper .btn_show_saved_search .icon { width: 9px; height: 9px; left: 7px; top: 1px; } .sidebar-wrapper .show_saved_search_wrapper .btn_show_saved_search:after { display: none; } .sidebar-wrapper .clear_save_group { padding-top: 20px; } .sidebar-wrapper .clear_save_group .btn { font-size: 14px; height: 42px; border-radius: 0px; border-radius: 4px; background-color: transparent; } .sidebar-wrapper .clear_save_group .btn:hover, .sidebar-wrapper .clear_save_group .btn:focus, .sidebar-wrapper .clear_save_group .btn:active { background-color: transparent; } .sidebar-wrapper .clear_save_group .btn.show-search-zone { background-color: transparent !important; border-color: #6ca633 !important; color: #6ca633 !important; } .sidebar-wrapper .clear_save_group .btn.show-search-zone:hover, .sidebar-wrapper .clear_save_group .btn.show-search-zone:focus, .sidebar-wrapper .clear_save_group .btn.show-search-zone:active { background-color: #6ca633 !important; border-color: #6ca633 !important; color: #FFF !important; } .sidebar-wrapper .clear_save_group .btn.clear-form-2:hover, .sidebar-wrapper .clear_save_group .btn.clear-form-2:focus, .sidebar-wrapper .clear_save_group .btn.clear-form-2:active { background-color: transparent !important; border-color: transparent !important; color: #FFF !important; } .sidebar-wrapper .separ { opacity: .4; margin-top: 20px; } @media (max-width: 980px) { .sidebar-wrapper .separ { margin-top: 10px; margin-bottom: 15px; border-color: #CCC; height: 1px; } } .sidebar-wrapper .form-group .form-control { margin-bottom: 15px; border-color: #b6b6b6; height: 42px !important; font-size: 14px; } @media (max-width: 980px) { .sidebar-wrapper .form-group .form-control { margin-bottom: -8px; } } .sidebar-wrapper .year_group, .sidebar-wrapper .mileage_group, .sidebar-wrapper .price_group { position: relative; } .sidebar-wrapper .year_group label, .sidebar-wrapper .mileage_group label, .sidebar-wrapper .price_group label { font-size: 15px; font-family: "Lato", sans-serif; font-weight: 700; color: #222222; } .sidebar-wrapper .year_group .form-control, .sidebar-wrapper .mileage_group .form-control, .sidebar-wrapper .price_group .form-control { font-size: 14px; background: transparent; color: #a0a0a0; border-color: #b6b6b6; height: 42px; border-radius: 4px; } .sidebar-wrapper .year_group:before, .sidebar-wrapper .mileage_group:before, .sidebar-wrapper .price_group:before { content: "-"; font-family: "Lato", sans-serif; font-size: 16px; color: rgba(0, 0, 0, 0.4); position: absolute; left: 50%; top: 50px; transform: translate(-50%, -50%); } @media (max-width: 980px) { .sidebar-wrapper .year_group:before, .sidebar-wrapper .mileage_group:before, .sidebar-wrapper .price_group:before { top: 42px; } } .sidebar-wrapper .btn_search.lg_btn_search .btn { margin-top: 10px; margin-bottom: -10px; border-radius: 4px; height: 53px; background-color: transparent; } .sidebar-wrapper.search-sidebar-wrapper .messagepop h3 { font-size: 16px; font-weight: 600; color: #222; border-bottom: 1px solid rgba(0, 0, 0, 0.4); padding-bottom: 15px; } .sidebar-wrapper.search-sidebar-wrapper .messagepop p { font-size: 14px; font-weight: 400; color: #222; } .sidebar-wrapper.alert-update-sidebar-wrapper { margin-bottom: 40px; } .sidebar-wrapper.alert-update-sidebar-wrapper .btn_search .btn { margin-top: 10px; border-radius: 4px; height: 53px; background-color: transparent; } .sidebar-wrapper.calculator-sidebar-wrapper { padding-bottom: 20px; margin-bottom: 70px; } .sidebar-wrapper.calculator-sidebar-wrapper.modal-body { margin-top: 0px; margin-bottom: 0px; border: none; padding-top: 30px; background: transparent; } .sidebar-wrapper.calculator-sidebar-wrapper .title { margin-bottom: 30px; } .sidebar-wrapper.calculator-sidebar-wrapper .btn_submit .btn { margin-top: 10px; border-radius: 0px; height: 42px; background-color: transparent; border-radius: 4px; } .sidebar-wrapper.calculator-sidebar-wrapper select.form-control:not([size]):not([multiple]) { font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background: url("../icons/icon_arrow.svg") no-repeat #FFF; background-position: calc(100% - 12px) center; background-size: 10px; } .sidebar-wrapper.calculator-sidebar-wrapper .payment_wrapper { padding-top: 20px; } .sidebar-wrapper.calculator-sidebar-wrapper .payment_wrapper .payment { display: block; font-family: "Lato", sans-serif; font-weight: 700; color: #ababab; font-size: 14px; } .sidebar-wrapper.calculator-sidebar-wrapper .payment_wrapper .payment_nber { display: block; text-align: right; font-family: "Lato", sans-serif; font-weight: 700; color: #222222; font-size: 14px; } .sidebar-wrapper.calculator-sidebar-wrapper .payment_wrapper .payment_nber.calc-loan-amount:before { content: "$"; text-align: right; font-family: "Lato", sans-serif; font-weight: 700; color: #222222; font-size: 14px; } .sidebar-wrapper.calculator-sidebar-wrapper .payment_wrapper .payment_nber.calc-monthly-payment:before { content: "$"; text-align: right; font-family: "Lato", sans-serif; font-weight: 700; color: #222222; font-size: 18px; } .sidebar-wrapper.calculator-sidebar-wrapper .form-group label { font-family: "Lato", sans-serif; font-size: 14px; color: #222222; font-weight: 400; line-height: 15px; padding-top: 13px; } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper { padding-bottom: 0px; } @media (max-width: 980px) { .sidebar-wrapper.vdp-vehicle-sidebar-wrapper { margin-top: 25px; margin-bottom: 50px; border-bottom: none; background: transparent; border: none; } } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper { border-bottom: 1px solid #dcdcdc; } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion { font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; color: #ababab; display: block; background-color: #FFF; height: 50px; padding: 12px 20px; padding-top: 12px; position: relative; text-decoration: none; } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion:hover, .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion:focus { background-color: rgba(0, 0, 0, 0.02); } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion:before { content: ""; width: 30px; height: 30px; position: absolute; right: 20px; top: 10px; background: url("../icons/icon_plus_tab.svg") no-repeat center center; } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion .icon { margin-right: 10px; } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion .icon.open { display: none; } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion .icon.closed { display: inline-block; } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_detail { padding: 20px; display: none; background: #FFF; } @media (max-width: 980px) { .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_detail { margin-top: -5px; margin-bottom: -2px; border: 1px solid #e3e3e3; } } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_detail form.customized .input-group { margin-bottom: 15px; } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_detail form.customized .input-group .input-group-prepend .input-group-text { padding: 12px 0px; padding-left: 20px; width: 87px; } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper.active .btn_detail { display: block; } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper.active .btn_accordion { border-bottom: 1px solid transparent; background-color: rgba(0, 0, 0, 0.04); } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper.active .btn_accordion:before { background: url("../icons/icon_minus.svg") no-repeat center center; } @media (max-width: 980px) { .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper { border-bottom: 1px solid transparent; } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_detail { margin-bottom: 5px; } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion { border: 1px solid rgba(0, 0, 0, 0.06); text-align: center; margin-top: 0px; margin-bottom: 5px; } .sidebar-wrapper.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion .icon { float: left; top: 5px; margin-right: -16px; } } .sidebar-wrapper.alert-sidebar-wrapper .title { margin-bottom: 30px; } .sidebar-wrapper.alert-sidebar-wrapper .btn_submit .btn { margin-top: 0px; border-radius: 0px; height: 42px; background-color: transparent; border-radius: 4px; } .sidebar-wrapper .desc { margin-top: 20px; font-family: "Lato", sans-serif; font-weight: 400; font-size: 16px; color: #000000; } .sidebar-wrapper .custom-control-label { font-family: "Lato", sans-serif; font-weight: 400; font-size: 14px; color: #787878; cursor: pointer; } @media (max-width: 980px) { .sidebar-wrapper.search-sidebar-wrapper { position: fixed; right: 0px; top: 0px; transform: translateX(100vw); transition: ease 500ms; background-color: #FFF; width: calc(100% - 66px); height: 100%; max-height: 100%; overflow: auto; z-index: 99999999; margin-top: 0px; padding-bottom: 60px; } .sidebar-wrapper.search-sidebar-wrapper.display { transform: translateX(0px); } } @media (max-width: 980px) and (max-width: 980px) { .sidebar-wrapper.search-sidebar-wrapper .btn_search .btn { position: fixed; margin-top: 25px; height: 53px; bottom: 0; right: 0; left: 0; display: block; z-index: 2147483647; } } @media (max-width: 980px) { .sidebar-wrapper.search-sidebar-wrapper .year_group label, .sidebar-wrapper.search-sidebar-wrapper .mileage_group label, .sidebar-wrapper.search-sidebar-wrapper .price_group label { font-size: 12px; font-weight: 300; } .sidebar-wrapper.search-sidebar-wrapper .year_group .form-control, .sidebar-wrapper.search-sidebar-wrapper .mileage_group .form-control, .sidebar-wrapper.search-sidebar-wrapper .price_group .form-control { font-size: 12px; height: 38px !important; padding-left: 15px; } .sidebar-wrapper.search-sidebar-wrapper .show_saved_search_wrapper .btn_show_saved_search { margin-left: auto !important; } } .make-filter-sidebar-wrapper { padding-bottom: 5px; } .make-filter-sidebar-wrapper .search_by_makes_wrapper ul li a { display: block; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; color: transparent; padding: 8px 0px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; } .make-filter-sidebar-wrapper .search_by_makes_wrapper ul li a .total_make { color: #333; padding-left: 5px; } .make-filter-sidebar-wrapper .search_by_makes_wrapper ul li:last-child a { border-bottom: none; } .sidebar-wrapper-style2 { padding-bottom: 5px; } .sidebar-wrapper-style2 .title { font-size: 16px; font-family: "Lato", sans-serif; font-weight: 700; padding: 14px 0px; color: #222222; border-bottom: 2px solid transparent; text-transform: uppercase; } .sidebar-wrapper-style2 .show_saved_search_wrapper { font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; padding: 20px 0px; color: #222222; width: 100%; padding-bottom: 0px; } @media (max-width: 980px) { .sidebar-wrapper-style2 .show_saved_search_wrapper { padding: 10px 0px; padding-top: 0px; } } .sidebar-wrapper-style2 .show_saved_search_wrapper .dropdown-item { position: relative; } .sidebar-wrapper-style2 .show_saved_search_wrapper .dropdown-item .remove-search { position: absolute; right: 10px; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; color: transparent; padding: 0px 10px; } .sidebar-wrapper-style2 .show_saved_search_wrapper .btn_show_saved_search { background-color: transparent; color: #222222; border: none; box-shadow: none; margin: auto; margin-left: 14%; } .sidebar-wrapper-style2 .show_saved_search_wrapper .btn_show_saved_search .icon { width: 9px; height: 9px; left: 7px; top: 1px; } .sidebar-wrapper-style2 .show_saved_search_wrapper .btn_show_saved_search:after { display: none; } .sidebar-wrapper-style2 #search-select { margin-top: 15px; } .sidebar-wrapper-style2 .clear_save_group { padding-top: 0px; } .sidebar-wrapper-style2 .clear_save_group .col { position: absolute; right: 0px; top: 6px; width: auto; } .sidebar-wrapper-style2 .clear_save_group .col.clear-form-2-wrapper { right: 110px; } .sidebar-wrapper-style2 .clear_save_group .btn { font-size: 14px; height: 42px; border-radius: 4px; border: none; font-weight: 600; background-color: transparent !important; box-shadow: none !important; } .sidebar-wrapper-style2 .clear_save_group .btn:hover, .sidebar-wrapper-style2 .clear_save_group .btn:focus, .sidebar-wrapper-style2 .clear_save_group .btn:active { background-color: transparent !important; border-color: transparent !important; color: transparent !important; } .sidebar-wrapper-style2 .separ { opacity: .4; margin-top: 20px; } @media (max-width: 980px) { .sidebar-wrapper-style2 .separ { margin-top: 10px; margin-bottom: 15px; } } .sidebar-wrapper-style2 .form-group .form-control { margin-bottom: 15px; border-color: #b6b6b6; height: 42px !important; font-size: 14px; } @media (max-width: 980px) { .sidebar-wrapper-style2 .form-group .form-control { margin-bottom: -8px; } } .sidebar-wrapper-style2 .year_group, .sidebar-wrapper-style2 .mileage_group, .sidebar-wrapper-style2 .price_group { padding-top: 10px; position: relative; } .sidebar-wrapper-style2 .year_group label, .sidebar-wrapper-style2 .mileage_group label, .sidebar-wrapper-style2 .price_group label { font-size: 15px; font-family: "Lato", sans-serif; font-weight: 700; color: #222222; float: left; } .sidebar-wrapper-style2 .year_group .amount_holder, .sidebar-wrapper-style2 .mileage_group .amount_holder, .sidebar-wrapper-style2 .price_group .amount_holder { float: right; font-weight: 400; font-size: 14px; } .sidebar-wrapper-style2 .year_group .ui-slider-horizontal, .sidebar-wrapper-style2 .mileage_group .ui-slider-horizontal, .sidebar-wrapper-style2 .price_group .ui-slider-horizontal { max-width: 96%; margin-left: auto; height: 0.6em; margin-top: 7px; } .sidebar-wrapper-style2 .year_group .ui-slider-horizontal .ui-slider-handle, .sidebar-wrapper-style2 .mileage_group .ui-slider-horizontal .ui-slider-handle, .sidebar-wrapper-style2 .price_group .ui-slider-horizontal .ui-slider-handle { top: -.2em; width: 0.8em; height: 0.8em; border-radius: 0px; border: 2px solid transparent !important; background: #ffffff !important; } .sidebar-wrapper-style2 .year_group .ui-slider-horizontal .ui-widget-header, .sidebar-wrapper-style2 .mileage_group .ui-slider-horizontal .ui-widget-header, .sidebar-wrapper-style2 .price_group .ui-slider-horizontal .ui-widget-header { background: transparent; } .sidebar-wrapper-style2 .year_group .form-control, .sidebar-wrapper-style2 .mileage_group .form-control, .sidebar-wrapper-style2 .price_group .form-control { font-size: 14px; background: transparent; color: #a0a0a0; border-color: #b6b6b6; height: 42px; border-radius: 4px; } .sidebar-wrapper-style2 .btn_search.lg_btn_search .btn { margin-top: 10px; margin-bottom: -10px; border-radius: 4px; height: 53px; background-color: transparent; } .sidebar-wrapper-style2.search-sidebar-wrapper .messagepop h3 { font-size: 16px; font-weight: 600; color: #222; border-bottom: 1px solid rgba(0, 0, 0, 0.4); padding-bottom: 15px; } .sidebar-wrapper-style2.search-sidebar-wrapper .messagepop p { font-size: 14px; font-weight: 400; color: #222; } .sidebar-wrapper-style2.alert-update-sidebar-wrapper { margin-bottom: 40px; } .sidebar-wrapper-style2.alert-update-sidebar-wrapper .btn_search .btn { margin-top: 10px; border-radius: 4px; height: 53px; background-color: transparent; } .sidebar-wrapper-style2.calculator-sidebar-wrapper { padding-bottom: 20px; margin-bottom: 70px; } .sidebar-wrapper-style2.calculator-sidebar-wrapper.modal-body { margin-top: 0px; margin-bottom: 0px; border: none; padding-top: 30px; background: transparent; } .sidebar-wrapper-style2.calculator-sidebar-wrapper .title { margin-bottom: 30px; } .sidebar-wrapper-style2.calculator-sidebar-wrapper .btn_submit .btn { margin-top: 10px; border-radius: 0px; height: 42px; background-color: transparent; border-radius: 4px; } .sidebar-wrapper-style2.calculator-sidebar-wrapper select.form-control:not([size]):not([multiple]) { font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background: url("../icons/icon_arrow.svg") no-repeat #FFF; background-position: calc(100% - 12px) center; background-size: 10px; } .sidebar-wrapper-style2.calculator-sidebar-wrapper .payment_wrapper { padding-top: 20px; } .sidebar-wrapper-style2.calculator-sidebar-wrapper .payment_wrapper .payment { display: block; font-family: "Lato", sans-serif; font-weight: 700; color: #ababab; font-size: 14px; } .sidebar-wrapper-style2.calculator-sidebar-wrapper .payment_wrapper .payment_nber { display: block; text-align: right; font-family: "Lato", sans-serif; font-weight: 700; color: #222222; font-size: 14px; } .sidebar-wrapper-style2.calculator-sidebar-wrapper .payment_wrapper .payment_nber.calc-loan-amount:before { content: "$"; text-align: right; font-family: "Lato", sans-serif; font-weight: 700; color: #222222; font-size: 14px; } .sidebar-wrapper-style2.calculator-sidebar-wrapper .payment_wrapper .payment_nber.calc-monthly-payment:before { content: "$"; text-align: right; font-family: "Lato", sans-serif; font-weight: 700; color: #222222; font-size: 18px; } .sidebar-wrapper-style2.calculator-sidebar-wrapper .form-group label { font-family: "Lato", sans-serif; font-size: 14px; color: #222222; font-weight: 400; line-height: 15px; padding-top: 13px; } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper { padding-bottom: 0px; } @media (max-width: 980px) { .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper { margin-top: 25px; margin-bottom: 50px; border-bottom: none; background: transparent; border: none; } } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper { border-bottom: 1px solid #dcdcdc; } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion { font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; color: #ababab; display: block; background-color: #FFF; height: 50px; padding: 12px 20px; padding-top: 12px; position: relative; text-decoration: none; } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion:hover, .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion:focus { background-color: rgba(0, 0, 0, 0.02); } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion:before { content: ""; width: 30px; height: 30px; position: absolute; right: 20px; top: 10px; background: url("../icons/icon_plus_tab.svg") no-repeat center center; } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion .icon { margin-right: 10px; } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion .icon.open { display: none; } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion .icon.closed { display: inline-block; } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_detail { padding: 20px; display: none; background: #FFF; } @media (max-width: 980px) { .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_detail { margin-top: -5px; margin-bottom: -2px; border: 1px solid #e3e3e3; } } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_detail form.customized .input-group { margin-bottom: 15px; } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_detail form.customized .input-group .input-group-prepend .input-group-text { padding: 12px 0px; padding-left: 20px; width: 87px; } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper.active .btn_detail { display: block; } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper.active .btn_accordion { border-bottom: 1px solid transparent; background-color: rgba(0, 0, 0, 0.04); } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper.active .btn_accordion:before { background: url("../icons/icon_minus.svg") no-repeat center center; } @media (max-width: 980px) { .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper { border-bottom: 1px solid transparent; } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_detail { margin-bottom: 5px; } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion { border: 1px solid rgba(0, 0, 0, 0.06); text-align: center; margin-top: 0px; margin-bottom: 5px; } .sidebar-wrapper-style2.vdp-vehicle-sidebar-wrapper .btn_area_wrapper .btn_accordion .icon { float: left; top: 5px; margin-right: -16px; } } .sidebar-wrapper-style2.alert-sidebar-wrapper .title { margin-bottom: 30px; } .sidebar-wrapper-style2.alert-sidebar-wrapper .btn_submit .btn { margin-top: 0px; border-radius: 0px; height: 42px; background-color: transparent; border-radius: 4px; } .sidebar-wrapper-style2 .desc { margin-top: 20px; font-family: "Lato", sans-serif; font-weight: 400; font-size: 16px; color: #000000; } .sidebar-wrapper-style2 .custom-control-label { font-family: "Lato", sans-serif; font-weight: 400; font-size: 14px; color: #787878; cursor: pointer; } @media (max-width: 980px) { .sidebar-wrapper-style2.search-sidebar-wrapper { position: fixed; right: 0px; top: 0px; transform: translateX(100vw); transition: ease 500ms; background-color: #FFF; width: calc(100% - 66px); height: 100%; max-height: 100%; overflow: auto; z-index: 99999999; margin-top: 0px; padding-bottom: 60px; } .sidebar-wrapper-style2.search-sidebar-wrapper.display { transform: translateX(0px); } } @media (max-width: 980px) and (max-width: 980px) { .sidebar-wrapper-style2.search-sidebar-wrapper .btn_search .btn { position: fixed; margin-top: 25px; height: 53px; bottom: 0; right: 0; left: 0; display: block; z-index: 2147483647; } } @media (max-width: 980px) { .sidebar-wrapper-style2.search-sidebar-wrapper .year_group label, .sidebar-wrapper-style2.search-sidebar-wrapper .mileage_group label, .sidebar-wrapper-style2.search-sidebar-wrapper .price_group label { font-size: 12px; font-weight: 300; } .sidebar-wrapper-style2.search-sidebar-wrapper .year_group .form-control, .sidebar-wrapper-style2.search-sidebar-wrapper .mileage_group .form-control, .sidebar-wrapper-style2.search-sidebar-wrapper .price_group .form-control { font-size: 12px; height: 38px !important; padding-left: 15px; } .sidebar-wrapper-style2.search-sidebar-wrapper .show_saved_search_wrapper .btn_show_saved_search { margin-left: auto !important; } } @media (max-width: 980px) { .btn_search_sidebar_mobile { transition: ease 500ms; transform: translateX(100vw); position: fixed; margin-top: 25px; height: 53px; bottom: 0; width: calc(100% - 66px); right: 0; display: block; z-index: 999999999999; } .btn_search_sidebar_mobile.display { transform: translateX(0px); } .btn_search_sidebar_mobile .btn { height: 53px; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; line-height: 24px; background-color: transparent; border-radius: 0px; } } @media (min-width: 980px) { .mobile_filter { display: none; } } .overlay_mobile_filter { position: fixed; width: 100%; height: 100%; z-index: 999999; background-color: rgba(0, 0, 0, 0.7); left: 0px; top: 0px; transition: ease 500ms; opacity: 0; pointer-events: none; } .overlay_mobile_filter.display { opacity: 1; pointer-events: all; } .sort_wrapper { padding: 3px; } @media (max-width: 980px) { .sort_wrapper { margin: 0px; margin-bottom: 0px; } } @media (max-width: 670px) { .sort_wrapper { margin: 0px 0px; margin-bottom: 0px; } } .sort_wrapper .total_wrapper .title { font-size: 15px; font-family: "Lato", sans-serif; font-weight: 700; padding: 14px 0px; color: #222222; border-bottom: 2px solid transparent; text-transform: uppercase; } .sort_wrapper .sort_content .subtitle { font-size: 14px; font-weight: 400; color: #333; height: 43px; line-height: 43px; display: inline-block; } @media (max-width: 670px) { .sort_wrapper .filter_content { padding: 0px; } } .sort_wrapper .bloc_title, .sort_wrapper .filter_item { font-size: 14px; font-weight: 400; color: #333; height: 43px; line-height: 43px; display: inline-block; width: 100%; max-width: 100px; margin-bottom: 0px; text-decoration: none; } @media (max-width: 670px) { .sort_wrapper .bloc_title, .sort_wrapper .filter_item { width: auto; padding-right: 2vw; padding-left: 2vw; } } .sort_wrapper .sort_by_label_wrapper { margin-bottom: 0px; } .sort_wrapper .sort_by_label_wrapper select.form-control { display: inline-block; max-width: 160px; } .sort_wrapper .arrow, .sort_wrapper .filter_item:before, .sort_wrapper .filter_item:after, .sort_wrapper .pagination_wrapper .pagination li.prev-btn a:before, .pagination_wrapper .pagination li.prev-btn .sort_wrapper a:before, .sort_wrapper .pagination_wrapper .pagination li.next-btn a:before, .pagination_wrapper .pagination li.next-btn .sort_wrapper a:before { width: 6px; height: 6px; border: 1px solid #CCC; background-size: 8px; position: absolute; right: 20px; display: block; } @media (max-width: 670px) { .sort_wrapper .arrow, .sort_wrapper .filter_item:before, .sort_wrapper .filter_item:after, .sort_wrapper .pagination_wrapper .pagination li.prev-btn a:before, .pagination_wrapper .pagination li.prev-btn .sort_wrapper a:before, .sort_wrapper .pagination_wrapper .pagination li.next-btn a:before, .pagination_wrapper .pagination li.next-btn .sort_wrapper a:before { right: 2vw; } } .sort_wrapper .filter_item { position: relative; text-align: center; padding-right: 30px; } .sort_wrapper .filter_item:before { content: ""; transform: rotate(45deg); border-bottom: none; border-right: none; top: calc(50% - 6px); } .sort_wrapper .filter_item:after { content: ""; transform: rotate(45deg); top: 50%; border-top: none; border-left: none; border-color: transparent; } .sort_wrapper .filter_item.desc:before, .sort_wrapper .filter_item.sort_desc:before { border-color: transparent; } .sort_wrapper .filter_item.desc:after, .sort_wrapper .filter_item.sort_desc:after { border-color: transparent; } .sort_wrapper .filter_item.asc:after { border-color: transparent; } .sort_wrapper .style_btn, .sort_wrapper .list_style, .sort_wrapper .grid_style { display: block; width: 22px; height: 43px; float: right; margin-left: 10px; } .sort_wrapper .list_style { background: url(../icons/icon_list_off.svg) no-repeat center right; background-size: 22px; } .sort_wrapper .list_style.active { background: url(../icons/icon_list.svg) no-repeat center right; background-size: 22px; } @media (max-width: 768px) { .sort_wrapper .list_style { display: none; } } .sort_wrapper .grid_style { background: url(../icons/icon_grid_off.svg) no-repeat center right; background-size: 22px; } .sort_wrapper .grid_style.active { background: url(../icons/icon_grid.svg) no-repeat center right; background-size: 22px; } @media (max-width: 768px) { .sort_wrapper .grid_style { display: none; } } .sort_wrapper .filter_btn_mobile { border-right: none; float: right; text-align: right; padding-right: 8px; } .sort_wrapper .filter_btn_mobile .icon { margin-left: 10px; width: 36px; height: 36px; } @media (max-width: 670px) { .sort_wrapper .filter_btn_mobile .icon { margin-left: 10px; width: 25px; height: 27px; right: 4px; } } @media (max-width: 980px) { .search_result_wrapper { padding: 15px 25px; } } @media (max-width: 670px) { .search_result_wrapper { padding: 0px; } } .inventory_vehicle_item { position: relative; margin-top: 15px; } .inventory_vehicle_item.grid .description { min-height: 141px; } .inventory_vehicle_item.grid .vehicle_history_report_wrapper { min-height: 38px; } @media (max-width: 980px) { .inventory_vehicle_item { margin-top: 0px; border-top: none; } } .inventory_vehicle_item .same_attr, .inventory_vehicle_item .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .save, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .inventory_vehicle_item .save, .inventory_vehicle_item .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .share, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .inventory_vehicle_item .share, .inventory_vehicle_item .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .compare, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .inventory_vehicle_item .compare, .inventory_vehicle_item .save, .inventory_vehicle_item .share, .inventory_vehicle_item .compare, .inventory_vehicle_item .photos, .inventory_vehicle_item .photo .save, .inventory_vehicle_item .photo .share, .inventory_vehicle_item .photo .compare { position: absolute; top: 12px; background-color: rgba(0, 0, 0, 0.65); width: 29px; height: 29px; } .inventory_vehicle_item .same_attr .icon, .inventory_vehicle_item .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .save .icon, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .inventory_vehicle_item .save .icon, .inventory_vehicle_item .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .share .icon, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .inventory_vehicle_item .share .icon, .inventory_vehicle_item .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .compare .icon, .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .inventory_vehicle_item .compare .icon, .inventory_vehicle_item .save .icon, .inventory_vehicle_item .share .icon, .inventory_vehicle_item .compare .icon, .inventory_vehicle_item .photos .icon { display: block; margin: auto; top: 7px; } .inventory_vehicle_item .save { left: 12px; cursor: pointer; background-color: transparent; } @media (max-width: 680px) { .inventory_vehicle_item .save { width: 54px; height: 48px; } } .inventory_vehicle_item .save span:before { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3) !important; } @media (max-width: 680px) { .inventory_vehicle_item .save span { font-size: 40px; } } .inventory_vehicle_item .share { left: 47px; display: none; } .inventory_vehicle_item .compare { left: 47px; width: auto !important; padding-right: 8px; line-height: 29px; font-family: "Lato", sans-serif; font-size: 12px; color: #FFF !important; cursor: pointer; font-weight: 300; } .inventory_vehicle_item .compare .icon { margin-left: 6px; margin-right: 6px; display: block; float: left; top: 6px; width: 20px; height: 18px; } .inventory_vehicle_item .compare .icon.on { display: none; } .inventory_vehicle_item .compare .icon.off { display: block; } .inventory_vehicle_item .compare.added .icon.on { display: block; } .inventory_vehicle_item .compare.added .icon.off { display: none; } .inventory_vehicle_item .photos { right: 12px; } @media (max-width: 980px) { .inventory_vehicle_item .photos { right: 15px; } } .inventory_vehicle_item .photos .photos_nbr { position: absolute; right: 2px; top: 2px; background-color: transparent; color: #FFF; font-weight: 400; font-size: 8px; display: block; width: 12px; height: 12px; border-radius: 12px; text-align: center; line-height: 12px; padding-right: 1px; } .inventory_vehicle_item .photo { height: 225px; background: #f9f9f9; } @media (max-width: 980px) { .inventory_vehicle_item .photo { height: auto; } } .inventory_vehicle_item .photo .carousel_photos_wrapper { position: relative; z-index: 0; } .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper_arrow, .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-next, .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-prev, .inventory_vehicle_item .photo .carousel_photos_wrapper .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-next, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-next, .inventory_vehicle_item .photo .carousel_photos_wrapper .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-prev, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-prev, .inventory_vehicle_item .photo .carousel_photos_wrapper .carousel_vehicle_detail .slick-next, .carousel_vehicle_detail .inventory_vehicle_item .photo .carousel_photos_wrapper .slick-next, .inventory_vehicle_item .photo .carousel_photos_wrapper .carousel_vehicle_detail .slick-prev, .carousel_vehicle_detail .inventory_vehicle_item .photo .carousel_photos_wrapper .slick-prev, .inventory_vehicle_item .photo .carousel_photos_wrapper .carousel_vehicle_detail_nav .slick-next, .carousel_vehicle_detail_nav .inventory_vehicle_item .photo .carousel_photos_wrapper .slick-next, .inventory_vehicle_item .photo .carousel_photos_wrapper .carousel_vehicle_detail_nav .slick-prev, .carousel_vehicle_detail_nav .inventory_vehicle_item .photo .carousel_photos_wrapper .slick-prev { width: 15px; background: url(../icons/arrow_white.svg) no-repeat center center; } .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-next { transform: rotate(180deg); right: 11px; } .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-prev { left: 11px; } .inventory_vehicle_item .photo .carousel_photos_wrapper img { width: 100%; max-width: none; height: auto; transform: translateX(0px) scale3d(1, 1, 1); } .inventory_vehicle_item .photo .save { left: 30px; cursor: pointer; background-color: transparent; } @media (max-width: 680px) { .inventory_vehicle_item .photo .save { width: 54px; height: 48px; } } .inventory_vehicle_item .photo .save span:before { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3) !important; } @media (max-width: 680px) { .inventory_vehicle_item .photo .save span { font-size: 40px; } } .inventory_vehicle_item .photo .share { left: 65px; display: none; } .inventory_vehicle_item .photo .compare { left: 65px; } .inventory_vehicle_item .details_holder { position: relative; padding: 10px 12px; transition: ease 300ms; } .inventory_vehicle_item .details_holder .title_holder { float: left; width: 70%; } .inventory_vehicle_item .details_holder .title_holder .name { font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400; color: #333; margin: 0px; } @media (max-width: 670px) { .inventory_vehicle_item .details_holder .title_holder .name { padding-top: 0vw; font-size: 4.8vw; } } .inventory_vehicle_item .details_holder .price_holder { float: right; font-family: "Lato", sans-serif; font-size: 12px; font-weight: 400; color: #333; height: 40px; width: 30%; transform: translateX(12px); text-align: right; } @media (max-width: 400px) { .inventory_vehicle_item .details_holder .price_holder { width: 25%; font-size: 10px; } } .inventory_vehicle_item .details_holder .price_holder span { display: block; padding-right: 8px; padding-left: 0px; } .inventory_vehicle_item .details_holder .price_holder .price { font-size: 16px; padding-top: 4px; color: transparent; } @media (max-width: 480px) { .inventory_vehicle_item .details_holder .price_holder .price { font-size: 20px; color: inherit; color: transparent !important; } } .inventory_vehicle_item .details_holder .price_holder .msrp { display: none; } .inventory_vehicle_item .details_holder .price_holder .symbol { font-style: normal; } .inventory_vehicle_item .details_holder .price_holder.has_msrp .price { padding-top: 0px; transform: translateY(-4px); } @media (max-width: 400px) { .inventory_vehicle_item .details_holder .price_holder.has_msrp .price { transform: translateY(-1px); } } .inventory_vehicle_item .details_holder .price_holder.has_msrp .msrp { transform: translateY(-9px); display: block; } @media (max-width: 400px) { .inventory_vehicle_item .details_holder .price_holder.has_msrp .msrp { transform: translateY(-7px); } } .inventory_vehicle_item .details_holder .description { font-family: "Lato", sans-serif; line-height: 24px; font-size: 12px; color: #787878; background-color: #FFF; padding: 10px 0px; margin-top: 20px; padding-top: 10px; border-top: 1px solid #CCC; margin-top: 50px; margin-left: auto; margin-right: auto; position: relative; z-index: 2; } .inventory_vehicle_item .details_holder .description .option { padding-left: 0px; padding-right: 0px; line-height: 15px; margin-bottom: 8px; overflow: hidden; } .inventory_vehicle_item .details_holder .description .option .icon { width: 14px; height: 14px; margin-right: 5px; } .inventory_vehicle_item .details_holder .vehicle_history_report_wrapper a { display: inline-block; height: 38px; margin-right: 15px; } .inventory_vehicle_item .details_holder .btns_holder { width: 100%; margin: auto; margin-top: 20px; border-top: 1px solid #CCC; padding-top: 10px; padding-bottom: 5px; } .inventory_vehicle_item .details_holder .btns_holder .col { padding: 0px; } .inventory_vehicle_item .details_holder .btns_holder .col.right-align { text-align: right; } .inventory_vehicle_item .details_holder .btns_holder a { font-family: "Lato", sans-serif; font-size: 12px; font-weight: 400; color: #000; margin-top: 7px; text-decoration: none; } .inventory_vehicle_item .details_holder .btns_holder a .icon { width: 20px; height: 17px; } @media (max-width: 485px) { .inventory_vehicle_item .details_holder .btns_holder .availability { display: none !important; } } .inventory_vehicle_item .details_holder .btns_holder .call-us { display: none !important; } @media (max-width: 485px) { .inventory_vehicle_item .details_holder .btns_holder .call-us { display: block !important; } } .inventory_vehicle_item .details_holder .btns_holder .text_us .icon.white { display: none; } @media (max-width: 485px) { .inventory_vehicle_item .details_holder .btns_holder .text_us .icon.white { display: initial; } } .inventory_vehicle_item .details_holder .btns_holder .text_us .icon.red { display: initial; } @media (max-width: 485px) { .inventory_vehicle_item .details_holder .btns_holder .text_us .icon.red { display: none; } } @media (max-width: 485px) { .inventory_vehicle_item .details_holder .btns_holder { background-color: #FFF; opacity: 1; padding-top: 20px; margin-bottom: -3px; padding-bottom: 30px; } .inventory_vehicle_item .details_holder .btns_holder a { display: block; float: none !important; background-color: transparent; color: #FFF; padding: 10px 20px; margin: auto; max-width: calc(100% - 70px); margin-bottom: 15px; text-align: center; font-size: 16px; border-radius: 4px; height: auto; padding-top: 15px; text-transform: uppercase; letter-spacing: 1px; } .inventory_vehicle_item .details_holder .btns_holder a .icon { width: 30px; height: 25px; top: -2px; margin-right: 5px; } .inventory_vehicle_item .details_holder .btns_holder a:hover { background-color: transparent; } } .inventory_vehicle_item:hover, .inventory_vehicle_item:focus, .inventory_vehicle_item:active { box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07); } @media (min-width: 980px) { .inventory_vehicle_item:hover a.availability, .inventory_vehicle_item:focus a.availability, .inventory_vehicle_item:active a.availability { color: #FFF !important; border-radius: 0px !important; } } @media (min-width: 980px) { .inventory_vehicle_item:hover .btns_holder:hover a.availability, .inventory_vehicle_item:hover .btns_holder:focus a.availability, .inventory_vehicle_item:hover .btns_holder:active a.availability, .inventory_vehicle_item:focus .btns_holder:hover a.availability, .inventory_vehicle_item:focus .btns_holder:focus a.availability, .inventory_vehicle_item:focus .btns_holder:active a.availability, .inventory_vehicle_item:active .btns_holder:hover a.availability, .inventory_vehicle_item:active .btns_holder:focus a.availability, .inventory_vehicle_item:active .btns_holder:active a.availability { background: inherit !important; color: #000 !important; } } @media (min-width: 980px) { .inventory_vehicle_item:hover .btns_holder:hover a:hover, .inventory_vehicle_item:hover .btns_holder:focus a:hover, .inventory_vehicle_item:hover .btns_holder:active a:hover, .inventory_vehicle_item:focus .btns_holder:hover a:hover, .inventory_vehicle_item:focus .btns_holder:focus a:hover, .inventory_vehicle_item:focus .btns_holder:active a:hover, .inventory_vehicle_item:active .btns_holder:hover a:hover, .inventory_vehicle_item:active .btns_holder:focus a:hover, .inventory_vehicle_item:active .btns_holder:active a:hover { color: #FFF !important; border-radius: 0px !important; } } @media (min-width: 981px) { .inventory_vehicle_item.list { height: 229px; position: relative; overflow: hidden; } } @media (max-width: 980px) { .inventory_vehicle_item.list .photos { right: 33px; } } @media (max-width: 680px) { .inventory_vehicle_item.list .photos { width: 53px; height: 53px; } .inventory_vehicle_item.list .photos .photos_nbr { right: 4px; top: 8px; font-size: 12px; width: 20px; height: 20px; line-height: 17px; } .inventory_vehicle_item.list .photos .icon { width: 30px; height: 26px; top: 12px; } } .inventory_vehicle_item.list .description .option ul { height: 40px; } @media (max-width: 980px) { .inventory_vehicle_item.list .description .option ul { height: 50px; } } .inventory_vehicle_item.list .details_holder { padding: 1px 0px; } @media (max-width: 980px) { .inventory_vehicle_item.list .details_holder { padding: 10px 12px; } } .inventory_vehicle_item.list .details_holder .options li { display: inline-block; margin-right: 5px; font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400; color: #333; } @media (max-width: 768px) { .inventory_vehicle_item.list .details_holder .options li { font-size: 3.5vw; } } .inventory_vehicle_item.list .details_holder .title_price { background-color: #f9f9f9; padding: 10px 30px; float: left; width: 100%; position: relative; z-index: 2; } .inventory_vehicle_item.list .details_holder .title_price .name { color: #000; } @media (max-width: 980px) { .inventory_vehicle_item.list .details_holder .title_price { padding: 0px; background-color: #FFF; } .inventory_vehicle_item.list .details_holder .title_price .title_holder { width: 60%; } .inventory_vehicle_item.list .details_holder .title_price .options { display: none; } } .inventory_vehicle_item.list .details_holder .vehicle_history_report_wrapper { text-align: right; } .inventory_vehicle_item.list .details_holder .vehicle_history_report_wrapper a { margin-right: 0px; margin-left: 15px; } @media (max-width: 980px) { .inventory_vehicle_item.list .details_holder .vehicle_history_report_wrapper { text-align: left; margin-left: -15px; margin-right: -15px; padding-top: 10px; padding-bottom: 8px; } .inventory_vehicle_item.list .details_holder .vehicle_history_report_wrapper a { margin-right: 15px; margin-left: 0px; } } .inventory_vehicle_item.list .details_holder .description { float: left; width: 100%; margin-top: 0px; border-top: none; padding: 10px 30px; padding-bottom: 8px; } @media (max-width: 980px) { .inventory_vehicle_item.list .details_holder .description { padding: 10px 0px; border-top: 1px solid #cccccc; margin-top: 7px; } } .inventory_vehicle_item.list .details_holder .description .desc { margin-bottom: 0px; line-height: 15px; padding-bottom: 15px; padding-top: 10px; height: 55px; overflow: hidden; font-size: 16px; } @media (max-width: 1175px) { .inventory_vehicle_item.list .details_holder .description .desc { padding-bottom: 7px; padding-top: 0px; } } @media (max-width: 1142px) { .inventory_vehicle_item.list .details_holder .description .desc { padding-bottom: 0px; padding-top: 0px; } } .inventory_vehicle_item.list .details_holder .description .desc a { color: transparent; font-weight: 400; } .inventory_vehicle_item.list .details_holder .description ul li { display: inline-block; padding-right: 20px; line-height: 20px; text-transform: capitalize; font-size: 16px; } @media (max-width: 1142px) { .inventory_vehicle_item.list .details_holder .description ul li { padding-right: 10px; line-height: 17px; } } @media (max-width: 980px) { .inventory_vehicle_item.list .details_holder .description ul li { line-height: 23px; width: 49%; margin-right: 0px; padding-right: 0px; } } .inventory_vehicle_item.list .details_holder .btns_holder { margin-top: 5px; padding-bottom: 2px; padding-top: 2px; border-top: 1px solid #e3e3e3; } .inventory_vehicle_item.list .details_holder .btns_holder a { margin-top: -3px; text-decoration: none; display: block; padding: 10px 0px; font-size: 16px; border-radius: 4px; } .inventory_vehicle_item.list .details_holder .btns_holder a .icon { margin-right: 8px; } .inventory_vehicle_item.list .details_holder .btns_holder a.availability .icon.white { display: none; } @media (min-width: 980px) { .inventory_vehicle_item.list .details_holder .btns_holder .icon { display: inline-block; } .inventory_vehicle_item.list .details_holder .btns_holder .icon.white { display: none; } } @media (max-width: 480px) { .inventory_vehicle_item.list .details_holder .btns_holder { padding-top: 20px; padding-bottom: 30px; } .inventory_vehicle_item.list .details_holder .btns_holder a { padding: 8px 0px; font-size: 16px; padding-top: 15px; height: 53px; letter-spacing: 1px; text-transform: uppercase; } .inventory_vehicle_item.list .details_holder .btns_holder a .icon { top: -2px; margin-right: 5px; } } .inventory_vehicle_item.list .details_holder .btns_holder .check_availability_holder .icon.white { display: none; } @media (max-width: 980px) { .inventory_vehicle_item.list .details_holder .btns_holder .check_availability_holder { text-align: left !important; } } .inventory_vehicle_item.list .details_holder .btns_holder .text_us_holder { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; } @media (max-width: 980px) { .inventory_vehicle_item.list .details_holder .btns_holder .text_us_holder { text-align: right !important; border-right: none; border-left: none; } } @media (min-width: 980px) { #inventory-list.become-gride .inventory_vehicle_item.list .details_holder .btns_holder { height: 50px; padding-top: 0px; padding-bottom: 0px; } #inventory-list.become-gride .inventory_vehicle_item.list .details_holder .btns_holder .check_availability_holder { position: absolute; left: -13px; text-align: center !important; height: 50px; max-width: calc(60% + 13px) !important; z-index: 9; } #inventory-list.become-gride .inventory_vehicle_item.list .details_holder .btns_holder .check_availability_holder a { margin-top: 0px; padding: 13px 0px !important; width: 100%; } #inventory-list.become-gride .inventory_vehicle_item.list .details_holder .btns_holder .text_us_holder { position: absolute; right: -12px; text-align: center !important; height: 50px; max-width: calc(40% + 12px) !important; z-index: 9; } #inventory-list.become-gride .inventory_vehicle_item.list .details_holder .btns_holder .text_us_holder a { margin-top: 0px; padding: 13px 0px !important; width: 100%; } } #inventory-list.become-gride .inventory_vehicle_item.list .description .option ul { min-height: 80px; } #inventory-list.become-gride .image_comming_soon_slide .image_comming_soon { height: 197px; } #inventory-list.become-gride .inventory_vehicle_item .details_holder .description ul li { font-size: 12px; } #inventory-list.become-gride .inventory_vehicle_item.layout_03.list .description .option ul { height: auto; min-height: 80px; } #inventory-list.become-gride .inventory_vehicle_item.layout_default.list .details_holder .description ul li, #inventory-list.become-gride .inventory_vehicle_item.layout_03.list .details_holder .description ul li { font-size: 12px !important; } @media (min-width: 980px) { #inventory-list.become-gride .inventory_vehicle_item.layout_default.list .details_holder .title_holder, #inventory-list.become-gride .inventory_vehicle_item.layout_03.list .details_holder .title_holder { height: 22px; overflow: hidden; } } #inventory-list.become-gride .inventory_vehicle_item.layout_default:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_default:focus, #inventory-list.become-gride .inventory_vehicle_item.layout_default:active, #inventory-list.become-gride .inventory_vehicle_item.layout_03:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_03:focus, #inventory-list.become-gride .inventory_vehicle_item.layout_03:active { box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07); } @media (min-width: 980px) { #inventory-list.become-gride .inventory_vehicle_item.layout_default:hover a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_default:focus a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_default:active a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_03:hover a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_03:focus a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_03:active a.availability { display: inline-block !important; position: relative; margin-top: 0px !important; left: 0px; bottom: 0px; } } @media (min-width: 980px) { #inventory-list.become-gride .inventory_vehicle_item.layout_default:hover .btns_holder:hover a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_default:hover .btns_holder:focus a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_default:hover .btns_holder:active a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_default:focus .btns_holder:hover a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_default:focus .btns_holder:focus a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_default:focus .btns_holder:active a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_default:active .btns_holder:hover a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_default:active .btns_holder:focus a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_default:active .btns_holder:active a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_03:hover .btns_holder:hover a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_03:hover .btns_holder:focus a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_03:hover .btns_holder:active a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_03:focus .btns_holder:hover a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_03:focus .btns_holder:focus a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_03:focus .btns_holder:active a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_03:active .btns_holder:hover a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_03:active .btns_holder:focus a.availability, #inventory-list.become-gride .inventory_vehicle_item.layout_03:active .btns_holder:active a.availability { background: inherit !important; color: #000 !important; } } @media (min-width: 980px) { #inventory-list.become-gride .inventory_vehicle_item.layout_default:hover .btns_holder:hover a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_default:hover .btns_holder:focus a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_default:hover .btns_holder:active a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_default:focus .btns_holder:hover a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_default:focus .btns_holder:focus a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_default:focus .btns_holder:active a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_default:active .btns_holder:hover a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_default:active .btns_holder:focus a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_default:active .btns_holder:active a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_03:hover .btns_holder:hover a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_03:hover .btns_holder:focus a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_03:hover .btns_holder:active a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_03:focus .btns_holder:hover a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_03:focus .btns_holder:focus a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_03:focus .btns_holder:active a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_03:active .btns_holder:hover a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_03:active .btns_holder:focus a:hover, #inventory-list.become-gride .inventory_vehicle_item.layout_03:active .btns_holder:active a:hover { color: #FFF !important; } } @media (max-width: 980px) { #inventory-list:not(.become-gride) { padding: 0px; } } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 { height: auto; } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4:hover a.availability, #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4:focus a.availability, #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4:active a.availability { margin-top: 0px !important; border-radius: 4px !important; } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .photo { height: auto; } @media (min-width: 980px) { #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .photo .carousel_photos_wrapper .swiper-slide { height: auto; } } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .details_holder .description { padding-right: 0px; } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .details_holder .description .desc { height: auto; min-height: 68px; } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .details_holder .description .option { margin-top: 10px; } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .details_holder .title_price { z-index: 9; } @media (min-width: 980px) { #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .details_holder .price_holder { position: absolute; right: 56px; top: 85px; background: transparent; padding: 5px; border-radius: 4px; z-index: 999; height: auto; max-width: 29%; width: 100%; } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .details_holder .price_holder .price { color: #333; background: #FFF; font-weight: 600; text-align: center; border-radius: 4px; } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .details_holder .price_holder .internet_price { color: #FFF; text-align: center; font-size: 14px; margin-bottom: -2px; } } @media (min-width: 980px) and (max-width: 980px) { #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .details_holder .price_holder .internet_price { display: none; } } @media (min-width: 980px) { #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .details_holder .btns_holder { border-top: none !important; padding-left: 15px; max-width: calc(100% - 45px); margin: 0px; } } @media (min-width: 980px) { #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .details_holder .btns_holder .col { border: none !important; padding-left: 15px !important; padding-right: 0px !important; } } @media (min-width: 980px) { #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .details_holder .btns_holder .col a { padding: 9px 0px; border: 1px solid #CCC !important; border-radius: 4px !important; margin-bottom: 10px; margin-top: -2px !important; padding: 10px 0px !important; margin-left: -1px !important; } } @media (max-width: 480px) { #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .details_holder .btns_holder .col a { padding: 15px 0px; } } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .details_holder .vehicle_history_report_wrapper { text-align: left; } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_4 .details_holder .vehicle_history_report_wrapper a { margin-right: 15px; margin-left: 0px; } @media (max-width: 980px) { #inventory-list:not(.become-gride) { padding: 0px; } } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_3 { height: auto; } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_3:hover a.availability, #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_3:focus a.availability, #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_3:active a.availability { margin-top: 0px !important; } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_3 .photo { height: auto; } @media (min-width: 980px) { #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_3 .photo .carousel_photos_wrapper .swiper-slide { height: auto; } } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_3 .details_holder .btns_holder .col { border: none !important; } @media (min-width: 980px) { #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_3 .details_holder .btns_holder .col a { padding: 9px 0px; border: 1px solid #CCC !important; border-radius: 4px; margin-bottom: 12px; margin-top: 0px !important; } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_3 .details_holder .btns_holder .col a svg.icon { display: none !important; } } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_3 .details_holder .vehicle_history_report_wrapper { text-align: left; } #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_3 .details_holder .vehicle_history_report_wrapper a { margin-right: 15px; margin-left: 0px; } @media (min-width: 980px) { #inventory-list:not(.become-gride) .inventory_vehicle_item.layout_3 .details_holder .btns_holder { position: absolute; right: 25px; top: 72px; z-index: 9; width: 100%; max-width: 30%; border: none; } } .sub_header_wrapper { padding-top: 15px; } .sub_header_wrapper a { display: inline-block; width: 32px; height: 32px; background-color: #FFF; border-radius: 32px; text-align: center; padding-top: 3px; } .sub_header_wrapper a .icon { width: 16px; height: 20px; } .sub_header_wrapper a:hover, .sub_header_wrapper a:focus { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } .sub_header_wrapper a.return_link_text { width: auto; margin-left: 10px; border-radius: 0px; background: transparent; font-size: 14px; color: transparent; box-shadow: none !important; text-decoration: none; } .sub_header_wrapper .left_col { text-align: left; } .sub_header_wrapper .left_col a .icon { width: 10px; } .sub_header_wrapper .right_col { text-align: right; } .compare_nav_link { position: relative; } .compare_nav_link:before { content: attr(data-count); width: 17px; height: 17px; border-radius: 17px; background-color: transparent; position: absolute; font-size: 11px; color: #FFF; top: 16px; right: -5px; text-align: center; padding-top: 1px; padding-left: 1px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26); } @media (max-width: 980px) { .compare_nav_link:before { right: unset; left: 100px; padding-left: 0px; } } .compare_nav_link.xs-visible { display: none !important; opacity: 0; } .compare_wrapper { margin-bottom: 60px; max-width: calc(100% - 5px); } @media (max-width: 980px) { .compare_wrapper { max-width: 100%; border-left: none; border-right: none; } } @media (max-width: 480px) { .compare_wrapper { margin-top: 15px; } } .compare_wrapper .title_wrapper .title { font-size: 15px; font-weight: 700; color: #000; margin: 0px; text-transform: uppercase; margin-bottom: 20px; padding: 14px 0px; margin: 0px 15px; border-bottom: 2px solid transparent; } @media (max-width: 768px) { .compare_wrapper .sidebar-compare-meta-col { margin-top: 70px; background-color: #FFF; position: relative; z-index: 3; } } @media (max-width: 768px) { .compare_wrapper .carousel_compare_vehicles_col { position: relative; z-index: 1; } } .compare_wrapper .sidebar-compare-meta .total_vehicle_content { padding-top: 100px; padding-left: 20px; height: 378px; } @media (max-width: 768px) { .compare_wrapper .sidebar-compare-meta .total_vehicle_content { padding-top: 20px; height: 309px; } } .compare_wrapper .sidebar-compare-meta h4 { font-family: "Lato", sans-serif; font-weight: 400; font-size: 14px; color: #707070; text-align: center; } .compare_wrapper .sidebar-compare-meta .total { font-family: "Lato", sans-serif; font-weight: 300; font-size: 48px; color: transparent; width: 86px; height: 86px; background: #fafafa; display: block; border-radius: 100px; text-align: center; padding-top: 5px; margin: 10px auto; } .compare_wrapper .sidebar-compare-meta p { font-family: "Lato", sans-serif; font-weight: 400; font-size: 14px; color: #707070; text-align: center; margin-bottom: 0px; } .compare_wrapper .sidebar-compare-meta ul { padding-left: 20px; } .compare_wrapper .sidebar-compare-meta ul li { font-family: "Lato", sans-serif; font-weight: 400; font-size: 14px; color: #707070; height: 42px; padding: 0px; border-bottom: 1px solid #dcdcdc; padding: 10px 0px; } .compare_wrapper .sidebar-compare-meta ul li:first-child { border-top: 1px solid #dcdcdc; } .compare_wrapper #carousel_compare_vehicles_wrapper { padding-top: 80px; padding-right: 15px; padding-bottom: 40px; } @media (max-width: 768px) { .compare_wrapper #carousel_compare_vehicles_wrapper { overflow: visible; } } .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows { position: relative; } .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-prev, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-next { top: -35px; } .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper_arrow, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-next, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-prev, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail .slick-next, .carousel_vehicle_detail .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .slick-next, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail .slick-prev, .carousel_vehicle_detail .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .slick-prev, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail_nav .slick-next, .carousel_vehicle_detail_nav .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .slick-next, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail_nav .slick-prev, .carousel_vehicle_detail_nav .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .slick-prev { width: 32px; height: 32px; border-radius: 32px; background: url(../icons/icon_prev_arrow.svg) transparent no-repeat center center; } .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper_arrow.swiper-button-disabled, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-disabled.swiper-button-next, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-disabled.swiper-button-prev, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail .swiper-button-disabled.slick-next, .carousel_vehicle_detail .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-disabled.slick-next, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail .swiper-button-disabled.slick-prev, .carousel_vehicle_detail .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-disabled.slick-prev, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail_nav .swiper-button-disabled.slick-next, .carousel_vehicle_detail_nav .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-disabled.slick-next, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail_nav .swiper-button-disabled.slick-prev, .carousel_vehicle_detail_nav .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-disabled.slick-prev { background: url(../icons/icon_prev_arrow_red.svg) rgba(0, 0, 0, 0.03) no-repeat center center; } .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper_arrow:hover:not(.swiper-button-disabled), .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-next:hover:not(.swiper-button-disabled), .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-prev:hover:not(.swiper-button-disabled), .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail .slick-next:hover:not(.swiper-button-disabled), .carousel_vehicle_detail .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .slick-next:hover:not(.swiper-button-disabled), .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail .slick-prev:hover:not(.swiper-button-disabled), .carousel_vehicle_detail .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .slick-prev:hover:not(.swiper-button-disabled), .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail_nav .slick-next:hover:not(.swiper-button-disabled), .carousel_vehicle_detail_nav .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .slick-next:hover:not(.swiper-button-disabled), .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail_nav .slick-prev:hover:not(.swiper-button-disabled), .carousel_vehicle_detail_nav .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .slick-prev:hover:not(.swiper-button-disabled) { background: url(../icons/icon_prev_arrow.svg) transparent no-repeat center center; } .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-next { transform: rotate(180deg); right: 0px; } .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-prev { left: 0px; } @media (max-width: 768px) { .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-prev { left: -32vw; } } .compare_wrapper #carousel_compare_vehicles_wrapper .swiper-pagination { top: 30px; bottom: unset; width: auto; left: 50%; transform: translateX(-50%); background: #fafafa; height: 20px; border-radius: 40px; padding: 0px 10px; } @media (max-width: 768px) { .compare_wrapper #carousel_compare_vehicles_wrapper .swiper-pagination { width: 116%; left: 0%; transform: translateX(-23vw); overflow: hidden; } } .compare_wrapper #carousel_compare_vehicles_wrapper .swiper-pagination .swiper-pagination-bullet { width: 31px; height: 5px; border-radius: 10px; transform: translateY(-5px); margin: 0px 6px; } .compare_wrapper #carousel_compare_vehicles_wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: transparent; } .compare_wrapper #carousel_compare_vehicles_wrapper .vehicle_compare_item .photo_wrapper { overflow: hidden; position: relative; height: 220px; width: auto; display: inline-block; } .compare_wrapper #carousel_compare_vehicles_wrapper .vehicle_compare_item .photo_wrapper .photo { height: 100%; max-width: none; } @media (max-width: 480px) { .compare_wrapper #carousel_compare_vehicles_wrapper .vehicle_compare_item .photo_wrapper { position: static; } } @media (max-width: 480px) { .compare_wrapper #carousel_compare_vehicles_wrapper .vehicle_compare_item { position: relative; } } .compare_wrapper #carousel_compare_vehicles_wrapper .vehicle_compare_item .title { font-family: "Lato", sans-serif; font-weight: 700; font-size: 16px; color: #262626; padding: 0px; margin-top: 15px; width: 100%; overflow: hidden; height: 19px; } .compare_wrapper #carousel_compare_vehicles_wrapper .vehicle_compare_item .detail_link { font-family: "Lato", sans-serif; font-weight: 700; font-size: 14px; color: transparent; text-decoration: none; display: block; margin-bottom: 10px; } .compare_wrapper #carousel_compare_vehicles_wrapper .vehicle_compare_item .remove { position: absolute; right: 10px; top: 10px; padding: 2px; display: block; width: 25px; height: 25px; border-radius: 30px; text-align: center; background-color: black; z-index: 9; opacity: .8; } .compare_wrapper #carousel_compare_vehicles_wrapper .vehicle_compare_item .remove .icon { width: 10px; height: 10px; top: -4px; } .compare_wrapper #carousel_compare_vehicles_wrapper .vehicle_compare_item .detail_list li { font-family: "Lato", sans-serif; font-weight: 400; font-size: 14px; color: #262626; height: 42px; padding: 0px; border-bottom: 1px solid #dcdcdc; padding: 10px 0px; } .compare_wrapper #carousel_compare_vehicles_wrapper .vehicle_compare_item .detail_list li:first-child { border-top: 1px solid #dcdcdc; } .inventory_detail_item { margin-bottom: 30px; } .inventory_detail_item .additional_photos_row .additional_photos_col { margin-bottom: 10px; } .header_title { margin-top: 15px; } @media (max-width: 980px) { .header_title { padding-bottom: 0px !important; } .header_title .row.rmv-margin { margin-left: -15px !important; margin-right: -15px !important; } .header_title .row.rmv-margin .head_title { margin-right: 0px; } } .header_title .head_title { padding: 20px; margin-right: 10px; margin-top: 0px; } .header_title .head_title .option span { font-size: 16px; text-transform: uppercase; padding-right: 30px; } .header_title .head_title .option span .icon { margin-right: 8px; } .header_title .head_price { padding: 20px; margin-left: 5px; margin-top: 0px; position: relative; top: 0px; transform: translateY(0px); width: 100%; max-width: 398px; height: 100%; } @media (min-width: 980px) { .header_title .head_price.affix { position: fixed; top: 0px; transform: translateY(130px); width: 100%; max-width: 398px; height: auto; } } @media (min-width: 980px) { .header_title .head_price.relative { position: absolute; top: unset; bottom: 0px; transform: translateY(-100px); width: 100%; max-width: 398px; } } @media (max-width: 980px) { .header_title { background: transparent; border: none; padding: 10px 0px; margin-top: 0px; } } .header_title .title { font-size: 30px; font-weight: 700; color: #222222; margin: 0px; text-transform: uppercase; } @media (max-width: 980px) { .header_title .title { font-size: 18px; padding-bottom: 10px; } } .header_title .price { font-size: 30px; font-weight: 700; color: transparent; margin: 0px; text-align: right; } .header_title .price span { color: #000; float: left; } .header_title .price span .i_msrp { font-size: 16px; font-weight: 400; display: block; text-align: left; font-style: normal; } @media (max-width: 980px) { .header_title .price { text-align: left; margin-top: 20px; } } .header_title .msrp { font-size: 16px; font-weight: 400; display: block; color: #222222; text-transform: uppercase; margin: 0px; text-align: right; height: 24px; } @media (max-width: 980px) { .header_title .msrp { text-align: left; } } .main_photo_sidebar_wrapper { padding: 25px 20px; margin-top: 25px; position: relative; top: 0px; transform: translateY(0px); width: 100%; height: auto; max-height: calc(100vh - 240px); max-width: 398px; overflow: auto; } .main_photo_sidebar_wrapper .head_price { padding: 20px; margin-left: -21px; margin-right: -20px; margin-top: -25px; margin-bottom: 20px; padding-bottom: 20px; position: relative; border: 1px solid #e3e3e3; border-top: none; display: none; } .main_photo_sidebar_wrapper .head_price .price { font-size: 30px; font-weight: 700; color: transparent; margin: 0px; text-align: right; } .main_photo_sidebar_wrapper .head_price .price span { color: #000; float: left; } @media (max-width: 980px) { .main_photo_sidebar_wrapper .head_price .price { text-align: left; margin-top: 20px; } } .main_photo_sidebar_wrapper .head_price .msrp { font-size: 16px; font-weight: 400; display: block; color: #222222; text-transform: uppercase; margin: 0px; text-align: right; height: 24px; } @media (max-width: 980px) { .main_photo_sidebar_wrapper .head_price .msrp { text-align: left; } } @media (min-width: 980px) { .main_photo_sidebar_wrapper.affix { position: fixed; top: 0px; transform: translateY(230px); width: 100%; height: auto; max-height: calc(100vh - 240px); max-width: 398px; overflow: auto; } } @media (min-width: 980px) { .main_photo_sidebar_wrapper.relative { position: absolute; top: unset; bottom: 0px; transform: translateY(-100px); width: 100%; height: auto; max-height: calc(100vh - 240px); max-width: 398px; overflow: auto; } .main_photo_sidebar_wrapper.relative .head_price { display: block; } } .main_photo_sidebar_wrapper .viewed_people { margin: 0px -20px; background: #f1f1f1; padding: 10px 40px; height: 50px; font-size: 14px; padding-top: 14px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin-top: 5px; text-align: center; } .main_photo_sidebar_wrapper .viewed_people .icon { margin-right: 10px; top: -3px; width: 20px; height: 22px; } .main_photo_sidebar_wrapper .finance_for_wrapper { padding: 0px; height: 50px; font-size: 14px; padding-top: 13px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin-left: -20px; margin-right: -20px; margin-top: -26px; margin-bottom: 20px; } .main_photo_sidebar_wrapper .finance_for_wrapper a { color: transparent; display: inline-block; } .main_photo_sidebar_wrapper .finance_for_wrapper .left_align { text-align: left; } .main_photo_sidebar_wrapper .finance_for_wrapper .right_align { text-align: right; } .main_photo_sidebar_wrapper a.btn { font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; background-color: transparent; border-radius: 4px; height: 53px; padding-top: 13px; display: block; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 15px; } .main_photo_sidebar_wrapper a.btn:hover, .main_photo_sidebar_wrapper a.btn:focus, .main_photo_sidebar_wrapper a.btn:active { background-color: transparent; } .main_photo_sidebar_wrapper a.btn_popup { position: relative; margin-top: 20px; margin-bottom: 0px; } .main_photo_sidebar_wrapper a.btn_popup .icon { margin-right: 5px; } .carousel_vehicle_detail_nav_wrapper { max-height: 120px; position: relative; overflow: hidden; } .carousel_vehicle_detail_wrapper { margin-top: 25px; max-height: auto; overflow: hidden; } @media (max-width: 980px) { .carousel_vehicle_detail_wrapper { margin-top: -11px; border-top: none; } } .carousel_vehicle_detail_wrapper .alert_price_and_calculator a { display: block; font-family: "Lato", sans-serif; font-weight: 400; font-size: 16px; color: #333; display: inline-block; width: 49%; padding: 20px 20px; text-decoration: none; } .carousel_vehicle_detail_wrapper .alert_price_and_calculator a:hover, .carousel_vehicle_detail_wrapper .alert_price_and_calculator a:focus { background-color: rgba(0, 0, 0, 0.01); } .carousel_vehicle_detail_wrapper .alert_price_and_calculator a .icon { width: 26px; height: 21px; margin-right: 8px; } @media (max-width: 450px) { .carousel_vehicle_detail_wrapper .alert_price_and_calculator a { width: 100%; padding: 5px 20px; border-bottom: 1px solid rgba(204, 204, 204, 0.16); } .carousel_vehicle_detail_wrapper .alert_price_and_calculator a .icon { width: 22px; height: 16px; margin-right: 8px; } } .carousel_vehicle_detail .swiper_arrow, .carousel_vehicle_detail .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-next, .featured_vehicles_wrapper .carousel_vehicles_wrapper .carousel_vehicle_detail .swiper-button-next, .carousel_vehicle_detail .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-prev, .featured_vehicles_wrapper .carousel_vehicles_wrapper .carousel_vehicle_detail .swiper-button-prev, .carousel_vehicle_detail .our_reviews_wrapper .swiper-button-next, .our_reviews_wrapper .carousel_vehicle_detail .swiper-button-next, .carousel_vehicle_detail .our_reviews_wrapper .swiper-button-prev, .our_reviews_wrapper .carousel_vehicle_detail .swiper-button-prev, .carousel_vehicle_detail .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-next, .inventory_vehicle_item .photo .carousel_photos_wrapper .carousel_vehicle_detail .swiper-button-next, .carousel_vehicle_detail .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-prev, .inventory_vehicle_item .photo .carousel_photos_wrapper .carousel_vehicle_detail .swiper-button-prev, .carousel_vehicle_detail .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-next, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail .swiper-button-next, .carousel_vehicle_detail .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-prev, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail .swiper-button-prev, .carousel_vehicle_detail .slick-next, .carousel_vehicle_detail .slick-prev { width: 30px; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; background: url(../icons/arrow_white.svg) no-repeat center center; font-size: 0px; } .carousel_vehicle_detail .slick-next { transform: translateY(-50%) rotate(180deg); right: 11px; } .carousel_vehicle_detail .slick-prev { left: 11px; } .carousel_vehicle_detail_nav { margin-top: 1px; } .carousel_vehicle_detail_nav .vehicle_slide { position: relative; max-height: 125px; cursor: pointer; background-color: #000; } .carousel_vehicle_detail_nav .vehicle_slide:hover img { opacity: .9; } .carousel_vehicle_detail_nav .vehicle_slide:before { content: ""; border: 3px solid transparent; position: relative; z-index: 8; pointer-events: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: ease 300ms; } .carousel_vehicle_detail_nav .vehicle_slide.slick-current:before { content: ""; border-color: transparent; display: none; } .carousel_vehicle_detail_nav .swiper_arrow, .carousel_vehicle_detail_nav .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-next, .featured_vehicles_wrapper .carousel_vehicles_wrapper .carousel_vehicle_detail_nav .swiper-button-next, .carousel_vehicle_detail_nav .featured_vehicles_wrapper .carousel_vehicles_wrapper .swiper-button-prev, .featured_vehicles_wrapper .carousel_vehicles_wrapper .carousel_vehicle_detail_nav .swiper-button-prev, .carousel_vehicle_detail_nav .our_reviews_wrapper .swiper-button-next, .our_reviews_wrapper .carousel_vehicle_detail_nav .swiper-button-next, .carousel_vehicle_detail_nav .our_reviews_wrapper .swiper-button-prev, .our_reviews_wrapper .carousel_vehicle_detail_nav .swiper-button-prev, .carousel_vehicle_detail_nav .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-next, .inventory_vehicle_item .photo .carousel_photos_wrapper .carousel_vehicle_detail_nav .swiper-button-next, .carousel_vehicle_detail_nav .inventory_vehicle_item .photo .carousel_photos_wrapper .swiper-button-prev, .inventory_vehicle_item .photo .carousel_photos_wrapper .carousel_vehicle_detail_nav .swiper-button-prev, .carousel_vehicle_detail_nav .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-next, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail_nav .swiper-button-next, .carousel_vehicle_detail_nav .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .swiper-button-prev, .compare_wrapper #carousel_compare_vehicles_wrapper .nav_arrows .carousel_vehicle_detail_nav .swiper-button-prev, .carousel_vehicle_detail_nav .slick-next, .carousel_vehicle_detail_nav .slick-prev { width: 20px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; background: url(../icons/arrow_white.svg) no-repeat center center; font-size: 0px; } .carousel_vehicle_detail_nav .slick-next { transform: translateY(-50%) rotate(180deg); right: 11px; } .carousel_vehicle_detail_nav .slick-prev { left: 11px; } .lead_forms_wrapper { margin-top: 25px; padding: 20px; } .lead_forms_wrapper .btn_popup { display: block; text-align: center; font-family: "Lato", sans-serif; font-weight: 400; font-size: 14px; color: #000; text-decoration: none; line-height: 18px; margin-bottom: 10px; margin-top: 10px; } .lead_forms_wrapper .btn_popup span { display: block; width: 45px; height: 45px; border: 1px solid transparent; border-radius: 45px; margin: auto; margin-bottom: 15px; } .lead_forms_wrapper .btn_popup span .icon { height: 20px; width: 18px; top: 28%; } .sub_image_wrapper { padding-bottom: 0px; } .sub_image_wrapper .schedule_test_drive { border-radius: 4px; } .sub_image_wrapper.sub_image1_wrapper .finance_for_wrapper { padding: 0px 20px; height: 50px; font-size: 14px; padding-top: 13px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin-left: -20px; margin-right: -20px; margin-top: 0px; margin-bottom: 20px; } .sub_image_wrapper.sub_image1_wrapper .finance_for_wrapper a { color: transparent; display: inline-block; } .sub_image_wrapper.sub_image1_wrapper .finance_for_wrapper .left_align { text-align: left; } .sub_image_wrapper.sub_image1_wrapper .finance_for_wrapper .right_align { text-align: right; } @media (max-width: 980px) { .sub_image_wrapper.sub_image1_wrapper .viewed_people_wrapper .viewed_people { margin: 0px -20px; background: #f5f5f5; padding: 10px 40px; min-height: auto; font-size: 16px; padding-top: 12px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin-top: 5px; margin-bottom: 25px; text-align: center; } .sub_image_wrapper.sub_image1_wrapper .viewed_people_wrapper .viewed_people .icon { margin-right: 10px; top: -3px; width: 20px; height: 22px; } } .sub_image_wrapper.sub_image1_wrapper .share_save_wrapper a { font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; background-color: transparent; color: #FFF; border-radius: 4px; height: 53px; padding-top: 13px; display: block; text-align: center; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 15px; } .sub_image_wrapper.sub_image1_wrapper .share_save_wrapper a:hover, .sub_image_wrapper.sub_image1_wrapper .share_save_wrapper a:focus, .sub_image_wrapper.sub_image1_wrapper .share_save_wrapper a:active { background-color: transparent; } .sub_image_wrapper.sub_image1_wrapper .share_save_wrapper a .icon { margin-right: 8px; width: 22px; height: 22px; } @media (max-width: 980px) { .sub_image_wrapper.sub_image1_wrapper { padding-bottom: 10px; padding-top: 5px; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #e3e3e3; } } @media (max-width: 980px) { .sub_image_wrapper { margin-top: 0px; border-top: none; background-color: #FFF; } .sub_image_wrapper .schedule_test_drive { height: 53px; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; line-height: 24px; background-color: transparent; margin-bottom: 25px; padding: 12px 15px; } .sub_image_wrapper .schedule_test_drive .icon { float: left; top: 6px; } } .sub_image_wrapper .sub_image_item_wrapper { margin-bottom: 20px; float: left; width: 100%; } .sub_image_wrapper .sub_image_item_wrapper .picto { display: block; float: left; width: 75px; height: 75px; border-radius: 75px; margin-right: 20px; } .sub_image_wrapper .sub_image_item_wrapper .picto .icon { width: 100%; height: 35px; top: 25%; } .sub_image_wrapper .sub_image_item_wrapper .picto_detail { display: block; float: left; margin-right: 20px; margin-top: 12px; } @media (min-width: 980px) { .sub_image_wrapper .sub_image_item_wrapper .picto_detail { max-width: 205px; } } @media (max-width: 980px) { .sub_image_wrapper .sub_image_item_wrapper .picto_detail { margin-right: 0px; } } .sub_image_wrapper .sub_image_item_wrapper .picto_detail p { font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; margin: 0px; line-height: 18px; } .sub_image_wrapper .sub_image_item_wrapper .picto_detail p span { display: inline-block; margin-right: 20px; margin-top: 5px; } .vdp-vehicle-btns-mobile { padding-top: 5px; padding-bottom: 20px; } .vdp-vehicle-btns-mobile a { font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; background-color: transparent; border-radius: 4px; height: 53px; padding-top: 13px; display: block; text-transform: uppercase; letter-spacing: 1.5px; } .vdp_price_mobile { padding-bottom: 20px; } .vdp_price_mobile .col.border_left { border-left: 1px solid #e3e3e3; } .vdp_price_mobile span { display: block; float: left; width: 100%; } .vdp_price_mobile span.price { color: transparent; font-family: "Lato", sans-serif; font-size: 18px; font-weight: 700; text-align: right; padding-top: 10px; } .vdp_price_mobile span.price .i_price { font-size: 16px; font-weight: 400; display: block; color: #000 !important; text-align: right; font-style: normal; } .vdp_price_mobile span.price_label { color: #000; font-family: "Lato", sans-serif; font-size: 18px; font-weight: 700; padding-top: 10px; } .vdp_price_mobile span.price_label .i_msrp { font-size: 16px; font-weight: 400; display: block; text-align: left; font-style: normal; } .vdp_price_mobile span.msrp { color: #222222; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; text-align: right; margin-top: -5px; } .vdp_btns_group_mobile .btn_popup { text-align: center; display: block; color: #222222; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; border: 1px solid rgba(227, 227, 227, 0.3); line-height: 15px; padding: 10px; margin-bottom: 20px; border-radius: 4px; text-decoration: none; } .vdp_btns_group_mobile .btn_popup:hover, .vdp_btns_group_mobile .btn_popup:focus { background-color: rgba(0, 0, 0, 0.02); } .vdp_btns_group_mobile .btn_popup .icon { display: block; margin: auto; width: 30px; height: 20px; margin-bottom: 10px; } .vehicle_specification_wrapper { margin-top: 75px; padding: 0px; padding-bottom: 0px; } @media (max-width: 980px) { .vehicle_specification_wrapper { margin-top: 25px; background-color: transparent; border: none; } } .vehicle_specification_wrapper .tab-content { padding: 20px; } @media (max-width: 980px) { .vehicle_specification_wrapper .tab-content { padding: 0px; } .vehicle_specification_wrapper .tab-content .tab-pane { opacity: 1; display: block; background: #FFF; border: 1px solid #e3e3e3; margin-top: 25px; padding: 20px; } .vehicle_specification_wrapper .tab-content .tab-pane .title_head { font-size: 16px; font-weight: 700; color: #000; margin: 0px; text-transform: uppercase; margin-bottom: 20px; padding: 14px 0px; padding-top: 0px; border-bottom: 2px solid transparent; } .vehicle_specification_wrapper .tab-content .tab-pane .title_col .title { border: 1px solid #e3e3e3; height: 48px; padding: 16px; background-color: #fafafa; color: #282828; font-weight: 400; position: relative; margin-bottom: 0px; } .vehicle_specification_wrapper .tab-content .tab-pane .title_col .title:before { content: ""; width: 30px; height: 30px; position: absolute; right: 10px; top: 8px; background: url("../icons/icon_plus_tab.svg") no-repeat center center; } .vehicle_specification_wrapper .tab-content .tab-pane .title_col .title.active { color: transparent; } .vehicle_specification_wrapper .tab-content .tab-pane .title_col .title.active:before { background: url("../icons/icon_minus.svg") no-repeat center center; } } .vehicle_specification_wrapper .tab-content .wrapper_col { margin: 0px; width: 100%; } @media (max-width: 980px) { .vehicle_specification_wrapper .tab-content .wrapper_col { padding: 20px; margin: 0px 15px; border: 1px solid #e3e3e3; border-top: none; display: none; } .vehicle_specification_wrapper .tab-content .wrapper_col.active { display: block; } } .vehicle_specification_wrapper .tab-content .title_col .title { height: 40px; padding: 13px 0px; font-family: "Lato", sans-serif; font-size: 14px; color: #000; font-weight: 700; background: #FFF; border-bottom: 1px solid #e3e3e3; margin-bottom: 20px; } .vehicle_specification_wrapper .tab-content .note_desc { font-family: "Lato", sans-serif; font-size: 14px; color: #707070; font-weight: 400; } .vehicle_specification_wrapper .tab-content .spec_col p { font-family: "Lato", sans-serif; font-size: 14px; color: #707070; line-height: 15px; margin-bottom: 8px; position: relative; } .vehicle_specification_wrapper .tab-content .spec_col p:before { content: ""; width: 7px; height: 7px; display: inline-block; border: 2px solid transparent; border-left: none; border-bottom: none; border-radius: 0px 4px 0px 0px; transform: translateY(-1px) rotate(45deg); margin-right: 10px; } .vehicle_specification_wrapper .nav-tabs { border-bottom: 2px solid transparent; margin-top: -50px; margin-left: -1px; margin-right: -1px; } .vehicle_specification_wrapper .nav-tabs .nav-item { margin-right: -1px; } .vehicle_specification_wrapper .nav-tabs .nav-link { border-radius: 0px; height: 50px; width: auto; padding: 13px 40px; font-family: "Lato", sans-serif; font-size: 14px; color: #000; text-transform: uppercase; font-weight: 700; background: #FFF; border: 1px solid #e3e3e3; border-bottom-color: transparent; } .vehicle_specification_wrapper .nav-tabs .nav-link.active { background-color: transparent; color: #FFF; border: none; } .disclosure_wrapper { margin-top: 25px; margin-bottom: 100px; padding: 20px; padding-top: 0px; } @media (max-width: 980px) { .disclosure_wrapper { margin-bottom: 0px; } } .disclosure_wrapper .title { font-size: 16px; font-weight: 700; color: #000; margin: 0px; text-transform: uppercase; margin-bottom: 20px; padding: 14px 0px; border-bottom: 2px solid transparent; } .disclosure_wrapper p { font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; color: #ababab; margin-bottom: 0px; } .pagination_wrapper { margin-top: 15px; margin-bottom: 100px; } @media (max-width: 980px) { .pagination_wrapper { margin-left: 25px; margin-right: 25px; overflow: hidden; border-left: 1px solid #e3e3e3 !important; border-right: 1px solid #e3e3e3 !important; } } @media (max-width: 640px) { .pagination_wrapper { margin-left: 15px; margin-right: 15px; overflow: hidden; } } .pagination_wrapper .pagination { margin: 0px; padding: 3px; } @media (max-width: 640px) { .pagination_wrapper .pagination.justify-content-end { justify-content: center !important; } .pagination_wrapper .pagination.justify-content-end li.prev-btn a { width: 25vw; padding: 7px 0px; padding-left: 5vw; } .pagination_wrapper .pagination.justify-content-end li.next-btn a { width: 24vw; padding: 7px 0px; padding-right: 5vw; } } .pagination_wrapper .pagination li a { border-right: 1px solid #e3e3e3; border-radius: 0px !important; border-top: none; border-bottom: none; color: #333333; font-family: "Lato", sans-serif; font-weight: 700; height: 40px; width: 50px; display: block; text-align: center; line-height: 42px; font-size: 14px; background-color: #FFF !important; } .pagination_wrapper .pagination li:last-child a { border-right: none; } .pagination_wrapper .pagination li.page-item-nbr a { border-right: 1px solid #e3e3e3; } .pagination_wrapper .pagination li .arrow, .pagination_wrapper .pagination li .sort_wrapper .filter_item:before, .sort_wrapper .pagination_wrapper .pagination li .filter_item:before, .pagination_wrapper .pagination li .sort_wrapper .filter_item:after, .sort_wrapper .pagination_wrapper .pagination li .filter_item:after, .pagination_wrapper .pagination li.prev-btn a:before, .pagination_wrapper .pagination li.next-btn a:before { width: 6px; height: 6px; border: 2px solid transparent; background-size: 8px; position: absolute; right: 20px; display: block; } .pagination_wrapper .pagination li.active a { color: transparent; background-color: #FFF; border-color: #ccc; } .pagination_wrapper .pagination li.prev-btn a { width: 120px; position: relative; border-left: none !important; } .pagination_wrapper .pagination li.prev-btn a:before { content: ""; transform: translateY(-50%) rotate(45deg); border-top: none; border-right: none; top: 50%; left: 10px; } .pagination_wrapper .pagination li.prev-btn.disabled a:before { border-color: #CCC; } .pagination_wrapper .pagination li.next-btn a { width: 120px; position: relative; border-right: none !important; } .pagination_wrapper .pagination li.next-btn a:before { content: ""; transform: translateY(-50%) rotate(45deg); border-bottom: none; border-left: none; top: 50%; right: 25px; } .pagination_wrapper .pagination li.next-btn.disabled a:before { border-color: #CCC; } .language_dropdown { position: absolute; right: 15px; top: 0px; } @media (max-width: 980px) { .language_dropdown { right: 20px; top: -10px; } } .language_dropdown .dropdown-menu { min-width: 60px; left: -17px !important; top: -20px !important; } .language_dropdown .dropdown-menu .dropdown-item { padding: 5px 10px; text-align: center; } .language_dropdown .btn { background: transparent !important; border: none !important; padding: 0px; height: 80px; line-height: 80px; box-shadow: none !important; padding-right: 20px; } .language_dropdown .btn:after { content: ""; width: 1px; height: 20px; border: none !important; position: absolute; left: -20px; top: 51%; background-color: #ccc; transform: translateY(-50%); } @media (max-width: 980px) { .language_dropdown .btn:after { display: none; } } .language_dropdown .btn:before { content: ""; width: 15px; height: 15px; background: url(../icons/icon_arrow.svg) no-repeat center center; cursor: pointer; position: absolute; right: 0px; top: 42%; background-size: 9px; display: block; } .language_dropdown .btn .icon { width: 22px; height: 60px; max-width: none; transform: rotate(0deg); } @media (max-width: 980px) { .language_dropdown .btn .icon { width: 32px; } } .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu { transform: translateX(-80%); padding: 3px 15px; } .form_datetime { position: relative; } .form_datetime .form-control { cursor: pointer; padding: 9px !important; font-size: 14px !important; border-radius: 0px; margin-top: 2px; } .call_btn_mobile { background-color: transparent; height: 30px; line-height: 38px; padding: 0px 20px; line-height: 30px; float: left; transform: translateY(-4px); margin-bottom: 5px; color: #FFF !important; text-decoration: none !important; width: 100%; text-align: center; border-radius: 4px; text-transform: uppercase; } .dragable_elements_container { width: auto; max-width: calc(100% - 150px); margin: auto; transform: translateY(45px); margin-top: -20px; height: 20px; padding: 0px 10px; text-align: center; position: relative; z-index: 999; } @media (max-width: 768px) { .dragable_elements_container { transform: translateY(50px) translateX(-15vw); margin-top: -25px; display: none; } } .dragable_elements_container .info_bull { text-align: center; font-family: "Lato", sans-serif; font-size: 14px; font-style: italic; color: transparent; display: block; width: 100%; position: absolute; bottom: -25px; left: 0px; pointer-events: none; } .dragable_elements_container ul { width: auto; display: inline-block; background: #fafafa; border-radius: 40px; padding: 0px 10px; } .dragable_elements_container ul li { width: 31px; height: 10px; border-radius: 10px; margin: 0px 6px; display: inline-block; transition: ease 300ms; transform: scale(1); background-color: #e0e0e0; position: relative; cursor: -webkit-grabbing; } .dragable_elements_container ul li span { position: absolute; top: -15px; left: 0px; width: 100%; color: transparent; text-align: center; font-size: 12px; font-weight: 700; transition: ease 300ms; transform: translateY(10px); cursor: -webkit-grabbing; opacity: 0; } .dragable_elements_container ul li:hover { transform: scale(1.5); } .dragable_elements_container ul:hover li span { transform: translateY(-5px); opacity: 1; } .swiper-pagination-bullet, .drag_order_li { width: 31px; height: 10px; border-radius: 10px; margin: 0px 6px; display: inline-block; cursor: -webkit-grabbing; } .swiper-pagination-bullet span, .drag_order_li span { position: absolute; top: -15px; left: 0px; width: 100%; text-align: center; font-size: 12px; font-weight: 700; transform: translateY(10px); opacity: 0; cursor: -webkit-grabbing; } .swiper-pagination-bullet.gu-transit, .drag_order_li.gu-transit { transform: scale(1.5); } .swiper-pagination-bullet.gu-transit span, .drag_order_li.gu-transit span { transform: translateY(-5px); opacity: 1; } .page_post_content ul { margin-top: 20px; margin-bottom: 20px; } .page_post_content ul li { font-family: "Lato", sans-serif; font-size: 14px !important; line-height: 25px !important; margin-bottom: 0px; position: relative; } .page_post_content ul li:before { content: ""; width: 7px; height: 7px; display: inline-block; border: 2px solid transparent; border-left: none; border-bottom: none; border-radius: 0px 4px 0px 0px; transform: translateY(-1px) rotate(45deg); margin-right: 10px; } .page_post_video_wrapper .youtube-embed-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .page_post_video_wrapper .youtube-embed-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .btn.btn-danger.btn-block:hover { background-color: transparent; } .block_contact_wrapper p { margin-top: 0px !important; } .block_contact_wrapper .form_subtilte { font-family: "Lato", sans-serif; font-size: 18px; color: #222222; font-weight: 400; margin: 30px 0px; margin-top: 15px; } .block_contact_wrapper form.customized { margin-top: 30px; } .block_contact_wrapper .form-group input.form-control { font-size: 14px; background: transparent; color: #000; border-color: #ced4da; height: 53px; border-radius: 4px; } .block_contact_wrapper .form-group textarea.form-control { resize: none; font-size: 14px; } .block_contact_wrapper .form-group select.form-control { height: 53px; font-size: 14px; } .block_contact_wrapper button.btn { max-width: 360px; margin: auto; margin-top: 15px !important; margin-bottom: 30px !important; } .block_contact_wrapper button.btn:hover, .block_contact_wrapper button.btn:focus { background-color: transparent !important; } .block_contact_wrapper .address, .block_contact_wrapper .address_about_us { border-top: 1px solid #e3e3e3; padding-top: 10px; min-height: 62px; margin-bottom: 0px; margin-bottom: -40px; } @media (max-width: 980px) { .block_contact_wrapper .address, .block_contact_wrapper .address_about_us { padding-top: 15px; margin-bottom: -20px; min-height: 0px; } } .block_contact_wrapper .address li, .block_contact_wrapper .address_about_us li { font-size: 14px !important; font-family: "Lato", sans-serif; text-transform: uppercase; font-weight: 400; float: left; } @media (max-width: 980px) { .block_contact_wrapper .address li, .block_contact_wrapper .address_about_us li { float: none; display: block; line-height: 20px !important; } .block_contact_wrapper .address li.xs-block, .block_contact_wrapper .address_about_us li.xs-block { float: none; margin-top: 10px; } } .block_contact_wrapper .address li .icon, .block_contact_wrapper .address_about_us li .icon { width: 22px; height: 22px; top: -2px; margin-right: 15px; } .block_contact_wrapper .address li strong, .block_contact_wrapper .address_about_us li strong { color: transparent; font-weight: 700; font-size: 16px !important; padding-right: 60px; text-transform: initial; } .xs-inline-visible { display: none !important; } @media (max-width: 980px) { .xs-inline-visible { display: inline-block !important; } } .sm-xs-visible { display: none !important; } @media (max-width: 768px) { .sm-xs-visible { display: block !important; } } .xs-visible { display: none !important; } @media (max-width: 980px) { .xs-visible { display: block !important; } } @media (max-width: 980px) { .price-block { margin-bottom: 50px; } } .meet-staff-page h1, .testimonials-page h1, .sitemap-page h1, .about-page h1, .creditapp-page h1, .finance-page h1, .sell-page h1, .locate-page h1, .shipping-page h1, .warranty-page h1 { text-transform: uppercase; } /* Icons button */ .icobutton { font-size: 18px; position: relative; margin: 6px 3px; padding: 0; color: #ffffff; border: 0; background: none; overflow: visible; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .icobutton .fa { display: block; padding: 0 0.1em; } .icobutton.saved { color: transparent; } .grid__item { position: relative; text-align: center; background: #f0f0f0; margin: 0 0 5em; width: 100%; min-height: 36em; display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; } .grid__item::before { content: counter(gridcounter); font-size: 5.5em; font-weight: bold; line-height: 1; position: absolute; bottom: 0; left: 0; counter-increment: gridcounter; text-align: center; color: #2b2929; font-family: 'Patrick Hand SC', cursive; -webkit-transform: translate3d(0.2em, 50%, 0); transform: translate3d(0.2em, 50%, 0); } .icobutton__text { font-size: 0.75em; position: absolute; top: 100%; left: -50%; width: 200%; text-align: center; line-height: 1.5; color: #a6a6a6; } .icobutton__text--side { top: 0; left: 100%; width: 100%; width: auto; padding: 0 0 0 0.25em; } .icobutton svg { left: 0; } .icobutton:hover, .icobutton:focus { outline: none; } .icobutton--unicorn svg { fill: #c0c1c3; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { pointer-events: all; } @-moz-document url-prefix() { .photos_nbr { padding-left: 1px; padding-right: 0px !important; } .icobutton { font-size: 18px; position: relative; margin: 6px 4px; } } .get_directions { margin-top: 0px !important; height: 48px !important; font-weight: 400 !important; } .map_element { margin-top: 40px; } .map_element iframe { width: 100%; height: 350px; } .credit_application_wrapper .nav-tabs { border-bottom: 2px solid transparent; margin-top: 0px; margin-left: -1px; margin-right: -1px; } .credit_application_wrapper .nav-tabs .nav-item { margin-right: -1px; line-height: 20px !important; } .credit_application_wrapper .nav-tabs .nav-link { border-radius: 0px; width: auto; padding: 13px 40px; font-family: "Lato", sans-serif; font-size: 14px; color: #000; font-weight: 700; background: #FFF; border: 1px solid #e3e3e3; border-bottom-color: transparent; } .credit_application_wrapper .nav-tabs .nav-link.active { background-color: transparent; color: #FFF; } .credit_application_wrapper .btn.selectpicker { background: url(../icons/icon_arrow.svg) no-repeat #FFF; background-position: calc(100% - 12px) center; background-size: 10px; } .credit_application_wrapper .col-md-12.col-sm-11.col-xs-11 a:hover, .credit_application_wrapper .col-md-12.col-sm-11.col-xs-11 a.active { background-color: transparent; border-radius: 50%; color: #ffffff !important; text-decoration: none; } .credit_application_wrapper .form-element { margin-left: 8px !important; } .credit_application_wrapper .col-md-9.padding-none .form-element.clearfix div.input.radio { padding-left: 0px; } .credit_application_wrapper button.btn.dropdown-toggle.selectpicker.btn-default { height: 50px !important; font-weight: normal; font-size: 14px; margin: 5px auto; display: inline-block; width: 100%; padding: .375rem 1.75rem .375rem .75rem; line-height: 10px; color: #495057; vertical-align: middle; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .credit_application_wrapper .my-dropdown input { height: 50px !important; font-weight: normal; font-size: 14px; margin: 5px auto; display: inline-block; padding: 0.7em; } @media (min-width: 768px) { .credit_application_wrapper .my-dropdown input { margin-left: 7px !important; } } .credit_application_wrapper .search-form { background-color: none !important; } .credit_application_wrapper .credit_application_wrapper a#submit_btn { width: 33.33%; margin: auto; padding-top: 14px; background-color: transparent; margin-top: 2rem; margin-bottom: 0.5rem; height: 53px; font-size: 16px; display: block; } .credit_application_wrapper .dropdown-toggle::after { content: none; } .credit_application_wrapper span.input-group-addon { width: 30%; font-weight: 600; border-right: 1px solid #b6b6b6 !important; padding: 0.7em 0px 0.7em 0.7em; margin: 0px auto; color: #222; background: transparent; border: none; text-align: left; } .credit_application_wrapper span.input-group-addon.d-lg-inline-block { display: table-cell !important; } .credit_application_wrapper span.input-group-addon.d-lg-inline-block { display: table-cell !important; /* padding-top: 0px!important; */ padding-bottom: 4em; } @media (min-width: 768px) { .credit_application_wrapper .col-sm-11.col-xs-11 { padding-left: 0; } } .credit_application_wrapper .col-md-9.padding-none { padding-left: 0; } .credit_application_wrapper .input.radio input[type="radio"] { float: none; margin: 0; } @media (min-width: 768px) { .credit_application_wrapper .col-md-6.col-sm-11.col-xs-11.relation { padding-left: 0px !important; } } .credit_application_wrapper .Form-Block .form h5 { padding-left: 8px; } .credit_application_wrapper p.padding-none.margin-none { margin-left: 0; } .credit_application_wrapper .form-element.padding-bottom-10 { margin-left: 8 !important; } .credit_application_wrapper .form-element.padding-bottom-10 .input.radio { padding-left: 0px; } .credit_application_wrapper .Form-Block .form h5, .credit_application_wrapper .Form-Block .form #myTabContent h5 { padding-left: 8px !important; } .credit_application_wrapper .form-element input[type="radio"] { position: absolute; opacity: 0; visibility: hidden; } .credit_application_wrapper .form-element input[type="radio"]:checked { color: #009688; border: 0.5rem solid #009688; background: #fff; } .credit_application_wrapper .form-element input[type="radio"]:checked + label::before { border: 0.3rem solid #c41b23; background: #fff; } .credit_application_wrapper .form-element label::before { display: inline-block; content: ""; height: 1rem; top: .2rem; position: relative; width: 1rem; margin-right: 0.5rem; background-color: #dee2e6; /* border: 0.5rem solid gray; */ /* background-color: gray; */ border-radius: 50%; transition: all 0.25s linear; } .credit_application_wrapper .form-element label { margin-right: 20px; } .credit_application_wrapper .btn-group.bootstrap-select { width: 100% !important; } @media (max-width: 768px) { .credit_application_wrapper .btn-group.bootstrap-select { margin-left: -7px !important; } .credit_application_wrapper .btn-group.bootstrap-select.rmv-marg-left { margin-left: 0px !important; } } .credit_application_wrapper .row.select-wrapper.clearfix { margin-left: 0px; margin-right: 0px; } .credit_application_wrapper .select-wrapper.clearfix .col.col-md-6.col-sm-11.col-xs-11.padding-none.clearfix { float: left; } .credit_application_wrapper div#employmentStatus0 .col.col-md-4.col-sm-11.col-xs-11, .credit_application_wrapper div#employmentStatus1 .col.col-md-4.col-sm-11.col-xs-11 { float: left; } .credit_application_wrapper label[for="acceptCondition"]::before { display: inline-block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; border-radius: 0.25rem; } .credit_application_wrapper input[type="checkbox"]:checked ~ label[for="acceptCondition"]::after { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .credit_application_wrapper input[type="checkbox"]:checked ~ label[for="acceptCondition"]::before { background-color: transparent; } .credit_application_wrapper label[for="acceptCondition"]::after { display: block !important; position: absolute !important; top: 0.9rem; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .credit_application_wrapper input[type="checkbox"] { position: absolute; opacity: 0; visibility: hidden; } .credit_application_wrapper label[for="acceptCondition"] { margin-top: 10px; } @media (min-width: 768px) { .credit_application_wrapper .row.select-wrapper.clearfix .col.col-md-12.col-sm-11.col-xs-11 { margin-left: 8px; } } .credit_application_wrapper .row.select-wrapper.clearfix .col.col-md-12.col-sm-11.col-xs-11.padding-none { margin-left: 0; } .credit_application_wrapper .lang_content { margin-top: 15px; } .credit_application_wrapper .lang_content a { font-family: lato; font-size: 14px; font-weight: 600; color: transparent; width: 30px; height: 30px; border-radius: 30px; display: inline-block; text-align: center; padding-top: 5px; text-decoration: none; } .credit_application_wrapper .lang_content a.current_lang { color: #FFF !important; background-color: transparent; border-radius: 30px; } @media (max-width: 768px) { .credit_application_wrapper .lang_content { text-align: center; } .credit_application_wrapper .lang_content a { width: 40px; height: 40px; border-radius: 40px; padding-top: 10px; } } .credit_application_wrapper input#Applicant0RentPayments, .credit_application_wrapper input#Applicant1RentPayments { margin-left: 0px !important; } .credit_application_wrapper .bootstrap-select.btn-group .dropdown-menu.inner { max-height: 300px; } @media (max-width: 980px) { .credit_application_wrapper .bootstrap-select.btn-group .dropdown-menu.inner { max-height: 200px; } } .credit_application_wrapper .next_bloc, .credit_application_wrapper #contact_info_next { display: inline-block; color: transparent; text-decoration: none; border-bottom: 1px solid transparent; font-size: 18px; padding: 0px 2px; padding-right: 20px; background: url(../icons/icon_next_arrow_red.svg) no-repeat right center; background-size: 10px; margin-bottom: 10px; float: right; } .credit_application_wrapper .prev_bloc { display: inline-block; color: transparent; text-decoration: none; border-bottom: 1px solid transparent; font-size: 18px; padding: 0px 2px; padding-left: 20px; background: url(../icons/icon_prev_arrow_red.svg) no-repeat left center; background-size: 10px; margin-bottom: 10px; } @media (max-width: 768px) { .credit_application_wrapper .infos_from_holder, .credit_application_wrapper .application_type_holder, .credit_application_wrapper .vehicle_of_interest_holder, .credit_application_wrapper .disclosure_holder, .credit_application_wrapper .purchase_holder, .credit_application_wrapper .amount_holder, .credit_application_wrapper .financing_holder, .credit_application_wrapper .tabs_holder, .credit_application_wrapper .tradein_holder { border: 1px solid #e3e3e3; margin-top: 20px; padding-bottom: 10px; overflow: hidden; height: 50px; margin-bottom: -21px; display: none; } .credit_application_wrapper .infos_from_holder.opend, .credit_application_wrapper .application_type_holder.opend, .credit_application_wrapper .vehicle_of_interest_holder.opend, .credit_application_wrapper .disclosure_holder.opend, .credit_application_wrapper .purchase_holder.opend, .credit_application_wrapper .amount_holder.opend, .credit_application_wrapper .financing_holder.opend, .credit_application_wrapper .tabs_holder.opend, .credit_application_wrapper .tradein_holder.opend { height: auto; overflow: visible; display: block; } .credit_application_wrapper .infos_from_holder.opend .application_title:before, .credit_application_wrapper .application_type_holder.opend .application_title:before, .credit_application_wrapper .vehicle_of_interest_holder.opend .application_title:before, .credit_application_wrapper .disclosure_holder.opend .application_title:before, .credit_application_wrapper .purchase_holder.opend .application_title:before, .credit_application_wrapper .amount_holder.opend .application_title:before, .credit_application_wrapper .financing_holder.opend .application_title:before, .credit_application_wrapper .tabs_holder.opend .application_title:before, .credit_application_wrapper .tradein_holder.opend .application_title:before { background: url("../icons/icon_minus.svg") no-repeat center center; } } .credit_application_wrapper .application_title { cursor: pointer; margin: 0px !important; margin-top: 15px !important; margin-bottom: 15px !important; font-size: 20px !important; } @media (max-width: 768px) { .credit_application_wrapper .application_title { background-color: #fafafa; margin-top: 0px !important; border-bottom: 1px solid #e3e3e3; transform: translateY(-12px); position: relative; } .credit_application_wrapper .application_title:before { content: ""; width: 30px; height: 30px; position: absolute; right: 10px; top: 8px; background: url("../icons/icon_plus_tab.svg") no-repeat center center; } } .credit_application_wrapper #submit_btn { width: 33.33%; margin: auto; padding-top: 14px; background-color: transparent; margin-top: 2rem; margin-bottom: 0.5rem; height: 53px; font-size: 16px; display: block; border: 0 none; border-radius: 4px; color: #fff; font-weight: 400; padding: 14px 13px; text-align: center; vertical-align: middle; line-height: 1.5rem; } .credit_application_wrapper .form-element label, .credit_application_wrapper .pull-left, .credit_application_wrapper .search-form, .credit_application_wrapper input, .credit_application_wrapper select, .credit_application_wrapper textarea { text-transform: none; } .credit_application_wrapper .filter-option, .credit_application_wrapper .form-element label, .credit_application_wrapper .pull-left, .credit_application_wrapper .search-form, .credit_application_wrapper input, .credit_application_wrapper select, .credit_application_wrapper textarea { font-family: "Lato", sans-serif; font-size: 14px; font-size: 100% !important; } .credit_application_wrapper #searchinv .btn, .credit_application_wrapper .btn-default, .credit_application_wrapper .btn-default .caret, .credit_application_wrapper .filter-option, .credit_application_wrapper .pull-left, .credit_application_wrapper .search-form .btn, .credit_application_wrapper .side-search .btn, .credit_application_wrapper span.filter-option.pull-left { font-weight: none; } .credit_application_wrapper input, .credit_application_wrapper select, .credit_application_wrapper textarea { background-color: #fff; } .credit_application_wrapper div.custom-select, .credit_application_wrapper input[type=text], .credit_application_wrapper input[type=file], .credit_application_wrapper input[type=email], .credit_application_wrapper select, .credit_application_wrapper textarea, .credit_application_wrapper textarea[name=msg] { color: #444; font-size: 14px; font-family: "Lato", sans-serif; text-transform: none; background-color: #fff; } .credit_application_wrapper input::-webkit-input-placeholder { color: #444; font-family: "Lato", sans-serif; text-transform: none; } .credit_application_wrapper input::-moz-placeholder { color: #444; font-family: "Lato", sans-serif; opacity: 1; text-transform: none; } .credit_application_wrapper input[type=text]::-moz-placeholder { color: #444; font-family: "Lato", sans-serif; opacity: 1; text-transform: none; } .credit_application_wrapper input[type=text]:-moz-placeholder { color: #444; font-family: "Lato", sans-serif; opacity: 1; text-transform: none; } .credit_application_wrapper .pull-left { line-height: 16px; color: #444; } .credit_application_wrapper #searchinv .btn, .credit_application_wrapper .btn-default { background-color: #fff; border-color: #ccc; color: #444; } .credit_application_wrapper .btn-default .caret { border-top-color: #333; border-style: solid solid dotted; border-width: 4px 4px 0; } .credit_application_wrapper #searchinv .btn:focus, .credit_application_wrapper #searchinv .btn:hover, .credit_application_wrapper .btn.focus, .credit_application_wrapper .btn:focus, .credit_application_wrapper .btn:hover { background-color: #fff; font-weight: none; } .credit_application_wrapper .filter-option { color: #444; } .credit_application_wrapper #any .btn .filter-option, .credit_application_wrapper .btn .filter-option { font-size: 14px; font-weight: 400; } .credit_application_wrapper .img-responsive { display: block; height: auto; max-width: 100%; } .credit_application_wrapper .img-rounded { border-radius: 6px; } .credit_application_wrapper .img-thumbnail { display: inline-block; height: auto; max-width: 100%; padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all 0.2s ease-in-out; } .credit_application_wrapper .img-circle { border-radius: 50%; } .credit_application_wrapper .lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; } @media (min-width: 768px) { .credit_application_wrapper .lead { font-size: 21px; } } .credit_application_wrapper small, .credit_application_wrapper .small { font-size: 85%; } .credit_application_wrapper cite { font-style: normal; } .credit_application_wrapper .text-muted { color: #999; } .credit_application_wrapper .text-primary { color: #428bca; } .credit_application_wrapper .text-primary:hover { color: #3071a9; } .credit_application_wrapper .text-warning { color: #c09853; } .credit_application_wrapper .text-warning:hover { color: #a47e3c; } .credit_application_wrapper .text-danger { color: #b94a48; } .credit_application_wrapper .text-danger:hover { color: #953b39; } .credit_application_wrapper .text-success { color: #468847; } .credit_application_wrapper .text-success:hover { color: #356635; } .credit_application_wrapper .text-info { color: #3a87ad; } .credit_application_wrapper .text-info:hover { color: #2d6987; } .credit_application_wrapper .text-left { text-align: left; } .credit_application_wrapper .text-right { text-align: right; } .credit_application_wrapper .text-center { text-align: center; } .credit_application_wrapper table { max-width: 100%; background-color: transparent; } .credit_application_wrapper th { text-align: left; } .credit_application_wrapper .table { width: 100%; margin-bottom: 20px; } .credit_application_wrapper .table > thead > tr > th, .credit_application_wrapper .table > tbody > tr > th, .credit_application_wrapper .table > tfoot > tr > th, .credit_application_wrapper .table > thead > tr > td, .credit_application_wrapper .table > tbody > tr > td, .credit_application_wrapper .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; } .credit_application_wrapper .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .credit_application_wrapper .table > caption + thead > tr:first-child > th, .credit_application_wrapper .table > colgroup + thead > tr:first-child > th, .credit_application_wrapper .table > thead:first-child > tr:first-child > th, .credit_application_wrapper .table > caption + thead > tr:first-child > td, .credit_application_wrapper .table > colgroup + thead > tr:first-child > td, .credit_application_wrapper .table > thead:first-child > tr:first-child > td { border-top: 0; } .credit_application_wrapper .table > tbody + tbody { border-top: 2px solid #ddd; } .credit_application_wrapper .table .table { background-color: #fff; } .credit_application_wrapper .table-condensed > thead > tr > th, .credit_application_wrapper .table-condensed > tbody > tr > th, .credit_application_wrapper .table-condensed > tfoot > tr > th, .credit_application_wrapper .table-condensed > thead > tr > td, .credit_application_wrapper .table-condensed > tbody > tr > td, .credit_application_wrapper .table-condensed > tfoot > tr > td { padding: 5px; } .credit_application_wrapper .table-bordered { border: 1px solid #ddd; } .credit_application_wrapper .table-bordered > thead > tr > th, .credit_application_wrapper .table-bordered > tbody > tr > th, .credit_application_wrapper .table-bordered > tfoot > tr > th, .credit_application_wrapper .table-bordered > thead > tr > td, .credit_application_wrapper .table-bordered > tbody > tr > td, .credit_application_wrapper .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .credit_application_wrapper .table-bordered > thead > tr > th, .credit_application_wrapper .table-bordered > thead > tr > td { border-bottom-width: 2px; } .credit_application_wrapper .table-striped > tbody > tr:nth-child(odd) > td, .credit_application_wrapper .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .credit_application_wrapper .table-hover > tbody > tr:hover > td, .credit_application_wrapper .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } .credit_application_wrapper table col[class*="col-"] { display: table-column; float: none; } .credit_application_wrapper table td[class*="col-"], .credit_application_wrapper table th[class*="col-"] { display: table-cell; float: none; } .credit_application_wrapper .table > thead > tr > td.active, .credit_application_wrapper .table > tbody > tr > td.active, .credit_application_wrapper .table > tfoot > tr > td.active, .credit_application_wrapper .table > thead > tr > th.active, .credit_application_wrapper .table > tbody > tr > th.active, .credit_application_wrapper .table > tfoot > tr > th.active, .credit_application_wrapper .table > thead > tr.active > td, .credit_application_wrapper .table > tbody > tr.active > td, .credit_application_wrapper .table > tfoot > tr.active > td, .credit_application_wrapper .table > thead > tr.active > th, .credit_application_wrapper .table > tbody > tr.active > th, .credit_application_wrapper .table > tfoot > tr.active > th { background-color: #f5f5f5; } .credit_application_wrapper .table > thead > tr > td.success, .credit_application_wrapper .table > tbody > tr > td.success, .credit_application_wrapper .table > tfoot > tr > td.success, .credit_application_wrapper .table > thead > tr > th.success, .credit_application_wrapper .table > tbody > tr > th.success, .credit_application_wrapper .table > tfoot > tr > th.success, .credit_application_wrapper .table > thead > tr.success > td, .credit_application_wrapper .table > tbody > tr.success > td, .credit_application_wrapper .table > tfoot > tr.success > td, .credit_application_wrapper .table > thead > tr.success > th, .credit_application_wrapper .table > tbody > tr.success > th, .credit_application_wrapper .table > tfoot > tr.success > th { background-color: #dff0d8; } .credit_application_wrapper .table-hover > tbody > tr > td.success:hover, .credit_application_wrapper .table-hover > tbody > tr > th.success:hover, .credit_application_wrapper .table-hover > tbody > tr.success:hover > td, .credit_application_wrapper .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .credit_application_wrapper .table > thead > tr > td.danger, .credit_application_wrapper .table > tbody > tr > td.danger, .credit_application_wrapper .table > tfoot > tr > td.danger, .credit_application_wrapper .table > thead > tr > th.danger, .credit_application_wrapper .table > tbody > tr > th.danger, .credit_application_wrapper .table > tfoot > tr > th.danger, .credit_application_wrapper .table > thead > tr.danger > td, .credit_application_wrapper .table > tbody > tr.danger > td, .credit_application_wrapper .table > tfoot > tr.danger > td, .credit_application_wrapper .table > thead > tr.danger > th, .credit_application_wrapper .table > tbody > tr.danger > th, .credit_application_wrapper .table > tfoot > tr.danger > th { background-color: #f2dede; } .credit_application_wrapper .table-hover > tbody > tr > td.danger:hover, .credit_application_wrapper .table-hover > tbody > tr > th.danger:hover, .credit_application_wrapper .table-hover > tbody > tr.danger:hover > td, .credit_application_wrapper .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .credit_application_wrapper .table > thead > tr > td.warning, .credit_application_wrapper .table > tbody > tr > td.warning, .credit_application_wrapper .table > tfoot > tr > td.warning, .credit_application_wrapper .table > thead > tr > th.warning, .credit_application_wrapper .table > tbody > tr > th.warning, .credit_application_wrapper .table > tfoot > tr > th.warning, .credit_application_wrapper .table > thead > tr.warning > td, .credit_application_wrapper .table > tbody > tr.warning > td, .credit_application_wrapper .table > tfoot > tr.warning > td, .credit_application_wrapper .table > thead > tr.warning > th, .credit_application_wrapper .table > tbody > tr.warning > th, .credit_application_wrapper .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .credit_application_wrapper .table-hover > tbody > tr > td.warning:hover, .credit_application_wrapper .table-hover > tbody > tr > th.warning:hover, .credit_application_wrapper .table-hover > tbody > tr.warning:hover > td, .credit_application_wrapper .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } @media (max-width: 767px) { .credit_application_wrapper .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; border: 1px solid #ddd; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } .credit_application_wrapper .table-responsive > .table { margin-bottom: 0; } .credit_application_wrapper .table-responsive > .table > thead > tr > th, .credit_application_wrapper .table-responsive > .table > tbody > tr > th, .credit_application_wrapper .table-responsive > .table > tfoot > tr > th, .credit_application_wrapper .table-responsive > .table > thead > tr > td, .credit_application_wrapper .table-responsive > .table > tbody > tr > td, .credit_application_wrapper .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .credit_application_wrapper .table-responsive > .table-bordered { border: 0; } .credit_application_wrapper .table-responsive > .table-bordered > thead > tr > th:first-child, .credit_application_wrapper .table-responsive > .table-bordered > tbody > tr > th:first-child, .credit_application_wrapper .table-responsive > .table-bordered > tfoot > tr > th:first-child, .credit_application_wrapper .table-responsive > .table-bordered > thead > tr > td:first-child, .credit_application_wrapper .table-responsive > .table-bordered > tbody > tr > td:first-child, .credit_application_wrapper .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .credit_application_wrapper .table-responsive > .table-bordered > thead > tr > th:last-child, .credit_application_wrapper .table-responsive > .table-bordered > tbody > tr > th:last-child, .credit_application_wrapper .table-responsive > .table-bordered > tfoot > tr > th:last-child, .credit_application_wrapper .table-responsive > .table-bordered > thead > tr > td:last-child, .credit_application_wrapper .table-responsive > .table-bordered > tbody > tr > td:last-child, .credit_application_wrapper .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .credit_application_wrapper .table-responsive > .table-bordered > tbody > tr:last-child > th, .credit_application_wrapper .table-responsive > .table-bordered > tfoot > tr:last-child > th, .credit_application_wrapper .table-responsive > .table-bordered > tbody > tr:last-child > td, .credit_application_wrapper .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .credit_application_wrapper fieldset { padding: 0; margin: 0; border: 0; } .credit_application_wrapper legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } .credit_application_wrapper label { display: inline-block; margin-bottom: 5px; font-weight: bold; } .credit_application_wrapper input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .credit_application_wrapper input[type="radio"], .credit_application_wrapper input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } .credit_application_wrapper input[type="file"] { display: block; } .credit_application_wrapper select[multiple], .credit_application_wrapper select[size] { height: auto; } .credit_application_wrapper select optgroup { font-family: inherit; font-size: inherit; font-style: inherit; } .credit_application_wrapper input[type="file"]:focus, .credit_application_wrapper input[type="radio"]:focus, .credit_application_wrapper input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .credit_application_wrapper input[type="number"]::-webkit-outer-spin-button, .credit_application_wrapper input[type="number"]::-webkit-inner-spin-button { height: auto; } .credit_application_wrapper output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; } .credit_application_wrapper .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .credit_application_wrapper .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .credit_application_wrapper .form-control:-moz-placeholder { color: #999; } .credit_application_wrapper .form-control::-moz-placeholder { color: #999; } .credit_application_wrapper .form-control:-ms-input-placeholder { color: #999; } .credit_application_wrapper .form-control::-webkit-input-placeholder { color: #999; } .credit_application_wrapper .form-control[disabled], .credit_application_wrapper .form-control[readonly], .credit_application_wrapper fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; } .credit_application_wrapper textarea.form-control { height: auto; } .credit_application_wrapper .form-group { margin-bottom: 15px; } .credit_application_wrapper .radio, .credit_application_wrapper .checkbox { display: block; min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; } .credit_application_wrapper .radio label, .credit_application_wrapper .checkbox label { display: inline; margin-bottom: 0; font-weight: normal; cursor: pointer; } .credit_application_wrapper .radio input[type="radio"], .credit_application_wrapper .radio-inline input[type="radio"], .credit_application_wrapper .checkbox input[type="checkbox"], .credit_application_wrapper .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; } .credit_application_wrapper .radio + .radio, .credit_application_wrapper .checkbox + .checkbox { margin-top: -5px; } .credit_application_wrapper .radio-inline, .credit_application_wrapper .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .credit_application_wrapper .radio-inline + .radio-inline, .credit_application_wrapper .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } .credit_application_wrapper input[type="radio"][disabled], .credit_application_wrapper input[type="checkbox"][disabled], .credit_application_wrapper .radio[disabled], .credit_application_wrapper .radio-inline[disabled], .credit_application_wrapper .checkbox[disabled], .credit_application_wrapper .checkbox-inline[disabled], .credit_application_wrapper fieldset[disabled] input[type="radio"], .credit_application_wrapper fieldset[disabled] input[type="checkbox"], .credit_application_wrapper fieldset[disabled] .radio, .credit_application_wrapper fieldset[disabled] .radio-inline, .credit_application_wrapper fieldset[disabled] .checkbox, .credit_application_wrapper fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .credit_application_wrapper .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .credit_application_wrapper select.input-sm { height: 30px; line-height: 30px; } .credit_application_wrapper textarea.input-sm { height: auto; } .credit_application_wrapper .input-lg { height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .credit_application_wrapper select.input-lg { height: 45px; line-height: 45px; } .credit_application_wrapper textarea.input-lg { height: auto; } .credit_application_wrapper .has-warning .help-block, .credit_application_wrapper .has-warning .control-label, .credit_application_wrapper .has-warning .radio, .credit_application_wrapper .has-warning .checkbox, .credit_application_wrapper .has-warning .radio-inline, .credit_application_wrapper .has-warning .checkbox-inline { color: #c09853; } .credit_application_wrapper .has-warning .form-control { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .credit_application_wrapper .has-warning .form-control:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .credit_application_wrapper .has-warning .input-group-addon { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .credit_application_wrapper .has-error .help-block, .credit_application_wrapper .has-error .control-label, .credit_application_wrapper .has-error .radio, .credit_application_wrapper .has-error .checkbox, .credit_application_wrapper .has-error .radio-inline, .credit_application_wrapper .has-error .checkbox-inline { color: #b94a48; } .credit_application_wrapper .has-error .form-control { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .credit_application_wrapper .has-error .form-control:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .credit_application_wrapper .has-error .input-group-addon { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .credit_application_wrapper .has-success .help-block, .credit_application_wrapper .has-success .control-label, .credit_application_wrapper .has-success .radio, .credit_application_wrapper .has-success .checkbox, .credit_application_wrapper .has-success .radio-inline, .credit_application_wrapper .has-success .checkbox-inline { color: #468847; } .credit_application_wrapper .has-success .form-control { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .credit_application_wrapper .has-success .form-control:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .credit_application_wrapper .has-success .input-group-addon { color: #468847; background-color: #dff0d8; border-color: #468847; } .credit_application_wrapper .form-control-static { margin-bottom: 0; } .credit_application_wrapper .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .credit_application_wrapper .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .credit_application_wrapper .form-inline .form-control { display: inline-block; } .credit_application_wrapper .form-inline .radio, .credit_application_wrapper .form-inline .checkbox { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0; } .credit_application_wrapper .form-inline .radio input[type="radio"], .credit_application_wrapper .form-inline .checkbox input[type="checkbox"] { float: none; margin-left: 0; } } .credit_application_wrapper .form-horizontal .control-label, .credit_application_wrapper .form-horizontal .radio, .credit_application_wrapper .form-horizontal .checkbox, .credit_application_wrapper .form-horizontal .radio-inline, .credit_application_wrapper .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .credit_application_wrapper .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } .credit_application_wrapper .form-horizontal .form-group:before, .credit_application_wrapper .form-horizontal .form-group:after { display: table; content: " "; } .credit_application_wrapper .form-horizontal .form-group:after { clear: both; } .credit_application_wrapper .form-horizontal .form-group:before, .credit_application_wrapper .form-horizontal .form-group:after { display: table; content: " "; } .credit_application_wrapper .form-horizontal .form-group:after { clear: both; } .credit_application_wrapper .form-horizontal .form-control-static { padding-top: 7px; } @media (min-width: 768px) { .credit_application_wrapper .form-horizontal .control-label { text-align: right; } } .credit_application_wrapper .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .credit_application_wrapper .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .credit_application_wrapper .btn:hover, .credit_application_wrapper .btn:focus { color: #333; text-decoration: none; } .credit_application_wrapper .btn:active, .credit_application_wrapper .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .credit_application_wrapper .btn.disabled, .credit_application_wrapper .btn[disabled], .credit_application_wrapper fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .credit_application_wrapper .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .credit_application_wrapper .btn-default:hover, .credit_application_wrapper .btn-default:focus, .credit_application_wrapper .btn-default:active, .credit_application_wrapper .btn-default.active, .credit_application_wrapper .open .dropdown-toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad; } .credit_application_wrapper .btn-default:active, .credit_application_wrapper .btn-default.active, .credit_application_wrapper .open .dropdown-toggle.btn-default { background-image: none; } .credit_application_wrapper .btn-default.disabled, .credit_application_wrapper .btn-default[disabled], .credit_application_wrapper fieldset[disabled] .btn-default, .credit_application_wrapper .btn-default.disabled:hover, .credit_application_wrapper .btn-default[disabled]:hover, .credit_application_wrapper fieldset[disabled] .btn-default:hover, .credit_application_wrapper .btn-default.disabled:focus, .credit_application_wrapper .btn-default[disabled]:focus, .credit_application_wrapper fieldset[disabled] .btn-default:focus, .credit_application_wrapper .btn-default.disabled:active, .credit_application_wrapper .btn-default[disabled]:active, .credit_application_wrapper fieldset[disabled] .btn-default:active, .credit_application_wrapper .btn-default.disabled.active, .credit_application_wrapper .btn-default[disabled].active, .credit_application_wrapper fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .credit_application_wrapper .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; } .credit_application_wrapper .btn-primary:hover, .credit_application_wrapper .btn-primary:focus, .credit_application_wrapper .btn-primary:active, .credit_application_wrapper .btn-primary.active, .credit_application_wrapper .open .dropdown-toggle.btn-primary { color: #fff; background-color: #3276b1; border-color: #285e8e; } .credit_application_wrapper .btn-primary:active, .credit_application_wrapper .btn-primary.active, .credit_application_wrapper .open .dropdown-toggle.btn-primary { background-image: none; } .credit_application_wrapper .btn-primary.disabled, .credit_application_wrapper .btn-primary[disabled], .credit_application_wrapper fieldset[disabled] .btn-primary, .credit_application_wrapper .btn-primary.disabled:hover, .credit_application_wrapper .btn-primary[disabled]:hover, .credit_application_wrapper fieldset[disabled] .btn-primary:hover, .credit_application_wrapper .btn-primary.disabled:focus, .credit_application_wrapper .btn-primary[disabled]:focus, .credit_application_wrapper fieldset[disabled] .btn-primary:focus, .credit_application_wrapper .btn-primary.disabled:active, .credit_application_wrapper .btn-primary[disabled]:active, .credit_application_wrapper fieldset[disabled] .btn-primary:active, .credit_application_wrapper .btn-primary.disabled.active, .credit_application_wrapper .btn-primary[disabled].active, .credit_application_wrapper fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .credit_application_wrapper .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .credit_application_wrapper .btn-warning:hover, .credit_application_wrapper .btn-warning:focus, .credit_application_wrapper .btn-warning:active, .credit_application_wrapper .btn-warning.active, .credit_application_wrapper .open .dropdown-toggle.btn-warning { color: #fff; background-color: #ed9c28; border-color: #d58512; } .credit_application_wrapper .btn-warning:active, .credit_application_wrapper .btn-warning.active, .credit_application_wrapper .open .dropdown-toggle.btn-warning { background-image: none; } .credit_application_wrapper .btn-warning.disabled, .credit_application_wrapper .btn-warning[disabled], .credit_application_wrapper fieldset[disabled] .btn-warning, .credit_application_wrapper .btn-warning.disabled:hover, .credit_application_wrapper .btn-warning[disabled]:hover, .credit_application_wrapper fieldset[disabled] .btn-warning:hover, .credit_application_wrapper .btn-warning.disabled:focus, .credit_application_wrapper .btn-warning[disabled]:focus, .credit_application_wrapper fieldset[disabled] .btn-warning:focus, .credit_application_wrapper .btn-warning.disabled:active, .credit_application_wrapper .btn-warning[disabled]:active, .credit_application_wrapper fieldset[disabled] .btn-warning:active, .credit_application_wrapper .btn-warning.disabled.active, .credit_application_wrapper .btn-warning[disabled].active, .credit_application_wrapper fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .credit_application_wrapper .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .credit_application_wrapper .btn-danger:hover, .credit_application_wrapper .btn-danger:focus, .credit_application_wrapper .btn-danger:active, .credit_application_wrapper .btn-danger.active, .credit_application_wrapper .open .dropdown-toggle.btn-danger { color: #fff; background-color: #d2322d; border-color: #ac2925; } .credit_application_wrapper .btn-danger:active, .credit_application_wrapper .btn-danger.active, .credit_application_wrapper .open .dropdown-toggle.btn-danger { background-image: none; } .credit_application_wrapper .btn-danger.disabled, .credit_application_wrapper .btn-danger[disabled], .credit_application_wrapper fieldset[disabled] .btn-danger, .credit_application_wrapper .btn-danger.disabled:hover, .credit_application_wrapper .btn-danger[disabled]:hover, .credit_application_wrapper fieldset[disabled] .btn-danger:hover, .credit_application_wrapper .btn-danger.disabled:focus, .credit_application_wrapper .btn-danger[disabled]:focus, .credit_application_wrapper fieldset[disabled] .btn-danger:focus, .credit_application_wrapper .btn-danger.disabled:active, .credit_application_wrapper .btn-danger[disabled]:active, .credit_application_wrapper fieldset[disabled] .btn-danger:active, .credit_application_wrapper .btn-danger.disabled.active, .credit_application_wrapper .btn-danger[disabled].active, .credit_application_wrapper fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .credit_application_wrapper .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .credit_application_wrapper .btn-success:hover, .credit_application_wrapper .btn-success:focus, .credit_application_wrapper .btn-success:active, .credit_application_wrapper .btn-success.active, .credit_application_wrapper .open .dropdown-toggle.btn-success { color: #fff; background-color: #47a447; border-color: #398439; } .credit_application_wrapper .btn-success:active, .credit_application_wrapper .btn-success.active, .credit_application_wrapper .open .dropdown-toggle.btn-success { background-image: none; } .credit_application_wrapper .btn-success.disabled, .credit_application_wrapper .btn-success[disabled], .credit_application_wrapper fieldset[disabled] .btn-success, .credit_application_wrapper .btn-success.disabled:hover, .credit_application_wrapper .btn-success[disabled]:hover, .credit_application_wrapper fieldset[disabled] .btn-success:hover, .credit_application_wrapper .btn-success.disabled:focus, .credit_application_wrapper .btn-success[disabled]:focus, .credit_application_wrapper fieldset[disabled] .btn-success:focus, .credit_application_wrapper .btn-success.disabled:active, .credit_application_wrapper .btn-success[disabled]:active, .credit_application_wrapper fieldset[disabled] .btn-success:active, .credit_application_wrapper .btn-success.disabled.active, .credit_application_wrapper .btn-success[disabled].active, .credit_application_wrapper fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .credit_application_wrapper .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .credit_application_wrapper .btn-info:hover, .credit_application_wrapper .btn-info:focus, .credit_application_wrapper .btn-info:active, .credit_application_wrapper .btn-info.active, .credit_application_wrapper .open .dropdown-toggle.btn-info { color: #fff; background-color: #39b3d7; border-color: #269abc; } .credit_application_wrapper .btn-info:active, .credit_application_wrapper .btn-info.active, .credit_application_wrapper .open .dropdown-toggle.btn-info { background-image: none; } .credit_application_wrapper .btn-info.disabled, .credit_application_wrapper .btn-info[disabled], .credit_application_wrapper fieldset[disabled] .btn-info, .credit_application_wrapper .btn-info.disabled:hover, .credit_application_wrapper .btn-info[disabled]:hover, .credit_application_wrapper fieldset[disabled] .btn-info:hover, .credit_application_wrapper .btn-info.disabled:focus, .credit_application_wrapper .btn-info[disabled]:focus, .credit_application_wrapper fieldset[disabled] .btn-info:focus, .credit_application_wrapper .btn-info.disabled:active, .credit_application_wrapper .btn-info[disabled]:active, .credit_application_wrapper fieldset[disabled] .btn-info:active, .credit_application_wrapper .btn-info.disabled.active, .credit_application_wrapper .btn-info[disabled].active, .credit_application_wrapper fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .credit_application_wrapper .btn-link { font-weight: normal; color: #428bca; cursor: pointer; border-radius: 0; } .credit_application_wrapper .btn-link, .credit_application_wrapper .btn-link:active, .credit_application_wrapper .btn-link[disabled], .credit_application_wrapper fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .credit_application_wrapper .btn-link, .credit_application_wrapper .btn-link:hover, .credit_application_wrapper .btn-link:focus, .credit_application_wrapper .btn-link:active { border-color: transparent; } .credit_application_wrapper .btn-link:hover, .credit_application_wrapper .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } .credit_application_wrapper .btn-link[disabled]:hover, .credit_application_wrapper fieldset[disabled] .btn-link:hover, .credit_application_wrapper .btn-link[disabled]:focus, .credit_application_wrapper fieldset[disabled] .btn-link:focus { color: #999; text-decoration: none; } .credit_application_wrapper .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .credit_application_wrapper .btn-sm, .credit_application_wrapper .btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .credit_application_wrapper .btn-xs { padding: 1px 5px; } .credit_application_wrapper .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; } .credit_application_wrapper .btn-block + .btn-block { margin-top: 5px; } .credit_application_wrapper input[type="submit"].btn-block, .credit_application_wrapper input[type="reset"].btn-block, .credit_application_wrapper input[type="button"].btn-block { width: 100%; } .credit_application_wrapper .caret { display: none !important; } .credit_application_wrapper .dropdown { position: relative; } .credit_application_wrapper .dropdown-toggle:focus { outline: 0; } .credit_application_wrapper .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .credit_application_wrapper .dropdown-menu.pull-right { right: 0; left: auto; } .credit_application_wrapper .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .credit_application_wrapper .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333; white-space: nowrap; } .credit_application_wrapper .dropdown-menu > li > a:hover, .credit_application_wrapper .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .credit_application_wrapper .dropdown-menu > .active > a, .credit_application_wrapper .dropdown-menu > .active > a:hover, .credit_application_wrapper .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #428bca; outline: 0; } .credit_application_wrapper .dropdown-menu > .disabled > a, .credit_application_wrapper .dropdown-menu > .disabled > a:hover, .credit_application_wrapper .dropdown-menu > .disabled > a:focus { color: #999; } .credit_application_wrapper .dropdown-menu > .disabled > a:hover, .credit_application_wrapper .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; } .credit_application_wrapper .open > .dropdown-menu { display: block; } .credit_application_wrapper .open > a { outline: 0; } .credit_application_wrapper .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #999; } .credit_application_wrapper .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .credit_application_wrapper .pull-right > .dropdown-menu { right: 0; left: auto; } .credit_application_wrapper .dropup .caret, .credit_application_wrapper .navbar-fixed-bottom .dropdown .caret { border-top: 0 dotted; border-bottom: 4px solid #000; content: ""; } .credit_application_wrapper .dropup .dropdown-menu, .credit_application_wrapper .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .credit_application_wrapper .navbar-right .dropdown-menu { right: 0; left: auto; } } .credit_application_wrapper .btn-default .caret { border-top-color: #333; } .credit_application_wrapper .btn-primary .caret, .credit_application_wrapper .btn-success .caret, .credit_application_wrapper .btn-warning .caret, .credit_application_wrapper .btn-danger .caret, .credit_application_wrapper .btn-info .caret { border-top-color: #fff; } .credit_application_wrapper .dropup .btn-default .caret { border-bottom-color: #333; } .credit_application_wrapper .dropup .btn-primary .caret, .credit_application_wrapper .dropup .btn-success .caret, .credit_application_wrapper .dropup .btn-warning .caret, .credit_application_wrapper .dropup .btn-danger .caret, .credit_application_wrapper .dropup .btn-info .caret { border-bottom-color: #fff; } .credit_application_wrapper .btn-group, .credit_application_wrapper .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .credit_application_wrapper .btn-group > .btn, .credit_application_wrapper .btn-group-vertical > .btn { position: relative; float: left; } .credit_application_wrapper .btn-group > .btn:hover, .credit_application_wrapper .btn-group-vertical > .btn:hover, .credit_application_wrapper .btn-group > .btn:focus, .credit_application_wrapper .btn-group-vertical > .btn:focus, .credit_application_wrapper .btn-group > .btn:active, .credit_application_wrapper .btn-group-vertical > .btn:active, .credit_application_wrapper .btn-group > .btn.active, .credit_application_wrapper .btn-group-vertical > .btn.active { z-index: 2; } .credit_application_wrapper .btn-group > .btn:focus, .credit_application_wrapper .btn-group-vertical > .btn:focus { outline: 0; } .credit_application_wrapper .btn-group .btn + .btn, .credit_application_wrapper .btn-group .btn + .btn-group, .credit_application_wrapper .btn-group .btn-group + .btn, .credit_application_wrapper .btn-group .btn-group + .btn-group { margin-left: -1px; } .credit_application_wrapper .btn-toolbar:before, .credit_application_wrapper .btn-toolbar:after { display: table; content: " "; } .credit_application_wrapper .btn-toolbar:after { clear: both; } .credit_application_wrapper .btn-toolbar:before, .credit_application_wrapper .btn-toolbar:after { display: table; content: " "; } .credit_application_wrapper .btn-toolbar:after { clear: both; } .credit_application_wrapper .btn-toolbar .btn-group { float: left; } .credit_application_wrapper .btn-toolbar > .btn + .btn, .credit_application_wrapper .btn-toolbar > .btn-group + .btn, .credit_application_wrapper .btn-toolbar > .btn + .btn-group, .credit_application_wrapper .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } .credit_application_wrapper .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .credit_application_wrapper .btn-group > .btn:first-child { margin-left: 0; } .credit_application_wrapper .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .credit_application_wrapper .btn-group > .btn:last-child:not(:first-child), .credit_application_wrapper .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .credit_application_wrapper .btn-group > .btn-group { float: left; } .credit_application_wrapper .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .credit_application_wrapper .btn-group > .btn-group:first-child > .btn:last-child, .credit_application_wrapper .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .credit_application_wrapper .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .credit_application_wrapper .btn-group .dropdown-toggle:active, .credit_application_wrapper .btn-group.open .dropdown-toggle { outline: 0; } .credit_application_wrapper .btn-group-xs > .btn { padding: 5px 10px; padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .credit_application_wrapper .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .credit_application_wrapper .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .credit_application_wrapper .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .credit_application_wrapper .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .credit_application_wrapper .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .credit_application_wrapper .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .credit_application_wrapper .btn .caret { margin-left: 0; } .credit_application_wrapper .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .credit_application_wrapper .dropup .btn-lg .caret { border-width: 0 5px 5px; } .credit_application_wrapper .btn-group-vertical > .btn, .credit_application_wrapper .btn-group-vertical > .btn-group { display: block; float: none; width: 100%; max-width: 100%; } .credit_application_wrapper .btn-group-vertical > .btn-group:before, .credit_application_wrapper .btn-group-vertical > .btn-group:after { display: table; content: " "; } .credit_application_wrapper .btn-group-vertical > .btn-group:after { clear: both; } .credit_application_wrapper .btn-group-vertical > .btn-group:before, .credit_application_wrapper .btn-group-vertical > .btn-group:after { display: table; content: " "; } .credit_application_wrapper .btn-group-vertical > .btn-group:after { clear: both; } .credit_application_wrapper .btn-group-vertical > .btn-group > .btn { float: none; } .credit_application_wrapper .btn-group-vertical > .btn + .btn, .credit_application_wrapper .btn-group-vertical > .btn + .btn-group, .credit_application_wrapper .btn-group-vertical > .btn-group + .btn, .credit_application_wrapper .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .credit_application_wrapper .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .credit_application_wrapper .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .credit_application_wrapper .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 0; } .credit_application_wrapper .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .credit_application_wrapper .btn-group-vertical > .btn-group:first-child > .btn:last-child, .credit_application_wrapper .btn-group-vertical > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .credit_application_wrapper .btn-group-vertical > .btn-group:last-child > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .credit_application_wrapper .btn-group-justified { display: table; width: 100%; border-collapse: separate; table-layout: fixed; } .credit_application_wrapper .btn-group-justified .btn { display: table-cell; float: none; width: 1%; } .credit_application_wrapper [data-toggle="buttons"] > .btn > input[type="radio"], .credit_application_wrapper [data-toggle="buttons"] > .btn > input[type="checkbox"] { display: none; } .credit_application_wrapper .input-group { position: relative; display: table; border-collapse: separate; } .credit_application_wrapper .input-group.col { float: none; padding-right: 0; padding-left: 0; } .credit_application_wrapper .input-group .form-control { width: 100%; margin-bottom: 0; } .credit_application_wrapper .input-group-lg > .form-control, .credit_application_wrapper .input-group-lg > .input-group-addon, .credit_application_wrapper .input-group-lg > .input-group-btn > .btn { height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .credit_application_wrapper select.input-group-lg > .form-control, .credit_application_wrapper select.input-group-lg > .input-group-addon, .credit_application_wrapper select.input-group-lg > .input-group-btn > .btn { height: 45px; line-height: 45px; } .credit_application_wrapper textarea.input-group-lg > .form-control, .credit_application_wrapper textarea.input-group-lg > .input-group-addon, .credit_application_wrapper textarea.input-group-lg > .input-group-btn > .btn { height: auto; } .credit_application_wrapper .input-group-sm > .form-control, .credit_application_wrapper .input-group-sm > .input-group-addon, .credit_application_wrapper .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .credit_application_wrapper select.input-group-sm > .form-control, .credit_application_wrapper select.input-group-sm > .input-group-addon, .credit_application_wrapper select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } .credit_application_wrapper textarea.input-group-sm > .form-control, .credit_application_wrapper textarea.input-group-sm > .input-group-addon, .credit_application_wrapper textarea.input-group-sm > .input-group-btn > .btn { height: auto; } .credit_application_wrapper .input-group-addon, .credit_application_wrapper .input-group-btn, .credit_application_wrapper .input-group .form-control { display: table-cell; } .credit_application_wrapper .input-group-addon:not(:first-child):not(:last-child), .credit_application_wrapper .input-group-btn:not(:first-child):not(:last-child), .credit_application_wrapper .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .credit_application_wrapper .input-group-addon, .credit_application_wrapper .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .credit_application_wrapper .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .credit_application_wrapper .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .credit_application_wrapper .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .credit_application_wrapper .input-group-addon input[type="radio"], .credit_application_wrapper .input-group-addon input[type="checkbox"] { margin-top: 0; } .credit_application_wrapper .input-group .form-control:first-child, .credit_application_wrapper .input-group-addon:first-child, .credit_application_wrapper .input-group-btn:first-child > .btn, .credit_application_wrapper .input-group-btn:first-child > .dropdown-toggle, .credit_application_wrapper .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .credit_application_wrapper .input-group-addon:first-child { border-right: 0; } .credit_application_wrapper .input-group .form-control:last-child, .credit_application_wrapper .input-group-addon:last-child, .credit_application_wrapper .input-group-btn:last-child > .btn, .credit_application_wrapper .input-group-btn:last-child > .dropdown-toggle, .credit_application_wrapper .input-group-btn:first-child > .btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .credit_application_wrapper .input-group-addon:last-child { border-left: 0; } .credit_application_wrapper .input-group-btn { position: relative; white-space: nowrap; } .credit_application_wrapper .input-group-btn:first-child > .btn { margin-right: -1px; } .credit_application_wrapper .input-group-btn:last-child > .btn { margin-left: -1px; } .credit_application_wrapper .input-group-btn > .btn { position: relative; } .credit_application_wrapper .input-group-btn > .btn + .btn { margin-left: -4px; } .credit_application_wrapper .input-group-btn > .btn:hover, .credit_application_wrapper .input-group-btn > .btn:active { z-index: 2; } .credit_application_wrapper .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .credit_application_wrapper .nav:before, .credit_application_wrapper .nav:after { display: table; content: " "; } .credit_application_wrapper .nav:after { clear: both; } .credit_application_wrapper .nav:before, .credit_application_wrapper .nav:after { display: table; content: " "; } .credit_application_wrapper .nav:after { clear: both; } .credit_application_wrapper .nav > li { position: relative; display: block; } .credit_application_wrapper .nav > li > a { position: relative; display: block; padding: 10px 15px; } .credit_application_wrapper .nav > li > a:hover, .credit_application_wrapper .nav > li > a:focus { text-decoration: none; background-color: #eee; } .credit_application_wrapper .nav > li.disabled > a { color: #999; } .credit_application_wrapper .nav > li.disabled > a:hover, .credit_application_wrapper .nav > li.disabled > a:focus { color: #999; text-decoration: none; cursor: not-allowed; background-color: transparent; } .credit_application_wrapper .nav .open > a, .credit_application_wrapper .nav .open > a:hover, .credit_application_wrapper .nav .open > a:focus { background-color: #eee; border-color: #428bca; } .credit_application_wrapper .nav .open > a .caret, .credit_application_wrapper .nav .open > a:hover .caret, .credit_application_wrapper .nav .open > a:focus .caret { border-top-color: #2a6496; border-bottom-color: #2a6496; } .credit_application_wrapper .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .credit_application_wrapper .nav > li > a > img { max-width: none; } .credit_application_wrapper .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .credit_application_wrapper .navbar:before, .credit_application_wrapper .navbar:after { display: table; content: " "; } .credit_application_wrapper .navbar:after { clear: both; } .credit_application_wrapper .navbar:before, .credit_application_wrapper .navbar:after { display: table; content: " "; } .credit_application_wrapper .navbar:after { clear: both; } @media (min-width: 768px) { .credit_application_wrapper .navbar { border-radius: 4px; } } .credit_application_wrapper .navbar-header:before, .credit_application_wrapper .navbar-header:after { display: table; content: " "; } .credit_application_wrapper .navbar-header:after { clear: both; } .credit_application_wrapper .navbar-header:before, .credit_application_wrapper .navbar-header:after { display: table; content: " "; } .credit_application_wrapper .navbar-header:after { clear: both; } @media (min-width: 768px) { .credit_application_wrapper .navbar-header { float: left; } } .credit_application_wrapper .navbar-collapse { max-height: 340px; padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .credit_application_wrapper .navbar-collapse:before, .credit_application_wrapper .navbar-collapse:after { display: table; content: " "; } .credit_application_wrapper .navbar-collapse:after { clear: both; } .credit_application_wrapper .navbar-collapse:before, .credit_application_wrapper .navbar-collapse:after { display: table; content: " "; } .credit_application_wrapper .navbar-collapse:after { clear: both; } .credit_application_wrapper .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .credit_application_wrapper .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .credit_application_wrapper .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .credit_application_wrapper .navbar-collapse.in { overflow-y: auto; } .credit_application_wrapper .navbar-collapse .navbar-nav.navbar-left:first-child { margin-left: -15px; } .credit_application_wrapper .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: -15px; } .credit_application_wrapper .navbar-collapse .navbar-text:last-child { margin-right: 0; } } .credit_application_wrapper .container > .navbar-header, .credit_application_wrapper .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .credit_application_wrapper .container > .navbar-header, .credit_application_wrapper .container > .navbar-collapse { margin-right: 0; margin-left: 0; } } .credit_application_wrapper .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .credit_application_wrapper .navbar-static-top { border-radius: 0; } } .credit_application_wrapper .navbar-fixed-top, .credit_application_wrapper .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .credit_application_wrapper .navbar-fixed-top, .credit_application_wrapper .navbar-fixed-bottom { border-radius: 0; } } .credit_application_wrapper .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .credit_application_wrapper .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .credit_application_wrapper .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; } .credit_application_wrapper .navbar-brand:hover, .credit_application_wrapper .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .credit_application_wrapper .navbar > .container .navbar-brand { margin-left: -15px; } } .credit_application_wrapper .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .credit_application_wrapper .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .credit_application_wrapper .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .credit_application_wrapper .navbar-toggle { display: none; } } .credit_application_wrapper .navbar-nav { margin: 7.5px -15px; } .credit_application_wrapper .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .credit_application_wrapper .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .credit_application_wrapper .navbar-nav .open .dropdown-menu > li > a, .credit_application_wrapper .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .credit_application_wrapper .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .credit_application_wrapper .navbar-nav .open .dropdown-menu > li > a:hover, .credit_application_wrapper .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .credit_application_wrapper .navbar-nav { float: left; margin: 0; } .credit_application_wrapper .navbar-nav > li { float: left; } .credit_application_wrapper .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } @media (min-width: 768px) { .credit_application_wrapper .navbar-left { float: left !important; } .credit_application_wrapper .navbar-right { float: right !important; } } .credit_application_wrapper .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { .credit_application_wrapper .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .credit_application_wrapper .navbar-form .form-control { display: inline-block; } .credit_application_wrapper .navbar-form .radio, .credit_application_wrapper .navbar-form .checkbox { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0; } .credit_application_wrapper .navbar-form .radio input[type="radio"], .credit_application_wrapper .navbar-form .checkbox input[type="checkbox"] { float: none; margin-left: 0; } } @media (max-width: 767px) { .credit_application_wrapper .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .credit_application_wrapper .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .credit_application_wrapper .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .credit_application_wrapper .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .credit_application_wrapper .navbar-nav.pull-right > li > .dropdown-menu, .credit_application_wrapper .navbar-nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .credit_application_wrapper .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .credit_application_wrapper .navbar-text { float: left; margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .credit_application_wrapper .navbar-text { margin-right: 15px; margin-left: 15px; } } .credit_application_wrapper .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .credit_application_wrapper .navbar-default .navbar-brand { color: #777; } .credit_application_wrapper .navbar-default .navbar-brand:hover, .credit_application_wrapper .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .credit_application_wrapper .navbar-default .navbar-text { color: #777; } .credit_application_wrapper .navbar-default .navbar-nav > li > a { color: #777; } .credit_application_wrapper .navbar-default .navbar-nav > li > a:hover, .credit_application_wrapper .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .credit_application_wrapper .navbar-default .navbar-nav > .active > a, .credit_application_wrapper .navbar-default .navbar-nav > .active > a:hover, .credit_application_wrapper .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .credit_application_wrapper .navbar-default .navbar-nav > .disabled > a, .credit_application_wrapper .navbar-default .navbar-nav > .disabled > a:hover, .credit_application_wrapper .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .credit_application_wrapper .navbar-default .navbar-toggle { border-color: #ddd; } .credit_application_wrapper .navbar-default .navbar-toggle:hover, .credit_application_wrapper .navbar-default .navbar-toggle:focus { background-color: #ddd; } .credit_application_wrapper .navbar-default .navbar-toggle .icon-bar { background-color: #ccc; } .credit_application_wrapper .navbar-default .navbar-collapse, .credit_application_wrapper .navbar-default .navbar-form { border-color: #e7e7e7; } .credit_application_wrapper .navbar-default .navbar-nav > .dropdown > a:hover .caret, .credit_application_wrapper .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-top-color: #333; border-bottom-color: #333; } .credit_application_wrapper .navbar-default .navbar-nav > .open > a, .credit_application_wrapper .navbar-default .navbar-nav > .open > a:hover, .credit_application_wrapper .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } .credit_application_wrapper .navbar-default .navbar-nav > .open > a .caret, .credit_application_wrapper .navbar-default .navbar-nav > .open > a:hover .caret, .credit_application_wrapper .navbar-default .navbar-nav > .open > a:focus .caret { border-top-color: #555; border-bottom-color: #555; } .credit_application_wrapper .navbar-default .navbar-nav > .dropdown > a .caret { border-top-color: #777; border-bottom-color: #777; } @media (max-width: 767px) { .credit_application_wrapper .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .credit_application_wrapper .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .credit_application_wrapper .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .credit_application_wrapper .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .credit_application_wrapper .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .credit_application_wrapper .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .credit_application_wrapper .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .credit_application_wrapper .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .credit_application_wrapper .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .credit_application_wrapper .navbar-default .navbar-link { color: #777; } .credit_application_wrapper .navbar-default .navbar-link:hover { color: #333; } .credit_application_wrapper .navbar-inverse { background-color: #222; border-color: #080808; } .credit_application_wrapper .navbar-inverse .navbar-brand { color: #999; } .credit_application_wrapper .navbar-inverse .navbar-brand:hover, .credit_application_wrapper .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .credit_application_wrapper .navbar-inverse .navbar-text { color: #999; } .credit_application_wrapper .navbar-inverse .navbar-nav > li > a { color: #999; } .credit_application_wrapper .navbar-inverse .navbar-nav > li > a:hover, .credit_application_wrapper .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .credit_application_wrapper .navbar-inverse .navbar-nav > .active > a, .credit_application_wrapper .navbar-inverse .navbar-nav > .active > a:hover, .credit_application_wrapper .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .credit_application_wrapper .navbar-inverse .navbar-nav > .disabled > a, .credit_application_wrapper .navbar-inverse .navbar-nav > .disabled > a:hover, .credit_application_wrapper .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .credit_application_wrapper .navbar-inverse .navbar-toggle { border-color: #333; } .credit_application_wrapper .navbar-inverse .navbar-toggle:hover, .credit_application_wrapper .navbar-inverse .navbar-toggle:focus { background-color: #333; } .credit_application_wrapper .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .credit_application_wrapper .navbar-inverse .navbar-collapse, .credit_application_wrapper .navbar-inverse .navbar-form { border-color: #101010; } .credit_application_wrapper .navbar-inverse .navbar-nav > .open > a, .credit_application_wrapper .navbar-inverse .navbar-nav > .open > a:hover, .credit_application_wrapper .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } .credit_application_wrapper .navbar-inverse .navbar-nav > .dropdown > a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; } .credit_application_wrapper .navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: #999; border-bottom-color: #999; } .credit_application_wrapper .navbar-inverse .navbar-nav > .open > a .caret, .credit_application_wrapper .navbar-inverse .navbar-nav > .open > a:hover .caret, .credit_application_wrapper .navbar-inverse .navbar-nav > .open > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; } @media (max-width: 767px) { .credit_application_wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .credit_application_wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #999; } .credit_application_wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .credit_application_wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .credit_application_wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .credit_application_wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .credit_application_wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .credit_application_wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .credit_application_wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .credit_application_wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .credit_application_wrapper .navbar-inverse .navbar-link { color: #999; } .credit_application_wrapper .navbar-inverse .navbar-link:hover { color: #fff; } .credit_application_wrapper .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .credit_application_wrapper .breadcrumb > li { display: inline-block; } .credit_application_wrapper .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/ "; } .credit_application_wrapper .breadcrumb > .active { color: #999; } .credit_application_wrapper .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .credit_application_wrapper .pagination > li { display: inline; } .credit_application_wrapper .pagination > li > a, .credit_application_wrapper .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .credit_application_wrapper .pagination > li:first-child > a, .credit_application_wrapper .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .credit_application_wrapper .pagination > li:last-child > a, .credit_application_wrapper .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .credit_application_wrapper .pagination > li > a:hover, .credit_application_wrapper .pagination > li > span:hover, .credit_application_wrapper .pagination > li > a:focus, .credit_application_wrapper .pagination > li > span:focus { background-color: #eee; } .credit_application_wrapper .pagination > .active > a, .credit_application_wrapper .pagination > .active > span, .credit_application_wrapper .pagination > .active > a:hover, .credit_application_wrapper .pagination > .active > span:hover, .credit_application_wrapper .pagination > .active > a:focus, .credit_application_wrapper .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca; } .credit_application_wrapper .pagination > .disabled > span, .credit_application_wrapper .pagination > .disabled > span:hover, .credit_application_wrapper .pagination > .disabled > span:focus, .credit_application_wrapper .pagination > .disabled > a, .credit_application_wrapper .pagination > .disabled > a:hover, .credit_application_wrapper .pagination > .disabled > a:focus { color: #999; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .credit_application_wrapper .pagination-lg > li > a, .credit_application_wrapper .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .credit_application_wrapper .pagination-lg > li:first-child > a, .credit_application_wrapper .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .credit_application_wrapper .pagination-lg > li:last-child > a, .credit_application_wrapper .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .credit_application_wrapper .pagination-sm > li > a, .credit_application_wrapper .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .credit_application_wrapper .pagination-sm > li:first-child > a, .credit_application_wrapper .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .credit_application_wrapper .pagination-sm > li:last-child > a, .credit_application_wrapper .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .credit_application_wrapper .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .credit_application_wrapper .pager:before, .credit_application_wrapper .pager:after { display: table; content: " "; } .credit_application_wrapper .pager:after { clear: both; } .credit_application_wrapper .pager:before, .credit_application_wrapper .pager:after { display: table; content: " "; } .credit_application_wrapper .pager:after { clear: both; } .credit_application_wrapper .pager li { display: inline; } .credit_application_wrapper .pager li > a, .credit_application_wrapper .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .credit_application_wrapper .pager li > a:hover, .credit_application_wrapper .pager li > a:focus { text-decoration: none; background-color: #eee; } .credit_application_wrapper .pager .next > a, .credit_application_wrapper .pager .next > span { float: right; } .credit_application_wrapper .pager .previous > a, .credit_application_wrapper .pager .previous > span { float: left; } .credit_application_wrapper .pager .disabled > a, .credit_application_wrapper .pager .disabled > a:hover, .credit_application_wrapper .pager .disabled > a:focus, .credit_application_wrapper .pager .disabled > span { color: #999; cursor: not-allowed; background-color: #fff; } .credit_application_wrapper .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } .credit_application_wrapper .label[href]:hover, .credit_application_wrapper .label[href]:focus { color: #fff; text-decoration: none; cursor: pointer; } .credit_application_wrapper .label:empty { display: none; } .credit_application_wrapper .label-default { background-color: #999; } .credit_application_wrapper .label-default[href]:hover, .credit_application_wrapper .label-default[href]:focus { background-color: #808080; } .credit_application_wrapper .label-primary { background-color: #428bca; } .credit_application_wrapper .label-primary[href]:hover, .credit_application_wrapper .label-primary[href]:focus { background-color: #3071a9; } .credit_application_wrapper .label-success { background-color: #5cb85c; } .credit_application_wrapper .label-success[href]:hover, .credit_application_wrapper .label-success[href]:focus { background-color: #449d44; } .credit_application_wrapper .label-info { background-color: #5bc0de; } .credit_application_wrapper .label-info[href]:hover, .credit_application_wrapper .label-info[href]:focus { background-color: #31b0d5; } .credit_application_wrapper .label-warning { background-color: #f0ad4e; } .credit_application_wrapper .label-warning[href]:hover, .credit_application_wrapper .label-warning[href]:focus { background-color: #ec971f; } .credit_application_wrapper .label-danger { background-color: #d9534f; } .credit_application_wrapper .label-danger[href]:hover, .credit_application_wrapper .label-danger[href]:focus { background-color: #c9302c; } .credit_application_wrapper .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #999; border-radius: 10px; } .credit_application_wrapper .badge:empty { display: none; } .credit_application_wrapper a.badge:hover, .credit_application_wrapper a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .credit_application_wrapper .btn .badge { position: relative; top: -1px; } .credit_application_wrapper a.list-group-item.active > .badge, .credit_application_wrapper .nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } .credit_application_wrapper .nav-pills > li > a > .badge { margin-left: 3px; } .credit_application_wrapper .jumbotron { padding: 30px; margin-bottom: 30px; font-size: 21px; font-weight: 200; line-height: 2.1428571435; color: inherit; background-color: #eee; } .credit_application_wrapper .jumbotron h1 { line-height: 1; color: inherit; } .credit_application_wrapper .jumbotron p { line-height: 1.4; } .credit_application_wrapper .container .jumbotron { border-radius: 6px; } @media screen and (min-width: 768px) { .credit_application_wrapper .jumbotron { padding-top: 48px; padding-bottom: 48px; } .credit_application_wrapper .container .jumbotron { padding-right: 60px; padding-left: 60px; } .credit_application_wrapper .jumbotron h1 { font-size: 63px; } } .credit_application_wrapper .thumbnail { display: inline-block; display: block; height: auto; max-width: 100%; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all 0.2s ease-in-out; } .credit_application_wrapper .thumbnail > img { display: block; height: auto; max-width: 100%; margin-right: auto; margin-left: auto; } .credit_application_wrapper a.thumbnail:hover, .credit_application_wrapper a.thumbnail:focus, .credit_application_wrapper a.thumbnail.active { border-color: #428bca; } .credit_application_wrapper .thumbnail .caption { padding: 9px; color: #333; } .credit_application_wrapper .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .credit_application_wrapper .alert h4 { margin-top: 0; color: inherit; } .credit_application_wrapper .alert .alert-link { font-weight: bold; } .credit_application_wrapper .alert > p, .credit_application_wrapper .alert > ul { margin-bottom: 0; } .credit_application_wrapper .alert > p + p { margin-top: 5px; } .credit_application_wrapper .alert-dismissable { padding-right: 35px; } .credit_application_wrapper .alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; } .credit_application_wrapper .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .credit_application_wrapper .alert-success hr { border-top-color: #c9e2b3; } .credit_application_wrapper .alert-success .alert-link { color: #356635; } .credit_application_wrapper .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .credit_application_wrapper .alert-info hr { border-top-color: #a6e1ec; } .credit_application_wrapper .alert-info .alert-link { color: #2d6987; } .credit_application_wrapper .alert-warning { color: #c09853; background-color: #fcf8e3; border-color: #faebcc; } .credit_application_wrapper .alert-warning hr { border-top-color: #f7e1b5; } .credit_application_wrapper .alert-warning .alert-link { color: #a47e3c; } .credit_application_wrapper .alert-danger { color: #b94a48; background-color: #f2dede; border-color: #ebccd1; } .credit_application_wrapper .alert-danger hr { border-top-color: #e4b9c0; } .credit_application_wrapper .alert-danger .alert-link { color: #953b39; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .credit_application_wrapper .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .credit_application_wrapper .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width .6s ease; transition: width 0.6s ease; } .credit_application_wrapper .progress-striped .progress-bar { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .credit_application_wrapper .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .credit_application_wrapper .progress-bar-success { background-color: #5cb85c; } .credit_application_wrapper .progress-striped .progress-bar-success { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .credit_application_wrapper .progress-bar-info { background-color: #5bc0de; } .credit_application_wrapper .progress-striped .progress-bar-info { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .credit_application_wrapper .progress-bar-warning { background-color: #f0ad4e; } .credit_application_wrapper .progress-striped .progress-bar-warning { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .credit_application_wrapper .progress-bar-danger { background-color: #d9534f; } .credit_application_wrapper .progress-striped .progress-bar-danger { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .credit_application_wrapper .media, .credit_application_wrapper .media-body { overflow: hidden; zoom: 1; } .credit_application_wrapper .media, .credit_application_wrapper .media .media { margin-top: 15px; } .credit_application_wrapper .media:first-child { margin-top: 0; } .credit_application_wrapper .media-object { display: block; } .credit_application_wrapper .media-heading { margin: 0 0 5px; } .credit_application_wrapper .media > .pull-left { margin-right: 10px; } .credit_application_wrapper .media > .pull-right { margin-left: 10px; } .credit_application_wrapper .media-list { padding-left: 0; list-style: none; } .credit_application_wrapper .list-group { padding-left: 0; margin-bottom: 20px; } .credit_application_wrapper .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .credit_application_wrapper .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .credit_application_wrapper .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .credit_application_wrapper .list-group-item > .badge { float: right; } .credit_application_wrapper .list-group-item > .badge + .badge { margin-right: 5px; } .credit_application_wrapper a.list-group-item { color: #555; } .credit_application_wrapper a.list-group-item .list-group-item-heading { color: #333; } .credit_application_wrapper a.list-group-item:hover, .credit_application_wrapper a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; } .credit_application_wrapper a.list-group-item.active, .credit_application_wrapper a.list-group-item.active:hover, .credit_application_wrapper a.list-group-item.active:focus { z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; } .credit_application_wrapper a.list-group-item.active .list-group-item-heading, .credit_application_wrapper a.list-group-item.active:hover .list-group-item-heading, .credit_application_wrapper a.list-group-item.active:focus .list-group-item-heading { color: inherit; } .credit_application_wrapper a.list-group-item.active .list-group-item-text, .credit_application_wrapper a.list-group-item.active:hover .list-group-item-text, .credit_application_wrapper a.list-group-item.active:focus .list-group-item-text { color: #e1edf7; } .credit_application_wrapper .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .credit_application_wrapper .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .credit_application_wrapper .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .credit_application_wrapper .panel-body { padding: 15px; } .credit_application_wrapper .panel-body:before, .credit_application_wrapper .panel-body:after { display: table; content: " "; } .credit_application_wrapper .panel-body:after { clear: both; } .credit_application_wrapper .panel-body:before, .credit_application_wrapper .panel-body:after { display: table; content: " "; } .credit_application_wrapper .panel-body:after { clear: both; } .credit_application_wrapper .panel > .list-group { margin-bottom: 0; } .credit_application_wrapper .panel > .list-group .list-group-item { border-width: 1px 0; } .credit_application_wrapper .panel > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .credit_application_wrapper .panel > .list-group .list-group-item:last-child { border-bottom: 0; } .credit_application_wrapper .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .credit_application_wrapper .panel > .table, .credit_application_wrapper .panel > .table-responsive { margin-bottom: 0; } .credit_application_wrapper .panel > .panel-body + .table, .credit_application_wrapper .panel > .panel-body + .table-responsive { border-top: 1px solid #ddd; } .credit_application_wrapper .panel > .table-bordered, .credit_application_wrapper .panel > .table-responsive > .table-bordered { border: 0; } .credit_application_wrapper .panel > .table-bordered > thead > tr > th:first-child, .credit_application_wrapper .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .credit_application_wrapper .panel > .table-bordered > tbody > tr > th:first-child, .credit_application_wrapper .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .credit_application_wrapper .panel > .table-bordered > tfoot > tr > th:first-child, .credit_application_wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .credit_application_wrapper .panel > .table-bordered > thead > tr > td:first-child, .credit_application_wrapper .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .credit_application_wrapper .panel > .table-bordered > tbody > tr > td:first-child, .credit_application_wrapper .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .credit_application_wrapper .panel > .table-bordered > tfoot > tr > td:first-child, .credit_application_wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .credit_application_wrapper .panel > .table-bordered > thead > tr > th:last-child, .credit_application_wrapper .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .credit_application_wrapper .panel > .table-bordered > tbody > tr > th:last-child, .credit_application_wrapper .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .credit_application_wrapper .panel > .table-bordered > tfoot > tr > th:last-child, .credit_application_wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .credit_application_wrapper .panel > .table-bordered > thead > tr > td:last-child, .credit_application_wrapper .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .credit_application_wrapper .panel > .table-bordered > tbody > tr > td:last-child, .credit_application_wrapper .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .credit_application_wrapper .panel > .table-bordered > tfoot > tr > td:last-child, .credit_application_wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .credit_application_wrapper .panel > .table-bordered > thead > tr:last-child > th, .credit_application_wrapper .panel > .table-responsive > .table-bordered > thead > tr:last-child > th, .credit_application_wrapper .panel > .table-bordered > tbody > tr:last-child > th, .credit_application_wrapper .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .credit_application_wrapper .panel > .table-bordered > tfoot > tr:last-child > th, .credit_application_wrapper .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .credit_application_wrapper .panel > .table-bordered > thead > tr:last-child > td, .credit_application_wrapper .panel > .table-responsive > .table-bordered > thead > tr:last-child > td, .credit_application_wrapper .panel > .table-bordered > tbody > tr:last-child > td, .credit_application_wrapper .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .credit_application_wrapper .panel > .table-bordered > tfoot > tr:last-child > td, .credit_application_wrapper .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } .credit_application_wrapper .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .credit_application_wrapper .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .credit_application_wrapper .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; } .credit_application_wrapper .panel-title > a { color: inherit; } .credit_application_wrapper .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .credit_application_wrapper .panel-group .panel { margin-bottom: 0; overflow: hidden; border-radius: 4px; } .credit_application_wrapper .panel-group .panel + .panel { margin-top: 5px; } .credit_application_wrapper .panel-group .panel-heading { border-bottom: 0; } .credit_application_wrapper .panel-group .panel-heading + .panel-collapse .panel-body { border-top: 1px solid #ddd; } .credit_application_wrapper .panel-group .panel-footer { border-top: 0; } .credit_application_wrapper .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .credit_application_wrapper .panel-default { border-color: #ddd; } .credit_application_wrapper .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .credit_application_wrapper .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #ddd; } .credit_application_wrapper .panel-default > .panel-heading > .dropdown .caret { border-color: #333 transparent; } .credit_application_wrapper .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ddd; } .credit_application_wrapper .panel-primary { border-color: #428bca; } .credit_application_wrapper .panel-primary > .panel-heading { color: #fff; background-color: #428bca; border-color: #428bca; } .credit_application_wrapper .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #428bca; } .credit_application_wrapper .panel-primary > .panel-heading > .dropdown .caret { border-color: #fff transparent; } .credit_application_wrapper .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #428bca; } .credit_application_wrapper .panel-success { border-color: #d6e9c6; } .credit_application_wrapper .panel-success > .panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .credit_application_wrapper .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #d6e9c6; } .credit_application_wrapper .panel-success > .panel-heading > .dropdown .caret { border-color: #468847 transparent; } .credit_application_wrapper .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d6e9c6; } .credit_application_wrapper .panel-warning { border-color: #faebcc; } .credit_application_wrapper .panel-warning > .panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #faebcc; } .credit_application_wrapper .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #faebcc; } .credit_application_wrapper .panel-warning > .panel-heading > .dropdown .caret { border-color: #c09853 transparent; } .credit_application_wrapper .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #faebcc; } .credit_application_wrapper .panel-danger { border-color: #ebccd1; } .credit_application_wrapper .panel-danger > .panel-heading { color: #b94a48; background-color: #f2dede; border-color: #ebccd1; } .credit_application_wrapper .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: #ebccd1; } .credit_application_wrapper .panel-danger > .panel-heading > .dropdown .caret { border-color: #b94a48 transparent; } .credit_application_wrapper .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ebccd1; } .credit_application_wrapper .panel-info { border-color: #bce8f1; } .credit_application_wrapper .panel-info > .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .credit_application_wrapper .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #bce8f1; } .credit_application_wrapper .panel-info > .panel-heading > .dropdown .caret { border-color: #3a87ad transparent; } .credit_application_wrapper .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #bce8f1; } .credit_application_wrapper .tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .credit_application_wrapper .tooltip.in { opacity: .9; filter: alpha(opacity=90); } .credit_application_wrapper .tooltip.top { padding: 5px 0; margin-top: -3px; } .credit_application_wrapper .tooltip.right { padding: 0 5px; margin-left: 3px; } .credit_application_wrapper .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .credit_application_wrapper .tooltip.left { padding: 0 5px; margin-left: -3px; } .credit_application_wrapper .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } .credit_application_wrapper .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .credit_application_wrapper .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000; border-width: 5px 5px 0; } .credit_application_wrapper .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-top-color: #000; border-width: 5px 5px 0; } .credit_application_wrapper .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-top-color: #000; border-width: 5px 5px 0; } .credit_application_wrapper .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000; border-width: 5px 5px 5px 0; } .credit_application_wrapper .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000; border-width: 5px 0 5px 5px; } .credit_application_wrapper .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000; border-width: 0 5px 5px; } .credit_application_wrapper .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-bottom-color: #000; border-width: 0 5px 5px; } .credit_application_wrapper .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-bottom-color: #000; border-width: 0 5px 5px; } .credit_application_wrapper .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background-clip: padding-box; } .credit_application_wrapper .popover.top { margin-top: -10px; } .credit_application_wrapper .popover.right { margin-left: 10px; } .credit_application_wrapper .popover.bottom { margin-top: 10px; } .credit_application_wrapper .popover.left { margin-left: -10px; } .credit_application_wrapper .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .credit_application_wrapper .popover-content { padding: 9px 14px; } .credit_application_wrapper .popover .arrow, .credit_application_wrapper .popover .sort_wrapper .filter_item:before, .sort_wrapper .credit_application_wrapper .popover .filter_item:before, .credit_application_wrapper .popover .sort_wrapper .filter_item:after, .sort_wrapper .credit_application_wrapper .popover .filter_item:after, .credit_application_wrapper .popover .pagination_wrapper .pagination li.prev-btn a:before, .pagination_wrapper .pagination li.prev-btn .credit_application_wrapper .popover a:before, .credit_application_wrapper .popover .pagination_wrapper .pagination li.next-btn a:before, .pagination_wrapper .pagination li.next-btn .credit_application_wrapper .popover a:before, .credit_application_wrapper .popover .arrow:after, .credit_application_wrapper .popover .sort_wrapper .filter_item:after, .sort_wrapper .credit_application_wrapper .popover .filter_item:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .credit_application_wrapper .popover .arrow, .credit_application_wrapper .popover .sort_wrapper .filter_item:before, .sort_wrapper .credit_application_wrapper .popover .filter_item:before, .credit_application_wrapper .popover .sort_wrapper .filter_item:after, .sort_wrapper .credit_application_wrapper .popover .filter_item:after, .credit_application_wrapper .popover .pagination_wrapper .pagination li.prev-btn a:before, .pagination_wrapper .pagination li.prev-btn .credit_application_wrapper .popover a:before, .credit_application_wrapper .popover .pagination_wrapper .pagination li.next-btn a:before, .pagination_wrapper .pagination li.next-btn .credit_application_wrapper .popover a:before { border-width: 11px; } .credit_application_wrapper .popover .arrow:after, .credit_application_wrapper .popover .sort_wrapper .filter_item:after, .sort_wrapper .credit_application_wrapper .popover .filter_item:after { border-width: 10px; content: ""; } .credit_application_wrapper .popover.top .arrow, .credit_application_wrapper .popover.top .sort_wrapper .filter_item:before, .sort_wrapper .credit_application_wrapper .popover.top .filter_item:before, .credit_application_wrapper .popover.top .sort_wrapper .filter_item:after, .sort_wrapper .credit_application_wrapper .popover.top .filter_item:after, .credit_application_wrapper .popover.top .pagination_wrapper .pagination li.prev-btn a:before, .pagination_wrapper .pagination li.prev-btn .credit_application_wrapper .popover.top a:before, .credit_application_wrapper .popover.top .pagination_wrapper .pagination li.next-btn a:before, .pagination_wrapper .pagination li.next-btn .credit_application_wrapper .popover.top a:before { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .credit_application_wrapper .popover.top .arrow:after, .credit_application_wrapper .popover.top .sort_wrapper .filter_item:after, .sort_wrapper .credit_application_wrapper .popover.top .filter_item:after { bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0; content: " "; } .credit_application_wrapper .popover.right .arrow, .credit_application_wrapper .popover.right .sort_wrapper .filter_item:before, .sort_wrapper .credit_application_wrapper .popover.right .filter_item:before, .credit_application_wrapper .popover.right .sort_wrapper .filter_item:after, .sort_wrapper .credit_application_wrapper .popover.right .filter_item:after, .credit_application_wrapper .popover.right .pagination_wrapper .pagination li.prev-btn a:before, .pagination_wrapper .pagination li.prev-btn .credit_application_wrapper .popover.right a:before, .credit_application_wrapper .popover.right .pagination_wrapper .pagination li.next-btn a:before, .pagination_wrapper .pagination li.next-btn .credit_application_wrapper .popover.right a:before { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .credit_application_wrapper .popover.right .arrow:after, .credit_application_wrapper .popover.right .sort_wrapper .filter_item:after, .sort_wrapper .credit_application_wrapper .popover.right .filter_item:after { bottom: -10px; left: 1px; border-right-color: #fff; border-left-width: 0; content: " "; } .credit_application_wrapper .popover.bottom .arrow, .credit_application_wrapper .popover.bottom .sort_wrapper .filter_item:before, .sort_wrapper .credit_application_wrapper .popover.bottom .filter_item:before, .credit_application_wrapper .popover.bottom .sort_wrapper .filter_item:after, .sort_wrapper .credit_application_wrapper .popover.bottom .filter_item:after, .credit_application_wrapper .popover.bottom .pagination_wrapper .pagination li.prev-btn a:before, .pagination_wrapper .pagination li.prev-btn .credit_application_wrapper .popover.bottom a:before, .credit_application_wrapper .popover.bottom .pagination_wrapper .pagination li.next-btn a:before, .pagination_wrapper .pagination li.next-btn .credit_application_wrapper .popover.bottom a:before { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); border-top-width: 0; } .credit_application_wrapper .popover.bottom .arrow:after, .credit_application_wrapper .popover.bottom .sort_wrapper .filter_item:after, .sort_wrapper .credit_application_wrapper .popover.bottom .filter_item:after { top: 1px; margin-left: -10px; border-bottom-color: #fff; border-top-width: 0; content: " "; } .credit_application_wrapper .popover.left .arrow, .credit_application_wrapper .popover.left .sort_wrapper .filter_item:before, .sort_wrapper .credit_application_wrapper .popover.left .filter_item:before, .credit_application_wrapper .popover.left .sort_wrapper .filter_item:after, .sort_wrapper .credit_application_wrapper .popover.left .filter_item:after, .credit_application_wrapper .popover.left .pagination_wrapper .pagination li.prev-btn a:before, .pagination_wrapper .pagination li.prev-btn .credit_application_wrapper .popover.left a:before, .credit_application_wrapper .popover.left .pagination_wrapper .pagination li.next-btn a:before, .pagination_wrapper .pagination li.next-btn .credit_application_wrapper .popover.left a:before { top: 50%; right: -11px; margin-top: -11px; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); border-right-width: 0; } .credit_application_wrapper .popover.left .arrow:after, .credit_application_wrapper .popover.left .sort_wrapper .filter_item:after, .sort_wrapper .credit_application_wrapper .popover.left .filter_item:after { right: 1px; bottom: -10px; border-left-color: #fff; border-right-width: 0; content: " "; } .credit_application_wrapper .carousel { position: relative; } .credit_application_wrapper .carousel-inner { position: relative; width: 100%; overflow: hidden; } .credit_application_wrapper .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; transition: 0.6s ease-in-out left; } .credit_application_wrapper .carousel-inner > .item > img, .credit_application_wrapper .carousel-inner > .item > a > img { display: block; height: auto; max-width: 100%; line-height: 1; } .credit_application_wrapper .carousel-inner > .active, .credit_application_wrapper .carousel-inner > .next, .credit_application_wrapper .carousel-inner > .prev { display: block; } .credit_application_wrapper .carousel-inner > .active { left: 0; } .credit_application_wrapper .carousel-inner > .next, .credit_application_wrapper .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .credit_application_wrapper .carousel-inner > .next { left: 100%; } .credit_application_wrapper .carousel-inner > .prev { left: -100%; } .credit_application_wrapper .carousel-inner > .next.left, .credit_application_wrapper .carousel-inner > .prev.right { left: 0; } .credit_application_wrapper .carousel-inner > .active.left { left: -100%; } .credit_application_wrapper .carousel-inner > .active.right { left: 100%; } .credit_application_wrapper .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: .5; filter: alpha(opacity=50); } .credit_application_wrapper .carousel-control.left { background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; } .credit_application_wrapper .carousel-control.right { right: 0; left: auto; background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; } .credit_application_wrapper .carousel-control:hover, .credit_application_wrapper .carousel-control:focus { color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90); } .credit_application_wrapper .carousel-control .icon-prev, .credit_application_wrapper .carousel-control .icon-next, .credit_application_wrapper .carousel-control .glyphicon-chevron-left, .credit_application_wrapper .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .credit_application_wrapper .carousel-control .icon-prev, .credit_application_wrapper .carousel-control .glyphicon-chevron-left { left: 50%; } .credit_application_wrapper .carousel-control .icon-next, .credit_application_wrapper .carousel-control .glyphicon-chevron-right { right: 50%; } .credit_application_wrapper .carousel-control .icon-prev, .credit_application_wrapper .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .credit_application_wrapper .carousel-control .icon-prev:before { content: "‹"; } .credit_application_wrapper .carousel-control .icon-next:before { content: "›"; } .credit_application_wrapper .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .credit_application_wrapper .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .credit_application_wrapper .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .credit_application_wrapper .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .credit_application_wrapper .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .credit_application_wrapper .carousel-control .glyphicons-chevron-left, .credit_application_wrapper .carousel-control .glyphicons-chevron-right, .credit_application_wrapper .carousel-control .icon-prev, .credit_application_wrapper .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .credit_application_wrapper .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .credit_application_wrapper .carousel-indicators { bottom: 20px; } } .credit_application_wrapper .clearfix:before, .credit_application_wrapper .clearfix:after { display: table; content: " "; } .credit_application_wrapper .clearfix:after { clear: both; } .credit_application_wrapper .center-block { display: block; margin-right: auto; margin-left: auto; } .credit_application_wrapper .pull-right { float: right !important; } .credit_application_wrapper .pull-left { float: left !important; } .credit_application_wrapper .hide { display: none !important; } .credit_application_wrapper .show { display: block !important; } .credit_application_wrapper .invisible { visibility: hidden; } .credit_application_wrapper .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .credit_application_wrapper .hidden { display: none !important; visibility: hidden !important; } .credit_application_wrapper .affix { position: fixed; } @-ms-viewport { .credit_application_wrapper { width: device-width; } } .credit_application_wrapper .visible-xs, .credit_application_wrapper tr.visible-xs, .credit_application_wrapper th.visible-xs, .credit_application_wrapper td.visible-xs { display: none !important; } @media (max-width: 767px) { .credit_application_wrapper .visible-xs { display: block !important; } .credit_application_wrapper tr.visible-xs { display: table-row !important; } .credit_application_wrapper th.visible-xs, .credit_application_wrapper td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .credit_application_wrapper .visible-xs.visible-sm { display: block !important; } .credit_application_wrapper tr.visible-xs.visible-sm { display: table-row !important; } .credit_application_wrapper th.visible-xs.visible-sm, .credit_application_wrapper td.visible-xs.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .credit_application_wrapper .visible-xs.visible-md { display: block !important; } .credit_application_wrapper tr.visible-xs.visible-md { display: table-row !important; } .credit_application_wrapper th.visible-xs.visible-md, .credit_application_wrapper td.visible-xs.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .credit_application_wrapper .visible-xs.visible-lg { display: block !important; } .credit_application_wrapper tr.visible-xs.visible-lg { display: table-row !important; } .credit_application_wrapper th.visible-xs.visible-lg, .credit_application_wrapper td.visible-xs.visible-lg { display: table-cell !important; } } .credit_application_wrapper .visible-sm, .credit_application_wrapper tr.visible-sm, .credit_application_wrapper th.visible-sm, .credit_application_wrapper td.visible-sm { display: none !important; } @media (max-width: 767px) { .credit_application_wrapper .visible-sm.visible-xs { display: block !important; } .credit_application_wrapper tr.visible-sm.visible-xs { display: table-row !important; } .credit_application_wrapper th.visible-sm.visible-xs, .credit_application_wrapper td.visible-sm.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .credit_application_wrapper .visible-sm { display: block !important; } .credit_application_wrapper tr.visible-sm { display: table-row !important; } .credit_application_wrapper th.visible-sm, .credit_application_wrapper td.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .credit_application_wrapper .visible-sm.visible-md { display: block !important; } .credit_application_wrapper tr.visible-sm.visible-md { display: table-row !important; } .credit_application_wrapper th.visible-sm.visible-md, .credit_application_wrapper td.visible-sm.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .credit_application_wrapper .visible-sm.visible-lg { display: block !important; } .credit_application_wrapper tr.visible-sm.visible-lg { display: table-row !important; } .credit_application_wrapper th.visible-sm.visible-lg, .credit_application_wrapper td.visible-sm.visible-lg { display: table-cell !important; } } .credit_application_wrapper .visible-md, .credit_application_wrapper tr.visible-md, .credit_application_wrapper th.visible-md, .credit_application_wrapper td.visible-md { display: none !important; } @media (max-width: 767px) { .credit_application_wrapper .visible-md.visible-xs { display: block !important; } .credit_application_wrapper tr.visible-md.visible-xs { display: table-row !important; } .credit_application_wrapper th.visible-md.visible-xs, .credit_application_wrapper td.visible-md.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .credit_application_wrapper .visible-md.visible-sm { display: block !important; } .credit_application_wrapper tr.visible-md.visible-sm { display: table-row !important; } .credit_application_wrapper th.visible-md.visible-sm, .credit_application_wrapper td.visible-md.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .credit_application_wrapper .visible-md { display: block !important; } .credit_application_wrapper tr.visible-md { display: table-row !important; } .credit_application_wrapper th.visible-md, .credit_application_wrapper td.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .credit_application_wrapper .visible-md.visible-lg { display: block !important; } .credit_application_wrapper tr.visible-md.visible-lg { display: table-row !important; } .credit_application_wrapper th.visible-md.visible-lg, .credit_application_wrapper td.visible-md.visible-lg { display: table-cell !important; } } .credit_application_wrapper .visible-lg, .credit_application_wrapper tr.visible-lg, .credit_application_wrapper th.visible-lg, .credit_application_wrapper td.visible-lg { display: none !important; } @media (max-width: 767px) { .credit_application_wrapper .visible-lg.visible-xs { display: block !important; } .credit_application_wrapper tr.visible-lg.visible-xs { display: table-row !important; } .credit_application_wrapper th.visible-lg.visible-xs, .credit_application_wrapper td.visible-lg.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .credit_application_wrapper .visible-lg.visible-sm { display: block !important; } .credit_application_wrapper tr.visible-lg.visible-sm { display: table-row !important; } .credit_application_wrapper th.visible-lg.visible-sm, .credit_application_wrapper td.visible-lg.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .credit_application_wrapper .visible-lg.visible-md { display: block !important; } .credit_application_wrapper tr.visible-lg.visible-md { display: table-row !important; } .credit_application_wrapper th.visible-lg.visible-md, .credit_application_wrapper td.visible-lg.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .credit_application_wrapper .visible-lg { display: block !important; } .credit_application_wrapper tr.visible-lg { display: table-row !important; } .credit_application_wrapper th.visible-lg, .credit_application_wrapper td.visible-lg { display: table-cell !important; } } .credit_application_wrapper .hidden-xs { display: block !important; } .credit_application_wrapper tr.hidden-xs { display: table-row !important; } .credit_application_wrapper th.hidden-xs, .credit_application_wrapper td.hidden-xs { display: table-cell !important; } @media (max-width: 767px) { .credit_application_wrapper .hidden-xs, .credit_application_wrapper tr.hidden-xs, .credit_application_wrapper th.hidden-xs, .credit_application_wrapper td.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .credit_application_wrapper .hidden-xs.hidden-sm, .credit_application_wrapper tr.hidden-xs.hidden-sm, .credit_application_wrapper th.hidden-xs.hidden-sm, .credit_application_wrapper td.hidden-xs.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .credit_application_wrapper .hidden-xs.hidden-md, .credit_application_wrapper tr.hidden-xs.hidden-md, .credit_application_wrapper th.hidden-xs.hidden-md, .credit_application_wrapper td.hidden-xs.hidden-md { display: none !important; } } @media (min-width: 1200px) { .credit_application_wrapper .hidden-xs.hidden-lg, .credit_application_wrapper tr.hidden-xs.hidden-lg, .credit_application_wrapper th.hidden-xs.hidden-lg, .credit_application_wrapper td.hidden-xs.hidden-lg { display: none !important; } } .credit_application_wrapper .hidden-sm { display: block !important; } .credit_application_wrapper tr.hidden-sm { display: table-row !important; } .credit_application_wrapper th.hidden-sm, .credit_application_wrapper td.hidden-sm { display: table-cell !important; } @media (max-width: 767px) { .credit_application_wrapper .hidden-sm.hidden-xs, .credit_application_wrapper tr.hidden-sm.hidden-xs, .credit_application_wrapper th.hidden-sm.hidden-xs, .credit_application_wrapper td.hidden-sm.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .credit_application_wrapper .hidden-sm, .credit_application_wrapper tr.hidden-sm, .credit_application_wrapper th.hidden-sm, .credit_application_wrapper td.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .credit_application_wrapper .hidden-sm.hidden-md, .credit_application_wrapper tr.hidden-sm.hidden-md, .credit_application_wrapper th.hidden-sm.hidden-md, .credit_application_wrapper td.hidden-sm.hidden-md { display: none !important; } } @media (min-width: 1200px) { .credit_application_wrapper .hidden-sm.hidden-lg, .credit_application_wrapper tr.hidden-sm.hidden-lg, .credit_application_wrapper th.hidden-sm.hidden-lg, .credit_application_wrapper td.hidden-sm.hidden-lg { display: none !important; } } .credit_application_wrapper .hidden-md { display: block !important; } .credit_application_wrapper tr.hidden-md { display: table-row !important; } .credit_application_wrapper th.hidden-md, .credit_application_wrapper td.hidden-md { display: table-cell !important; } @media (max-width: 767px) { .credit_application_wrapper .hidden-md.hidden-xs, .credit_application_wrapper tr.hidden-md.hidden-xs, .credit_application_wrapper th.hidden-md.hidden-xs, .credit_application_wrapper td.hidden-md.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .credit_application_wrapper .hidden-md.hidden-sm, .credit_application_wrapper tr.hidden-md.hidden-sm, .credit_application_wrapper th.hidden-md.hidden-sm, .credit_application_wrapper td.hidden-md.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .credit_application_wrapper .hidden-md, .credit_application_wrapper tr.hidden-md, .credit_application_wrapper th.hidden-md, .credit_application_wrapper td.hidden-md { display: none !important; } } @media (min-width: 1200px) { .credit_application_wrapper .hidden-md.hidden-lg, .credit_application_wrapper tr.hidden-md.hidden-lg, .credit_application_wrapper th.hidden-md.hidden-lg, .credit_application_wrapper td.hidden-md.hidden-lg { display: none !important; } } .credit_application_wrapper .hidden-lg { display: block !important; } .credit_application_wrapper tr.hidden-lg { display: table-row !important; } .credit_application_wrapper th.hidden-lg, .credit_application_wrapper td.hidden-lg { display: table-cell !important; } @media (max-width: 767px) { .credit_application_wrapper .hidden-lg.hidden-xs, .credit_application_wrapper tr.hidden-lg.hidden-xs, .credit_application_wrapper th.hidden-lg.hidden-xs, .credit_application_wrapper td.hidden-lg.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .credit_application_wrapper .hidden-lg.hidden-sm, .credit_application_wrapper tr.hidden-lg.hidden-sm, .credit_application_wrapper th.hidden-lg.hidden-sm, .credit_application_wrapper td.hidden-lg.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .credit_application_wrapper .hidden-lg.hidden-md, .credit_application_wrapper tr.hidden-lg.hidden-md, .credit_application_wrapper th.hidden-lg.hidden-md, .credit_application_wrapper td.hidden-lg.hidden-md { display: none !important; } } @media (min-width: 1200px) { .credit_application_wrapper .hidden-lg, .credit_application_wrapper tr.hidden-lg, .credit_application_wrapper th.hidden-lg, .credit_application_wrapper td.hidden-lg { display: none !important; } } .credit_application_wrapper .visible-print, .credit_application_wrapper tr.visible-print, .credit_application_wrapper th.visible-print, .credit_application_wrapper td.visible-print { display: none !important; } @media print { .credit_application_wrapper .visible-print { display: block !important; } .credit_application_wrapper tr.visible-print { display: table-row !important; } .credit_application_wrapper th.visible-print, .credit_application_wrapper td.visible-print { display: table-cell !important; } .credit_application_wrapper .hidden-print, .credit_application_wrapper tr.hidden-print, .credit_application_wrapper th.hidden-print, .credit_application_wrapper td.hidden-print { display: none !important; } } @media (max-width: 768px) { .credit_application_wrapper .row.select-wrapper.clearfix .col.col-md-9.padding-none { padding-right: 0; } .credit_application_wrapper form#frmContact .col.col-md-12.col-sm-11.col-xs-11 h5 { color: transparent; margin-bottom: 0px !important; padding-top: 10px; padding-bottom: 15px; font-weight: 400; line-height: 1.6em; font-size: medium !important; text-align: left; } .credit_application_wrapper .col.col-md-9.padding-none .form-element.clearfix .input.radio label[for="Type0"] { margin-right: 10px; } .credit_application_wrapper .col.col-md-9.padding-none .form-element.clearfix .input.radio label[for="Type1"] { margin-right: 0px; } .credit_application_wrapper .col-sm-11.col-xs-11 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .credit_application_wrapper ul#myTab li.nav-item { width: 50%; text-align: center; } .credit_application_wrapper div#bank_account_info0 > .row.select-wrapper.clearfix { width: 100%; } .credit_application_wrapper .Form-Block form#frmContact #myTabContent h5 { color: #222; font-weight: 600; } } .my-dropdown input { border-color: #ced4da !important; } .my-dropdown input:focus { box-shadow: 0 0 0 0.2rem rgba(196, 15, 34, 0.15); } .container.page-404 .row.row-offcanvas.row-offcanvas-right { border: 1px solid #e3e3e3; background-color: #fff; padding: 1rem !important; margin-top: 25px; margin-bottom: 60px; } .container.page-404 .div-img-404 { padding-top: 4rem; padding-bottom: 6rem; } .container.page-404 img.img-404 { width: 50%; margin: auto; display: block; } .container.page-404 .text-404 { display: block; margin: auto; text-align: center; } .container.page-404 h4.h4-404 { color: transparent; font-weight: 300; margin-top: 17px; } .container.page-404 a.para-href-404 { color: transparent; } .container.page-404 a.para-href-404:hover { color: #9b1920; } .container.page-404 .text-404 span { text-transform: capitalize; } .container.page-404 .text-404 .form-line { border-bottom: 1px solid #e2e2e2; margin: 20px auto; width: 46%; } .block-testimonials { margin-bottom: 25px; } .block-testimonials .col-sm-4 { padding-left: 0px !important; } @media (max-width: 580px) { .block-testimonials { padding-top: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } .block-testimonials .col { padding-left: 0px !important; padding-right: 0px !important; } } .block-testimonials .testimo-date { color: transparent; font-size: 13px; font-style: italic; } .block-testimonials .testimo-name-star { display: block; padding-left: 15px; } @media (max-width: 580px) { .block-testimonials .testimo-name-star { padding-left: 30px; padding-right: 30px; } } .block-testimonials .testimo-star { width: 100%; height: 27px; margin-bottom: 5px; } .block-testimonials .testimo-star.rating_number_1 { background: url(../icons/rating_number_1.png) no-repeat left center; } .block-testimonials .testimo-star.rating_number_2 { background: url(../icons/rating_number_2.png) no-repeat left center; } .block-testimonials .testimo-star.rating_number_3 { background: url(../icons/rating_number_3.png) no-repeat left center; } .block-testimonials .testimo-star.rating_number_4 { background: url(../icons/rating_number_4.png) no-repeat left center; } .block-testimonials .testimo-star.rating_number_5 { background: url(../icons/rating_number_5.png) no-repeat left center; } @media (max-width: 580px) { .block-testimonials .testimo-star { padding-left: 15px; padding-right: 15px; } } .block-testimonials .testimo-quote { width: 100%; margin-top: 20px; } .block-testimonials .testimo-quote .testimo-text { position: relative; padding-left: 30px; padding-right: 30px; } @media (max-width: 580px) { .block-testimonials .testimo-quote .testimo-text { padding-right: 0px !important; text-align: left !important; } } .block-testimonials .testimo-quote .testimo-text span.before { background: url(../icons/left-quotes.svg) no-repeat top center; background-size: 8px; width: 10px; height: 15px; display: inline-block; } @media (max-width: 980px) { .block-testimonials .testimo-quote .testimo-text span.before { position: absolute; left: 0px; top: 0px; } } .block-testimonials .testimo-quote .testimo-text span.after { background: url(../icons/right-quote-sign.svg) no-repeat top center; background-size: 8px; width: 10px; height: 15px; display: inline-block; } @media (max-width: 580px) { .block-testimonials .testimo-quote { padding-left: 15px; padding-right: 15px; } } .map_front_page { height: 100%; width: 100%; } @media (min-width: 1025px) { .become-gride .div_list ul.list > li.last { margin-right: 0px; } .become-gride .div_list ul.list > li .price_holder { height: auto; overflow: hidden; } .become-gride .div_list ul.list > li .price_holder .price { transform: translateY(2px); } .become-gride .div_list ul.list > li .details_holder .col.option { width: 100% !important; max-width: 100%; flex: 100%; height: 60px; overflow: hidden; } .become-gride .div_list ul.list > li .details_holder .vehicle_history_report_wrapper { text-align: center; } .become-gride .div_list ul.list > li .details_holder .vehicle_history_report_wrapper a { margin-left: 0; } .become-gride .div_list ul.list > li .description .col-lg-3.rmv-padding-right { width: 100% !important; max-width: 100%; flex: 100%; height: 38px; } .become-gride .div_list ul.list > li .row .col.col-lg-4.rmv-padding-right { width: 100%; max-width: 98%; flex: 95%; } .become-gride .div_list ul.list > li .row .col.col-lg-8.rmv-padding-left { width: 100%; max-width: 96%; flex: 96%; padding-right: 0; padding-left: 15px; } .become-gride .div_list ul.list > li .row.description ul { height: inherit; } .become-gride .div_list ul.list > li p.desc { display: none; } .become-gride .inventory_vehicle_item.list { height: inherit; } } @media (min-width: 980px) { #inventory-list:not(.become-gride) .carousel_photos_wrapper .swiper-slide { height: 227px; } } .become-gride1 ul.list, #inventory-list.become-gride ul.list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .become-gride1 ul.list li.vehicle-item, #inventory-list.become-gride ul.list li.vehicle-item { /* width: 32%; */ float: left; /* margin-right: 18px; */ -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding-right: 15px; padding-left: 15px; } @media (max-width: 980px) { .become-gride1 ul.list li.vehicle-item, #inventory-list.become-gride ul.list li.vehicle-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 30px; } .become-gride1 ul.list li.vehicle-item .inventory_vehicle_item.list .row:not(.btns_holder), #inventory-list.become-gride ul.list li.vehicle-item .inventory_vehicle_item.list .row:not(.btns_holder) { display: block; } .become-gride1 ul.list li.vehicle-item .inventory_vehicle_item.list .row .col:not(.check_availability_holder), #inventory-list.become-gride ul.list li.vehicle-item .inventory_vehicle_item.list .row .col:not(.check_availability_holder), .become-gride1 ul.list li.vehicle-item .inventory_vehicle_item.list .row .col:not(.text_us_holder), #inventory-list.become-gride ul.list li.vehicle-item .inventory_vehicle_item.list .row .col:not(.text_us_holder) { width: 100%; max-width: 100%; } } @media (max-width: 670px) { .become-gride1 ul.list li.vehicle-item, #inventory-list.become-gride ul.list li.vehicle-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; } } .become-gride1 ul.list li.vehicle-item .details_holder, #inventory-list.become-gride ul.list li.vehicle-item .details_holder { padding: 10px 12px; padding-bottom: 0px; } .become-gride1 ul.list li.vehicle-item .details_holder .title_holder ul.options, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .title_holder ul.options { display: none; } .become-gride1 ul.list li.vehicle-item .details_holder .title_holder, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .title_holder { float: none; width: 100%; } .become-gride1 ul.list li.vehicle-item .details_holder .title_price a, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .title_price a { display: block; text-decoration: none !important; } .become-gride1 ul.list li.vehicle-item .details_holder .title_price .price_holder, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .title_price .price_holder { float: none; font-family: "Lato", sans-serif; font-size: 12px; font-weight: 400; color: #333; max-width: 100%; height: auto; width: 100%; transform: translateX(0px); text-align: left; } @media (max-width: 400px) { .become-gride1 ul.list li.vehicle-item .details_holder .title_price .price_holder, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .title_price .price_holder { width: 100%; font-size: 10px; } } .become-gride1 ul.list li.vehicle-item .details_holder .title_price, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .title_price { padding: 0px 0px; background: #FFF; } .become-gride1 ul.list li.vehicle-item .details_holder .title_price a, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .title_price a { display: block; text-decoration: none !important; } @media (min-width: 670px) { .become-gride1 ul.list li.vehicle-item .details_holder .title_price a, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .title_price a { height: auto; overflow: hidden; } } .become-gride1 ul.list li.vehicle-item .details_holder .row.description, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .row.description { border-top: 1px solid #CCC; padding: 10px 0px; margin-top: 10px; } .become-gride1 ul.list li.vehicle-item .details_holder .row.description ul li, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .row.description ul li { width: 49%; } .become-gride1 ul.list li.vehicle-item .details_holder .row.description .rmv-padding-right, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .row.description .rmv-padding-right { padding-left: 0px !important; } .become-gride1 ul.list li.vehicle-item .details_holder .row.description .rmv-padding-right .vehicle_history_report_wrapper, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .row.description .rmv-padding-right .vehicle_history_report_wrapper { text-align: left; height: 56px; margin-left: 0px; } @media (max-width: 485px) { .become-gride1 ul.list li.vehicle-item .details_holder .btns_holder, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .btns_holder { margin-bottom: 0px; } } .become-gride1 ul.list li.vehicle-item .details_holder .btns_holder .check_availability_holder, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .btns_holder .check_availability_holder { max-width: 60%; flex: 0 0 60%; text-align: left; } @media (max-width: 480px) { .become-gride1 ul.list li.vehicle-item .details_holder .btns_holder .check_availability_holder, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .btns_holder .check_availability_holder { width: 100%; max-width: 100%; flex: 0 0 100%; } } .become-gride1 ul.list li.vehicle-item .details_holder .btns_holder .text_us_holder, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .btns_holder .text_us_holder { max-width: 40%; flex: 0 0 40%; border-right: none; border-left: none; text-align: right; } @media (max-width: 480px) { .become-gride1 ul.list li.vehicle-item .details_holder .btns_holder .text_us_holder, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .btns_holder .text_us_holder { width: 100%; max-width: 100%; flex: 0 0 100%; } } .become-gride1 ul.list li.vehicle-item .details_holder .btns_holder .xs-hidden .plus_detail, #inventory-list.become-gride ul.list li.vehicle-item .details_holder .btns_holder .xs-hidden .plus_detail { display: none; } @media (max-width: 980px) { #inventory-list ul.list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } #inventory-list ul.list li.vehicle-item { /* width: 32%; */ float: left; /* margin-right: 18px; */ -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding-right: 15px; padding-left: 15px; } } @media (max-width: 980px) and (max-width: 980px) { #inventory-list ul.list li.vehicle-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 30px; } #inventory-list ul.list li.vehicle-item .inventory_vehicle_item.list .row:not(.btns_holder) { display: block; } #inventory-list ul.list li.vehicle-item .inventory_vehicle_item.list .row .col:not(.check_availability_holder), #inventory-list ul.list li.vehicle-item .inventory_vehicle_item.list .row .col:not(.text_us_holder) { width: 100%; max-width: 100%; } } @media (max-width: 980px) and (max-width: 670px) { #inventory-list ul.list li.vehicle-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; } } @media (max-width: 980px) { #inventory-list ul.list li.vehicle-item .details_holder { padding: 10px 12px; padding-bottom: 0px; } #inventory-list ul.list li.vehicle-item .details_holder .title_holder ul.options { display: none; } #inventory-list ul.list li.vehicle-item .details_holder .title_holder { float: none; width: 100%; } #inventory-list ul.list li.vehicle-item .details_holder .title_price a { display: block; text-decoration: none !important; } #inventory-list ul.list li.vehicle-item .details_holder .title_price .price_holder { float: none; font-family: "Lato", sans-serif; font-size: 12px; font-weight: 400; color: #333; max-width: 100%; height: auto; width: 100%; transform: translateX(0px); text-align: left; } } @media (max-width: 980px) and (max-width: 400px) { #inventory-list ul.list li.vehicle-item .details_holder .title_price .price_holder { width: 100%; font-size: 10px; } } @media (max-width: 980px) { #inventory-list ul.list li.vehicle-item .details_holder .title_price { padding: 0px 0px; background: #FFF; } #inventory-list ul.list li.vehicle-item .details_holder .title_price a { display: block; text-decoration: none !important; } } @media (max-width: 980px) and (min-width: 670px) { #inventory-list ul.list li.vehicle-item .details_holder .title_price a { height: 49px; overflow: hidden; } } @media (max-width: 980px) { #inventory-list ul.list li.vehicle-item .details_holder .row.description { border-top: 1px solid #CCC; padding: 10px 0px; margin-top: 10px; } #inventory-list ul.list li.vehicle-item .details_holder .row.description ul li { width: 49%; } #inventory-list ul.list li.vehicle-item .details_holder .row.description .rmv-padding-right { padding-left: 0px !important; } #inventory-list ul.list li.vehicle-item .details_holder .row.description .rmv-padding-right .vehicle_history_report_wrapper { text-align: left; height: 56px; margin-left: 0px; } } @media (max-width: 980px) and (max-width: 485px) { #inventory-list ul.list li.vehicle-item .details_holder .btns_holder { margin-bottom: 0px; } } @media (max-width: 980px) { #inventory-list ul.list li.vehicle-item .details_holder .btns_holder .check_availability_holder { max-width: 60%; flex: 0 0 60%; text-align: left; } } @media (max-width: 980px) and (max-width: 480px) { #inventory-list ul.list li.vehicle-item .details_holder .btns_holder .check_availability_holder { width: 100%; max-width: 100%; flex: 0 0 100%; } } @media (max-width: 980px) { #inventory-list ul.list li.vehicle-item .details_holder .btns_holder .text_us_holder { max-width: 40%; flex: 0 0 40%; border-right: none; border-left: none; text-align: right; } } @media (max-width: 980px) and (max-width: 480px) { #inventory-list ul.list li.vehicle-item .details_holder .btns_holder .text_us_holder { width: 100%; max-width: 100%; flex: 0 0 100%; } } @media (max-width: 980px) { #inventory-list ul.list li.vehicle-item .details_holder .btns_holder .xs-hidden .plus_detail { display: none; } } #inventory-list.become-gride .fullwidth { width: 100% !important; } #inventory-list.become-gride .inventory_vehicle_item.list .description .option ul { height: auto; } #inventory-list.become-gride .vehicle_history_report_wrapper { height: auto; } #inventory-list.become-gride .xs-inline-visible { display: inline-block !important; } #inventory-list.become-gride .div_list ul.list > li .details_holder .col.option { height: auto; } #inventory-list.become-gride .photo { height: auto; background: #FFF; } #calc-monthly-payment { font-weight: 800; font-size: 18px; } .title_calc_result_wrapper { margin: 10px; margin-bottom: -10px; } .title_calc_result_wrapper h2 { display: block; border-bottom: 1px solid #e3e3e3; font-size: 14px; font-weight: 800; margin-top: 0px; padding-bottom: 10px; margin-bottom: 20px; font-family: "Lato", sans-serif; color: rgba(0, 0, 0, 0.7); } .title_calc_result_wrapper.popup_modal { margin: 0px; margin-bottom: 0px; } .height_auto { min-height: auto !important; margin-bottom: 0px !important; } @media (min-width: 980px) { .finance-page .price-block { margin-left: 2%; max-width: 31%; } } .amount_result_holder { font-size: 18px !important; font-weight: 800 !important; } .amount_result_holder .amount_result2 { float: right; font-weight: 400; font-size: 13px; text-align: right; margin-top: 4px; } .amount_result_holder .amount_result { font-weight: 800; font-size: 18px; float: right; } .amount_result_holder .amount_result span { text-align: right; font-weight: 800; font-size: 18px; } .amount_result_holder .month_result_wrapper { text-align: right; font-weight: 400; font-size: 11px; float: right; margin-bottom: 15px; } .amount_result_holder .month_result_wrapper .month_result { text-align: right; font-weight: 400; font-size: 11px; } .finance-page .price-block { padding-bottom: 0px !important; border-bottom: none; } .pad_right_5 { padding-right: 5px !important; } .block_contact_wrapper .address li strong, .address_about_us li strong { color: #000 !important; font-size: 14px !important; } .block_contact_wrapper .address li strong .dealership_name, .address_about_us li strong .dealership_name { padding-left: 10px; } .testimonials-page .testimo-quote blockquote.testimo-text { padding-left: 10px !important; } .testimonials-page .block-testimonials.row { margin: 0px; margin-bottom: 30px; } .testimonials-page .block-testimonials.row .testimo-name { text-align: left; padding-top: 0px; margin-top: -3px !important; } .team-avatar img { width: auto !important; max-width: 224px !important; height: auto !important; } @media (max-width: 580px) { .team-avatar img { width: 100% !important; max-width: 100% !important; height: auto !important; margin-bottom: 20px; } } .team-avatar iframe { width: auto !important; max-width: 224px !important; height: 150px !important; } @media (max-width: 580px) { .team-avatar iframe { width: 100% !important; max-width: 100% !important; height: 250px !important; margin-bottom: 20px; } } body embed, body iframe, body object { margin-bottom: 0px; max-width: 100%; width: 100%; } .staff_wrapper { margin-bottom: 30px; } @media (max-width: 580px) { .staff_wrapper { padding-left: 0px; padding-right: 0px; } } .staff_wrapper h4 { border-bottom: 1px solid rgba(0, 0, 0, 0.32); margin-top: 6px !important; padding-bottom: 5px; } @media (max-width: 580px) { .staff_wrapper h4 { margin-left: 15px; margin-right: 15px; } } .staff_wrapper p { margin: 0px !important; } @media (max-width: 580px) { .staff_wrapper p { padding-left: 15px; padding-right: 15px; } } .staff_wrapper p a { color: #000 !important; text-decoration: none !important; } .staff_wrapper p.click_to_call a { background-color: transparent; height: 30px; line-height: 38px; padding: 0px 20px; line-height: 30px; float: left; transform: translateY(-4px); margin-bottom: 5px; color: #FFF !important; text-decoration: none !important; width: 100%; text-align: center; border-radius: 4px; text-transform: uppercase; margin-top: 10px; } .staff_wrapper p.click_to_call a:hover, .staff_wrapper p.click_to_call a:focus { background-color: transparent; } @media (max-width: 580px) { .staff_wrapper p.click_to_call a { width: auto; } } .staff_wrapper iframe { margin-bottom: -5px; } @media (max-width: 580px) { .staff_wrapper iframe { height: 250px; } } .staff_wrapper .staff_photo_wrapper { height: 150px; display: block; width: 100%; overflow: hidden; position: relative; } .staff_wrapper .staff_photo_wrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: auto !important; } @media (max-width: 580px) { .staff_wrapper .staff_photo_wrapper { height: 250px !important; } } .pad_left_5 { padding-left: 5px !important; } .finance-page form fieldset label { font-weight: 800; font-size: 13px; padding-left: 2px; color: rgba(0, 0, 0, 0.7); } @media (min-width: 980px) { .inventory_vehicle_item.list .row .col.col-lg-8.rmv-padding-left { padding-right: 0px; transform: translateX(1px); flex: 0 0 67.666667%; max-width: 67.666667%; } } /* * disable auto-zoom on iphone input field focus * http://www.456bereastreet.com/archive/201212/ios_webkit_browsers_and_auto-zooming_form_controls/ */ input[type='text']:focus, input[type='number']:focus, textarea:focus { font-size: 16px; } /* disable auto-zoom on iphone input field focus */ #sidebar textarea.form-control { font-size: 12px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { select:focus, textarea:focus, input:focus { font-size: 16px; } } .outlined { background: #FFF !important; color: transparent !important; } .outlined:hover, .outlined:focus { background: transparent !important; color: #FFF !important; } @media (max-width: 768px) { body .credit_application_wrapper .application_type_holder, body .credit_application_wrapper .vehicle_of_interest_holder, body .credit_application_wrapper .disclosure_holder, body .credit_application_wrapper .purchase_holder, body .credit_application_wrapper .amount_holder, body .credit_application_wrapper .financing_holder, body .credit_application_wrapper .tabs_holder, body .credit_application_wrapper .tradein_holder { border: 1px solid #e3e3e3; margin-top: 20px; padding-bottom: 10px; overflow: visible; height: auto; margin-bottom: -21px; display: none; } .credit_application_wrapper .application_type_holder.opend, .credit_application_wrapper .vehicle_of_interest_holder.opend, .credit_application_wrapper .disclosure_holder.opend, .credit_application_wrapper .purchase_holder.opend, .credit_application_wrapper .amount_holder.opend, .credit_application_wrapper .financing_holder.opend, .credit_application_wrapper .tabs_holder.opend, .credit_application_wrapper .tradein_holder.opend { display: block; } } @media (max-width: 768px) { .credit_application_wrapper .infos_from_holder { border: 1px solid #e3e3e3; margin-top: 20px; padding-bottom: 10px; overflow: hidden; height: 50px; margin-bottom: -21px; } .credit_application_wrapper .infos_from_holder.opend { height: auto; overflow: visible; } .credit_application_wrapper .application_title:before { display: none !important; } .credit_application_wrapper .infos_from_holder.opend .application_title:before { background: url("../icons/icon_minus.svg") no-repeat center center; } } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder.long_text { max-width: 95px; height: auto; min-height: 40px; padding-bottom: 5px; position: relative; } .featured_vehicles_wrapper .carousel_vehicles_wrapper .featured_vehicles_item .details_holder .price_holder.long_text .price { font-size: 14px; line-height: 16px; text-align: center; padding-right: 4px; width: 100%; padding-top: 0px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media (min-width: 980px) { .section_head .desc { font-size: 20px; } } @media (max-width: 980px) { input, select, textarea { font-size: 16px !important; font-family: "Lato", sans-serif !important; } .credit_application_wrapper input, .credit_application_wrapper select, .credit_application_wrapper textarea { font-size: 16px !important; font-family: "Lato", sans-serif !important; } .sell-page .colon-left p, .locate-page .colon-left p { font-size: 16px !important; font-family: "Lato", sans-serif !important; } .creditapp-page .search-form select.custom-select, .creditapp-page .search-form input.form-control[type=text], .sell-page .search-form select.custom-select, .sell-page .search-form input.form-control[type=text], .locate-page .search-form select.custom-select, .locate-page .search-form input.form-control[type=text] { font-size: 16px !important; font-family: "Lato", sans-serif !important; } } body .meet-staff-page span.input-group-addon, body .testimonials-page span.input-group-addon, body .sitemap-page span.input-group-addon, body .about-page span.input-group-addon, body .creditapp-page span.input-group-addon, body .finance-page span.input-group-addon, body .sell-page span.input-group-addon, body .locate-page span.input-group-addon, body .shipping-page span.input-group-addon, body .warranty-page span.input-group-addon { font-size: 14px; font-family: lato !important; font-weight: 400; padding-left: 15px; } @supports (-webkit-overflow-scrolling: touch) { /* CSS specific to iOS devices */ } .from_address_holder { position: relative; display: block; } .from_address_holder .get_current_visitor_location { position: absolute; right: 1px; top: 1px; width: 50px; height: 46px; display: block; border-radius: 0px 2px 2px 0px; background: url(../icons/icon_gps.svg) transparent no-repeat center center; background-size: 20px; } .from_address_holder .get_current_visitor_location:hover, .from_address_holder .get_current_visitor_location:focus { background: url(../icons/icon_gps.svg) transparent no-repeat center center; background-size: 20px; } .block_contact_wrapper { margin-top: 10px !important; } .block_contact_wrapper .address_about_us { border-top: none !important; } .block_contact_wrapper .get_directions { margin-top: 2px !important; text-align: center; padding-left: 0px; padding-right: 0px; } #inventory-list:not(.become-gride) .details_holder .btns_holder a { font-size: 16px; padding: 9px 0px; } @media (max-width: 480px) { #inventory-list:not(.become-gride) .details_holder .btns_holder a { padding: 15px 0px; } } #inventory-list:not(.become-gride) .details_holder .btns_holder a .icon { margin-right: 5px; } .datetimepicker1_wrapper { margin-top: 5px; } .datetimepicker1_wrapper input { border-radius: 6px 0px 0px 6px !important; cursor: pointer; } .datetimepicker1_wrapper .input-group-addon { padding: 4px 15px; pointer-events: none; position: absolute; right: 0px; top: 0px; background: rgba(224, 221, 221, 0.6); border-radius: 0px 5px 5px 0px; } .no_vehicles { margin-bottom: 40px; } .no_vehicles .no_vehicle_wrapper { max-width: 600px; margin: auto; margin-top: 4vw; text-align: center; padding: 10px 20px; padding-bottom: 10vw; } .no_vehicles .no_vehicle_wrapper h2 { font-size: 30px; font-weight: 300; padding-top: 20px; } .no_vehicles .no_vehicle_wrapper button { margin: auto; margin-top: 50px; max-width: 200px; color: transparent; border-radius: 4px; height: 53px; font-size: 18px; letter-spacing: 2px; } .no_vehicles .no_vehicle_wrapper button .icon { margin-right: 10px; } .no_vehicles .no_vehicle_wrapper button:hover, .no_vehicles .no_vehicle_wrapper button:focus, .no_vehicles .no_vehicle_wrapper button:active, .no_vehicles .no_vehicle_wrapper button:visited { background-color: #fbfbfb !important; color: transparent !important; } .picker__day { font-weight: 300 !important; } .picker__button--today, .picker__button--clear, .picker__button--close { color: #333; } #dtp_input1 { pointer-events: none; position: absolute; left: -1px; top: -1px; width: calc(100% - 44px); height: 36px; border-radius: 5px 0px 0px 5px !important; border-right: none; z-index: 999; } #schedule-test-drive .modal-dialog { overflow: hidden; } .bootstrap-select.btn-group .btn .filter-option { font-family: "Lato", sans-serif !important; } .no_ve_saved { color: #FFF; font-size: 16px; padding: 20px 10px; text-align: center; margin-top: 20px; } .no_ve_saved.hide { display: none !important; } .save-vehicles-wrapper .swiper-container.scroll-v .swiper-slide .vehicle_saved_item .close_me { bottom: 105px; } .save-vehicles-wrapper .swiper-container.scroll-v .swiper-slide .vehicle_saved_item .close_me .icon { top: -4px; } .alert_update_checkbox { text-align: center; } .alert_update_checkbox .custom-control.custom-checkbox { width: auto; display: inline-block; margin-top: 20px; } .btn.btn-block font, .btn font { line-height: 28px; display: block; height: 30px; } .see_more font { line-height: 36px; display: block; height: 30px; } @media (max-width: 980px) { #any .dropdown-menu.open { transform: translate3d(7px, 55px, 0px) !important; max-width: 100%; } #any .dropdown-menu.open ul { width: 100%; } } .fb_dialog.fb_dialog_advanced, .fb_dialog.fb_dialog_mobile { border-radius: 4px 0px 0px 6px !important; bottom: 100px !important; box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.43) !important; height: 45px !important; right: 25px !important; width: 384px !important; background: transparent !important; opacity: 0; pointer-events: none; } .fb_dialog.fb_dialog_advanced:before, .fb_dialog.fb_dialog_mobile:before { content: ""; width: 53px; height: 53px; border-radius: 4px 0px 0px 6px; background: url(../icons/v12_chat_icon_red.svg) transparent no-repeat center center; background-size: 30px; cursor: pointer; position: absolute; right: 0px; top: 0px; z-index: 9; display: block; pointer-events: none; } .fb_dialog.fb_dialog_advanced:hover:before, .fb_dialog.fb_dialog_mobile:hover:before { background: url(../icons/v12_chat_icon_red.svg) transparent no-repeat center center; background-size: 30px; } .bouced_in_class { border: none !important; visibility: visible !important; width: 270pt !important; height: 124px !important; border-radius: 9pt !important; bottom: 72pt !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 3pt 12pt !important; max-height: 100% !important; padding: 0px !important; position: fixed !important; right: 18pt !important; top: auto !important; z-index: 2147483647 !important; } .from_editor_wrapper img { height: auto !important; } .carousel_vehicle_detail img { width: 100%; } .img-parallax { height: 68vw; max-width: none; z-index: -1; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); pointer-events: none; } @media (max-width: 980px) { .img-parallax { height: 100%; } } /* Style chat UI */ .ui-chat-container { position: fixed; right: 0px; bottom: 0px; z-index: 999; } .ui-chat-container .btn_chat_lancher { display: block; width: 61px; height: 61px; background-color: transparent; position: absolute; right: 20px; bottom: 20px; z-index: 999; border-radius: 40px; border: none; cursor: pointer; outline: none; padding: 0px; box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.43); } .ui-chat-container .btn_chat_lancher span.open_me { display: block; width: 100%; height: 100%; background: url(../../t1/assets/chat/img/v12_chat_icon_red.svg) no-repeat center; background-size: 35px; position: absolute; right: 0px; bottom: 0px; border-radius: 40px; cursor: pointer; transition: all ease 400ms; transform: scale(0) rotate(40deg); opacity: 0; } /* Vertical media */ .ui-chat-container .step5_wrapper { width: calc(100% - 50px); max-width: 320px; height: 400px; position: fixed; bottom: 100px; right: 25px; background: #FFF; border-radius: 10px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); transition: ease all 300ms; transform: translateX(20px); pointer-events: none; opacity: 0; } @media (min-height: 800px) { .ui-chat-container .step5_wrapper { height: 500px; } } /* Vertical media */ .ui-chat-container .step5_wrapper iframe { border: none; width: 100%; height: 100%; border-radius: 10px; } .ui-chat-container .step5_wrapper.active { transform: translate(0px, 0px); pointer-events: all; opacity: 1; z-index: 9999; } .ui-chat-container .step1_wrapper.three_messenger_textus_livechat { height: auto; overflow: hidden; } .three_messenger_textus_livechat .chat_now_btn { display: block; width: 33.33%; height: 45px; background: transparent; position: relative; float: left; border-radius: 0; bottom: 0; border: none; outline: 0; color: #FFF; font-family: Lato, sans-serif; font-size: 16px; cursor: pointer; margin-top: 0px; text-decoration: none; line-height: 44px; text-align: center; padding-top: 0px; padding-bottom: 0px; font-weight: 700; box-sizing: border-box; padding-left: 0px; padding-right: 0px; } .three_messenger_textus_livechat .chat_now_btn.textus_mobile, .three_messenger_textus_livechat .chat_now_btn.textus { border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); } .ui-chat-container .btn_chat_lancher span.open_me.active { transform: scale(1) rotate(0deg); opacity: 1; } .ui-chat-container .btn_chat_lancher span.close_me { display: block; width: 100%; height: 100%; position: absolute; right: 0px; bottom: 0px; border-radius: 40px; cursor: pointer; transition: all ease 400ms; transform: scale(0) rotate(40deg); opacity: 0; } .ui-chat-container .btn_chat_lancher span.close_me:before { content: ""; width: 4px; height: 25px; background-color: white; border-radius: 4px; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); } .ui-chat-container .btn_chat_lancher span.close_me:after { content: ""; width: 4px; height: 25px; background-color: white; border-radius: 4px; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); } .ui-chat-container .btn_chat_lancher span.close_me.active { transform: scale(1) rotate(0deg); opacity: 1; } .ui-chat-container .btn_chat_lancher:hover, .ui-chat-container .btn_chat_lancher:focus { background: #ea0019; } .ui-chat-container .step1_wrapper .close { position: absolute; width: 25px; height: 25px; background-color: rgba(0, 0, 0, 0.1); right: 10px; top: 10px; border-radius: 25px; border: none; outline: none; padding: 0px; cursor: pointer; display: none; } .ui-chat-container .step1_wrapper .close:before { content: ""; width: 2px; height: 15px; background-color: rgba(0, 0, 0, 0.3); border-radius: 2px; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); } .ui-chat-container .step1_wrapper .close:after { content: ""; width: 2px; height: 15px; background-color: rgba(0, 0, 0, 0.3); border-radius: 2px; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); } .ui-chat-container .step1_wrapper .close:hover, .ui-chat-container .step1_wrapper .close:focus { background-color: rgba(0, 0, 0, 0.15); } .ui-chat-container .step1_wrapper { width: calc(100% - 50px); max-width: 320px; min-height: auto; padding-bottom: 0px; position: fixed; bottom: 100px; right: 24px; background: #fbfbfb; border-radius: 10px 10px 12px 12px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.7); transition: ease all 300ms; transform: translate(0px, 20px); pointer-events: none; opacity: 0; } .ui-chat-container .step1_wrapper.active { transform: translate(0px, 0px); pointer-events: all; opacity: 1; z-index: 9999; } .ui-chat-container .step1_wrapper.active.step2 { transform: translate(-20px, 0px); pointer-events: none; opacity: 0; z-index: -1; } .ui-chat-container .step1_wrapper .instruction { position: relative; top: 25px; margin-bottom: 70px; } .ui-chat-container .step1_wrapper .instruction h2 { font-family: "Heebo", sans-serif; font-weight: 700; padding-left: 100px; font-size: 23px; color: rgba(18, 26, 49, 0.91); } .ui-chat-container .step1_wrapper .instruction h3 { font-weight: 500; font-family: "Heebo", sans-serif; padding-left: 100px; font-size: 18px; padding-right: 30px; padding-top: 5px; color: rgba(18, 26, 49, 0.81); } .ui-chat-container .step1_wrapper .instruction .contact_logo { position: absolute; left: 20px; top: 7px; width: 60px; height: 60px; border: 1px solid #CCC; overflow: hidden; border-radius: 50px; } .ui-chat-container .step1_wrapper .instruction .contact_logo img { width: 111%; max-width: none; transform: scale3d(1, 1, 1); } .single_textus .chat_now_btn { display: block; width: 100%; height: 45px; background: transparent; position: absolute; border-radius: 0px 0px 10px 10px; left: 0px; bottom: 0px; border: none; outline: none; padding: 0px; color: #FFF; font-weight: 500; font-family: "Heebo", sans-serif; font-size: 16px; cursor: pointer; } .single_messenger .chat_now_btn { display: block; width: 100%; height: 45px; background: transparent; position: absolute; border-radius: 0px 0px 10px 10px; left: 0px; bottom: 0px; border: none; outline: none; padding: 0px; color: #FFF; font-weight: 500; font-family: "Heebo", sans-serif; font-size: 16px; cursor: pointer; } .both_messenger_textus .chat_now_btn { display: block; width: auto; min-width: 50%; height: 45px; background: transparent; position: absolute; border-radius: 0px 0px 0px 10px; left: 0px; bottom: 0px; border: none; outline: none; padding: 0px; color: #FFF; font-weight: 500; font-family: "Heebo", sans-serif; font-size: 16px; cursor: pointer; } .chat_now_btn:hover, .chat_now_btn:focus { background-color: #ea0019; } .single_messenger .chat_now_btn.textus { display: none; } .single_textus .chat_now_btn.messenger { display: none; } .single_textus .chat_now_btn.textus { left: unset; right: 0px; border-radius: 0px 0px 10px 10px; border-left: 1px solid rgba(123, 30, 30, 0.4); } .single_textus .chat_now_btn.textus_mobile { left: unset; right: 0px; border-radius: 0px 0px 10px 10px; border-left: 1px solid rgba(123, 30, 30, 0.4); text-align: center; line-height: 45px; text-decoration: none !important; } .both_messenger_textus .chat_now_btn.textus_mobile { left: unset; right: 0px; border-radius: 0px 0px 10px 0px; border-left: 1px solid rgba(123, 30, 30, 0.4); text-align: center; line-height: 45px; text-decoration: none !important; } .both_messenger_textus .chat_now_btn.textus { left: unset; right: 0px; border-radius: 0px 0px 10px 0px; border-left: 1px solid rgba(123, 30, 30, 0.4); } .ui-chat-container .step2_wrapper { width: calc(100% - 50px); max-width: 295px; height: 380px; position: fixed; bottom: 100px; right: 24px; background: #FFF; border-radius: 12px 12px 10px 10px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.7); transition: ease all 300ms; transform: translateX(20px); pointer-events: none; opacity: 0; } .ui-chat-container .step2_wrapper.active { transform: translateX(0px); pointer-events: all; opacity: 1; z-index: 9999; } .ui-chat-container .step2_wrapper.active.step3 { transform: translate(-20px, 0px); pointer-events: none; opacity: 0; z-index: -1; } .ui-chat-container .step2_wrapper .header { background: transparent; width: 100%; min-height: 40px; border-radius: 10px 10px 0px 0px; color: #FFF; font-family: sfp_Light; font-weight: 400; font-family: "Heebo", sans-serif; font-size: 14px; padding-top: 11px; box-sizing: border-box; text-align: center; margin-bottom: 10px; } .ui-chat-container .step2_wrapper .input-group { min-height: 50px; padding-top: 10px; padding-left: 15px; padding-right: 20px; box-sizing: border-box; } .ui-chat-container .step2_wrapper .input-group label { display: block; font-size: 14px; font-family: sfp_Light; font-weight: 400; font-family: "Heebo", sans-serif; } .ui-chat-container .step2_wrapper .input-group input { display: block; width: 100%; height: 40px; border-radius: 3px; border: 1px solid #CCC; margin-top: 0px; background-color: #fbfbfb; padding: 10px; box-sizing: border-box; outline-color: transparent; font-family: sfp_Light; font-weight: 400; font-family: "Heebo", sans-serif; } .ui-chat-container .step2_wrapper .input-group textarea { display: block; width: 100%; height: 80px; border-radius: 3px; border: 1px solid #CCC; margin-top: 0px; max-width: 100%; max-height: 150px; resize: none; background-color: #fbfbfb; padding: 10px; box-sizing: border-box; outline-color: transparent; font-family: sfp_Light; font-weight: 400; font-family: "Heebo", sans-serif; } .ui-chat-container .step2_wrapper .input-group span.required { color: red; } .ui-chat-container .step2_wrapper .input-group span#remaining { display: block; font-size: 14px; font-family: sfp_Light; font-weight: 400; font-family: "Heebo", sans-serif; padding-top: 5px; } .error { font-size: 12px; color: red; padding-top: 5px; font-family: sfp_Semibold; font-weight: 500; font-family: "Heebo", sans-serif; display: none; } .error.active { display: block; } .ui-chat-container .step2_wrapper .input-group button { display: block; width: 100%; height: 45px; background: transparent; border-radius: 3px; border: none; outline: none; color: #FFF; font-family: sfp_Medium; font-weight: 500; font-family: "Heebo", sans-serif; font-size: 14px; cursor: pointer; margin-bottom: 15px; margin-top: 10px; padding: 0px; } .ui-chat-container .step2_wrapper .input-group button:hover, .ui-chat-container .step2_wrapper .input-group button:focus { background-color: #ea0019; } .ui-chat-container .step3_wrapper { width: calc(100% - 50px); max-width: 360px; min-height: 199px; position: fixed; bottom: 100px; right: 24px; padding: 20px; box-sizing: border-box; background: #fbfbfb; border-radius: 10px 10px 12px 12px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.7); transition: ease all 300ms; transform: translate(0px, 20px); pointer-events: none; opacity: 0; } .ui-chat-container .step3_wrapper.active { transform: translate(0px, 0px); pointer-events: all; opacity: 1; z-index: 9999; } .ui-chat-container .step3_wrapper .instruction h2 { font-family: sfp_bold; font-weight: 700; font-family: "Heebo", sans-serif; padding: 0px; padding-bottom: 10px; font-size: 23px; color: rgba(18, 26, 49, 0.91); } .ui-chat-container .step3_wrapper .instruction p { font-family: sfp_Medium; font-weight: 500; font-family: "Heebo", sans-serif; padding-left: 100px; font-size: 15px; padding: 20px 0px; padding-top: 5px; color: rgba(18, 26, 49, 0.81); } .ui-chat-container .step3_wrapper .agree_btn { display: block; width: 100%; height: 45px; background: transparent; border-radius: 3px; border: none; outline: none; color: #FFF; font-family: sfp_Medium; font-weight: 500; font-family: "Heebo", sans-serif; font-size: 14px; cursor: pointer; padding: 0px; margin-bottom: 0px; margin-top: 10px; } .ui-chat-container .step3_wrapper .agree_btn.disabled { pointer-events: none; background: #807d7e; } .ui-chat-container .step3_wrapper .agree_btn:hover, .ui-chat-container .step3_wrapper .agree_btn:focus { background-color: #ea0019; } .ui-chat-container .step3_wrapper .disagree_btn { display: block; width: 100%; height: 45px; background-color: transparent; border-radius: 3px; border: none; outline: none; color: #6d6d6d; font-weight: 500; font-family: "Heebo", sans-serif; font-size: 14px; cursor: pointer; padding: 0px; margin-bottom: 0px; margin-top: 0px; } .ui-chat-container .step3_wrapper .disagree_btn:hover, .ui-chat-container .step3_wrapper .disagree_btn:focus { color: #4a4949; } .ui-chat-container .step3_wrapper.active.step4 { transform: translate(-20px, 0px); pointer-events: none; opacity: 0; z-index: -1; } .ui-chat-container .step4_wrapper { width: calc(100% - 50px); max-width: 360px; min-height: 199px; position: fixed; bottom: 100px; right: 24px; padding: 20px; box-sizing: border-box; background: #FFF; border-radius: 10px 10px 12px 12px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.7); transition: ease all 300ms; transform: translate(0px, 20px); pointer-events: none; opacity: 0; } .ui-chat-container .step4_wrapper .instruction img { width: 40px; margin-bottom: 20px; margin-top: 25px; } .ui-chat-container .step4_wrapper .instruction { text-align: center; } .ui-chat-container .step4_wrapper .instruction h2 { font-weight: 500; font-family: "Heebo", sans-serif; padding: 0px; padding-bottom: 10px; font-size: 17px; color: rgba(18, 26, 49, 0.91); } .ui-chat-container .step4_wrapper .instruction p { font-weight: 500; font-family: "Heebo", sans-serif; padding-left: 100px; font-size: 17px; padding: 20px 0px; padding-top: 5px; padding-bottom: 0px; color: rgba(18, 26, 49, 0.51); } .ui-chat-container .step4_wrapper .send_it_btn { display: block; width: 100%; height: 45px; background-color: transparent; border-radius: 3px; border: none; outline: none; color: #2B95D6; font-weight: 500; font-family: "Heebo", sans-serif; font-size: 17px; cursor: pointer; padding: 0px; margin-bottom: 15px; margin-top: 0px; } .ui-chat-container .step4_wrapper .send_it_btn:hover, .ui-chat-container .step4_wrapper .send_it_btn:focus { color: #2176ab; } .ui-chat-container .step4_wrapper.active { transform: translate(0px, 0px); pointer-events: all; opacity: 1; z-index: 9999; } .fb-customerchat.fb_invisible_flow { display: none; } /* Style chat UI */ .fullwidth { width: 100% !important; } .modal .modal-content .modal-footer { width: 100%; } @media (max-width: 680px) { body #inventory-list ul.list li.vehicle-item .details_holder .row.description .rmv-padding-right .vehicle_history_report_wrapper { text-align: left; height: auto !important; margin-left: 0px; padding: 0px; } body .inventory_vehicle_item.list .description .option ul { height: auto; } body .inventory_vehicle_item.list .description .option ul li { line-height: 25px; font-size: 16px; } body #inventory-list.become-gride .inventory_vehicle_item.list .description .option ul { height: auto; } body #inventory-list.become-gride .vehicle_history_report_wrapper { height: auto; } } @media (max-width: 480px) { body .inventory_vehicle_item.list .description .option ul li { width: 100% !important; } } @media (max-width: 980px) { .popup-askquestion-lead-result { margin-top: 10px; } } .modal .modal-content .modal-body .desc22 { margin-top: -25px !important; margin-bottom: 10px !important; text-align: center !important; } .hide_on_success .row.testdrive_row_datetime { width: calc(100% + 30px); } @media (max-width: 480px) { .fb_iframe_widget iframe { right: 5px !important; } } .easyload { transition: all ease 500ms; opacity: 0; } .easyload.easyloaded { opacity: 1; } /*Begin Version 2 featured vehicle style*/ .featured_vehicles_wrapper_version2 .swiper-button-next { background: url(../icons/arrow.svg) center center no-repeat !important; width: 50px !important; position: absolute !important; right: 0px !important; top: 300px !important; transform: rotate(180deg) !important; } .featured_vehicles_wrapper_version2 .swiper-button-prev { background: url(../icons/arrow.svg) center center no-repeat !important; width: 50px !important; position: absolute !important; left: 0px !important; top: 300px !important; transform: rotate(0deg) !important; } .featured_vehicles_wrapper_version2 .right_sidebar_vehicle { background: #FFF; border: 1px solid #e3e3e3; padding-right: 0px; } .featured_vehicles_wrapper_version2 .main_photo_sidebar_wrapper { border-bottom: none; border-left: none; border-right: none; margin-top: 0px; position: relative; transform: translateY(0px); max-height: none; max-width: none; overflow: visible; } .featured_vehicles_wrapper_version2 .main_photo_sidebar_wrapper.affix { position: relative; transform: translateY(0px); max-height: none; max-width: none; overflow: visible; } .featured_vehicles_wrapper_version2 .carousel_vehicle_detail_wrapper { margin-top: 0px; } .featured_vehicles_wrapper_version2 .carousel_vehicle_detail_wrapper img { width: 100%; } .featured_vehicles_wrapper_version2 .header_title { margin-top: 0px; } .featured_vehicles_wrapper_version2 .header_title .head_title { margin-right: 0px; padding: 10px 15px; border-bottom: none; border-left: none; border-right: none; border-top: none; } .featured_vehicles_wrapper_version2 .header_title .title { font-size: 20px; } .featured_vehicles_wrapper_version2 .header_title .price { font-size: 20px; } .featured_vehicles_wrapper_version2 .header_title .msrp { display: none; } .featured_vehicles_wrapper_version2 .header_title .head_price { padding: 10px 15px; border-bottom: none; border-left: none; border-right: none; margin-left: 0px; } @media (min-width: 980px) { .featured_vehicles_wrapper_version2 .header_title .head_price.affix { position: relative; transform: translateY(0px); max-width: none; margin-left: 0px; } } /*End Version 2 featured vehicle style*/ /* Fix top_widget_wrapper */ /*Fix1 search_box no subtitle*/ @media (max-width: 980px) { .search-box-wrapper.empty_subtitle { top: 50%; } } /* Fix header ticket */ .top_widget_wrapper .container { min-height: 50px; } .top_widget_wrapper .container .row { min-height: 50px; } .top_widget_wrapper .container .row .col { min-height: 50px; } .main_photo_vehicle_detail_wrapper { background: #FFF; border: 1px solid #e3e3e3; margin-top: 25px; } /*******************************/ /* Cars Logo Section */ /*******************************/ .v12-logo-section { padding-bottom: 30px; padding-top: 25px; background-color: #fff; height: 95px; overflow: hidden; position: relative; z-index: 999; } .v12-logo-section .slick-slide img { display: block; margin: auto; } .ui-chat-container .step4_wrapper.active { z-index: 9999; } .ui-chat-container .step3_wrapper.active { z-index: 9999; } .ui-chat-container .step2_wrapper.active { z-index: 9999; } .ui-chat-container .step1_wrapper { z-index: -1; } .ui-chat-container .step1_wrapper.active { z-index: 9999; } .ui-chat-container .step1_wrapper.active.step2 { z-index: -1; } .ui-chat-container .step2_wrapper.active.step3 { z-index: -1; } .ui-chat-container .step2_wrapper.active, .ui-chat-container .step3_wrapper.active, .ui-chat-container .step4_wrapper.active { z-index: 9999; display: block; } .ui-chat-container .step1_wrapper, .ui-chat-container .step2_wrapper, .ui-chat-container .step3_wrapper, .ui-chat-container .step4_wrapper, .ui-chat-container .step5_wrapper { z-index: -1; display: none; } .ui-chat-container .step1_wrapper.active { z-index: 9999; display: flex; } .ui-chat-container .step1_wrapper.active.step2, .ui-chat-container .step2_wrapper.active.step3 { z-index: -1; } .ui-chat-container .step5_wrapper.active { display: block; } @media (max-width: 980px) { .video-foreground.photo_static:not(.slides_type) img { position: absolute; } } @media (max-width: 768px) { .video-foreground.photo_static img { height: 100%; width: auto; max-width: none; left: 50%; top: 0; transform: translateX(-50%); } } .video_welcome_text_tag.video_welcome_text.left { position: absolute; z-index: 9; left: 8vw; top: 16vh; } .video_welcome_text_tag.video_welcome_text.right { position: absolute; z-index: 9; right: 8vw; top: 16vh; } .video_welcome_text_tag.video_welcome_text.center { position: absolute; z-index: 9; left: 50%; transform: translateX(-50%); top: 16vh; } .video_welcome_text_tag.video_welcome_text.left .title { font-size: 30px; text-align: left; } .video_welcome_text_tag.video_welcome_text.left .subtitle { margin-top: 0px; font-size: 20px; text-align: left; } .video_welcome_text_tag.video_welcome_text.right .title { font-size: 30px; text-align: right; } .video_welcome_text_tag.video_welcome_text.right .subtitle { margin-top: 0px; font-size: 20px; text-align: right; } .video_welcome_text_tag.video_welcome_text.center .title { font-size: 30px; text-align: center; } .video_welcome_text_tag.video_welcome_text.center .subtitle { margin-top: 0px; font-size: 20px; text-align: center; } .our_reviews_wrapper #carousel_reviews_wrapper{ padding-left: 45px!important; }