.ad-listing-meta>ul, .blog-sidebar .widget .recent-ads .recent-ads-list .recent-ads-container .recent-ads-list-content ul.recent-ads-list-location li a, .blog-sidebar .widget .widget-heading .panel-title a, .compare-detial table tr td ul li, .grid-style-2 .ad-info-1, .grid-style-2 .ad-info-1 ul li, .header-right, .modal-footer, .no-padding, .tab-content, ul, ul.filterAdType { padding: 0 } .btn, body { font-family: 'Inter', sans-serif } #img-upload, .ad-archive-img img, .heading-panel .left-side .heading-text, .message-history li .image img, .preloader, iframe { width: 100% } .ad-listing .ad-status, .btn, .font-uppercase, .header-top ul.dropdown-menu li a, .header-top ul.listnone li a.btn, .post-review .summary-review .final-rate h6, .special-label { text-transform: uppercase } .ad-listing .img-box img, .banner img, .img-thumb, .search-result-item .image, img { max-width: 100% } .btn-file input[type=file], object, video { min-width: 100%; min-height: 100% } .btn-social, .cd-top, h2.no-span { white-space: nowrap } .background-rotator .owl-carousel .owl-item, body, html { height: 100%; width: 100% } body { color: #777; font-size: 16px; line-height: 1.7em; font-weight: 400; overflow-x: hidden; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased } a { -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; cursor: pointer } a:focus, a:hover { text-decoration: none; o-transition: all 0.3s ease-out; -ms-transition: .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out; transition: .3s ease-out } a, b, div, li, ul { -webkit-tap-highlight-color: transparent } ul { list-style: none; margin: 0 } .featured-ads .app-text-section h3, .font-bold, .sell-points ul li span, .short-history li b, .singlepage-detail .content-box-grid .short-history li b, b, strong { font-weight: 600 } .about-title .custom-links, .about-title p, .car-inspection p, .compare-detial .accordion, .load-more-btn, .margin-top-20, .message-details p, .our-experince p, .search-result-item+.search-result-item { margin-top: 20px } .heading-panel .left-side h1::after, .heading-panel .left-side h1::before, .no-margin, .notification.msgs, .recent-ads .recent-ads-list-title { margin: 0 } .desc-points, .margin-bottom-10, .messages>li, .short-description-1 .location, .singlepage-detail .heading-panel { margin-bottom: 10px } .footer-top .widget p, .grid-panel .heading-panel, .margin-bottom-20, .review-excerpt img { margin-bottom: 20px } .about-us .title, .ad-row, .advertising, .adz-detail .heading-panel, .choose-list li, .choose-title p, .featured-slider-1 .owl-item .item .category-grid-box-1, .gallery-style-post, .margin-bottom-30, .reviews .news .mainimage { margin-bottom: 30px } .blog-detial .comment-info p, .comment-info p, .margin-bottom-40 { margin-bottom: 40px } .margin-bottom-50, .subscribe, .theme-logo { margin-bottom: 50px } .ad-archive-desc ul.add_info, .ads-list-archive .archive-history, .compare-detial .accordion li .accordion-content table, .margin-top-10, .parallex-small .btn, .submit-form .skin-minimal ul.list li { margin-top: 10px } .heading-panel h1::after, .heading-panel h1::before { content: ""; height: 1px; margin: 0 auto; right: 0; background-color: #242424 } .margin-top-30 { margin-top: 30px } .margin-top-40 { margin-top: 40px } .center, .margin-top-50 { margin-top: 50px } .container.full-width { width: 100% !important } .sec-padding, .section-padding { padding: 90px 0 } .section-padding-140 { padding: 140px 0 } .parallex .app-download-section-container, .section-padding-120 { padding: 120px 0 } .section-padding-100 { padding: 100px 0 } .section-padding-80 { padding: 80px 0 } .section-padding-70 { padding: 70px 0 } .section-padding-60 { padding: 60px 0 } .section-padding-40 { padding: 40px 0 } .custom-padding-20 { padding: 20px 0 } .accordion>li:first-child, .blog-sidebar .widget ul li:first-child, .no-top, .sidebar .widget .widget-content ul li:first-child { padding-top: 0 } .padding-top-20 { padding-top: 20px } .padding-top-30 { padding-top: 30px } .padding-top-40 { padding-top: 40px } .padding-top-50 { padding-top: 50px } .padding-top-45 { padding-top: 45px } .padding-top-60 { padding-top: 60px } .padding-top-70 { padding-top: 70px } .padding-top-80 { padding-top: 80px } .padding-top-90 { padding-top: 90px } .padding-top-100 { padding-top: 100px } .padding-top-120 { padding-top: 120px } .padding-top-140 { padding-top: 140px } .padding-bottom-30 { padding-bottom: 30px } .padding-bottom-50 { padding-bottom: 50px } .padding-bottom-70 { padding-bottom: 70px } .padding-bottom-120 { padding-bottom: 120px } .padding-bottom-100 { padding-bottom: 100px } .padding-bottom-80 { padding-bottom: 80px } .padding-bottom-60 { padding-bottom: 60px } .padding-bottom-20, .padding-bottom-40 { padding-bottom: 40px } .custom-padding, .happy-clients-area { padding: 90px 0 60px } .custom-padding.no-top { padding: 0 0 60px } .custom-padding-2 { padding: 90px 0 110px } .gray { background-color: #f6f6f6 } .compare-detial table, .section-search .nav-tabs .nav-item.active a, .white-bg { background-color: #fff } .badge-overlay { left: 10px; position: absolute; top: 10px; z-index: 11 } .badge { border-radius: 0; display: table; font-size: 10px; font-weight: 700; letter-spacing: .12em; line-height: 17px; padding: 3px 10px } #banner::before, .heading-panel h3.main-title, .heading-text, .tags-share .share ul li, .tags-share .tags ul li { display: inline-block } .btn, .subscribe>p { letter-spacing: 1px } .header-top ul.dropdown-menu li:first-child, .no-right { padding-right: 0 } .ad-listing .col-md-3.grid-style, .no-left, .primary-header .mega-menu .menu-links li:first-child a, .search-result-item .info span:first-child, .short-history li:first-child, .singlepage-detail .content-box-grid .short-history li:first-child, .small-breadcrumb .breadcrumb-link ul li a:first-child, .small-breadcrumb .breadcrumb-link ul li:first-child { padding-left: 0 } h1, h2, h3, h4, h5, h6 { position: relative; font-family: Inter, sans-serif; font-weight: 400; margin: 0; background: 0 0; line-height: 1.6em } h1 { font-size: 36px } .background-rotator .heading-caption p, h2 { font-size: 24px } .contact-in-header strong, .singlepage-detail .heading-panel h3, h3 { font-size: 20px } .contact-seller .recent-ads .recent-ads-list-price, .price-quote .recent-ads .recent-ads-list-price, .pricing .type, .search-modal .search-block .popular-search label, .share-ad .recent-ads .recent-ads-list-price, h4 { font-size: 16px } .btn, .form-control, h5 { font-size: 14px } h5 { line-height: 1.6 } h6 { font-size: 12px } p { line-height: 1.6em; font-size: 16px } .btn { padding: 10px 15px; border-radius: 1px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; font-weight: 600 } .form-control { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 1px; box-shadow: none; color: #555; height: auto; padding: 15px 12px; transition: .2s cubic-bezier(0, 0, .58, 1) } .btn-lg { padding: 12px 52px; letter-spacing: 1.3px } .btn-md, .modal-body .btn { padding: 10px 20px } .btn-sm { padding: 8px 16px; font-size: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .btn-xs { padding: 6px 18px; font-size: 12px } .preloader { background-color: #fff; background-image: url("../images/sb-loader.gif"); background-position: center center; background-repeat: no-repeat; height: 100%; left: 0; position: fixed; top: 0; z-index: 999999; overflow: hidden !important } .color-switcher { width: 234px; position: fixed; left: -235px; top: 10%; background: #fff; z-index: 9999; padding: 15px 0 5px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; border: 1px solid #ccc } .color-switcher h5 { font-size: 15px; margin-top: 0; padding: 0 20px; color: #232323 } .color-switcher p { padding-bottom: 7px; font-size: 14px; color: #595959; margin-bottom: 0; padding-left: 20px } .color-switcher ul { list-style: none; padding-left: 20px } .color-switcher ul li { float: left; margin-right: 5px; margin-bottom: 5px } .color-switcher ul li a { display: block; width: 24px; height: 24px; outline: 0 } .color-switcher ul li a.defualt { background: #e52d27 } .color-switcher ul li a.green { background: #00bf8f } .color-switcher ul li a.purple { background: #673ab7 } .picker_close { width: 40px; height: 40px; position: absolute; right: -44px; top: 55px; border: 1px solid #ccc; text-align: center; background: center 5px no-repeat #fff } .picker_close i { font-size: 22px; margin-top: 9px } .position { left: 0; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s } .footer-content .column .heading-panel, .heading-panel, .heading-panel-2, .site-map { margin-bottom: 30px; overflow: hidden } .blog-sidebar .widget ul li, .heading-panel .heading-box { border-bottom: 1px solid #f1f1f1 } .heading-panel-2 h3 { color: #222; font-size: 22px; font-weight: 700; position: relative; text-transform: capitalize; z-index: 2 } .heading-panel h3 { color: #232323; font-size: 20px; font-weight: 500; line-height: 60px; margin: 0; text-transform: capitalize } .heading-panel h3.small-link { font-size: 12px; font-weight: 400 } .about-us .title h3, .heading-panel h1 { color: #222; font-size: 28px; font-weight: 700; padding-bottom: 20px; position: relative; text-transform: capitalize; z-index: 2 } .heading-panel h1::before { bottom: 6px; left: 0; position: absolute; width: 99px } .heading-panel h1::after { bottom: 0; left: 0; position: absolute; width: 59px } .heading-text { line-height: 26px; width: 55%; margin-top: 20px } .ad-preview-details p:after, .blog-post:after, .colored-header:after, .header-top:after, .primary-header-1:after, .primary-header:after { content: ''; display: block; clear: both } .header-top.dark, .search-modal .modal-header { background: #202020 } .accordion-content p:last-child, .car-detail .advertising, .custom-links li:last-child a, .dashboard-menu-container ul, .grid-style-1 .white.category-grid-box-1 .short-description-1 .ad-price, .header-top ul, .messages>li:last-child, .pricing.style-3 .block, .profile-edit dl:last-child, .review-excerpt .pro-cons ul li:last-child, .services-grid p:last-child, .widget .widget-content .featured-slider-3 .item .category-grid-box { margin-bottom: 0 } .header-top ul.listnone li { display: inline-block; line-height: 39px; padding: 0 10px; position: relative } .header-top ul li a { color: #fff; text-transform: capitalize; font-size: 14px; position: relative } #google-map-btn a:hover, .ad-listing .content-area .additional-info li a:hover, .background-rotator .heading-caption p strong, .buysell-section .stats p strong, .cat-title h3 a, .font-white, .header-top ul.listnone li a.btn:hover, .header-top-left p a, .notification .round-btn i, .parallex .section-title, .pricing .featured .name, .pricing .featured .price, .pricing .featured a.button>i, .pricing .featured h3, .primary-header .mega-menu .menu-links>li>a, .search-modal .close, .search-modal .close:focus, .search-modal .close:hover, .search-modal .modal-header h3, .social-area-share>a:hover, .sticky-ad-detail .short-history li b a, .with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a, .with-nav-tabs.panel-primary .nav-tabs>li>a, .with-nav-tabs.panel-primary .nav-tabs>li>a:focus, .with-nav-tabs.panel-primary .nav-tabs>li>a:hover, ul.filterAdType li a:hover, ul.filterAdType li.active a { color: #fff } .header-top ul li i { margin-right: 5px; font-size: 14px } .header-top-left p { color: #fff; display: block; float: left; font-size: 14px; line-height: 35px; margin-bottom: 0; margin-top: 0 } .header-top-left p a:hover { color: #f56719 } .header-top-left p+p { margin-left: 25px } .header-top-left p i { font-size: 14px; line-height: 49px; margin-right: 10px } .ad-listing-meta ul li:last-child, .header-top .dropdown-menu li:last-child, .page-header-area-2 .small-breadcrumb .breadcrumb-link ul li a.active, .panel.with-nav-tabs .nav-tabs, .profile-edit .dl-horizontal dd:last-child, .site-map-list li:last-child { border-bottom: none } .header-top ul li ul.dropdown-menu li { border-left: none; display: block; padding-left: 0; padding-right: 0 } .header-top ul.dropdown-menu li { width: 100%; border-bottom: 1px solid #f3f3f3 } .header-top ul.dropdown-menu li a { color: #232323; width: 100%; font-size: 14px } .header-top .dropdown-menu>li>a:focus, .header-top .dropdown-menu>li>a:hover, .page-header-area-2 .small-breadcrumb, .widget .widget-content .noUi-handle::after, .widget .widget-content .noUi-handle::before { background: 0 0 } .header-top .dropdown-menu>li>a { box-sizing: border-box; font-size: 14px; font-weight: 600; padding: 15px 20px; text-transform: capitalize; width: 100% } .header-top ul.dropdown-menu { border-radius: 0; margin-top: 0; z-index: 999; padding: 0 } .ms-overlay-layers::before { background: rgba(0, 0, 0, .3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9 } .colored-header #menu-1 .menu-list-items .menu-links li a.btn-light { color: #fff; padding-right: 15px } .colored-header #menu-1 .menu-list-items .menu-links li a.btn-light i, .message-inbox .message-header span+span { margin-right: 10px } #search-section { background: #363c48; padding: 20px 0 } #search-section .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #ccc; border-radius: 0; height: 52px } #search-section .btn-light { color: #fff; padding: 15px } .header-area { background: #fff; padding: 30px 0; position: relative } .blog-sidebar .widget .recent-ads .recent-ads-list .recent-ads-container .recent-ads-list-content ul.recent-ads-list-location li a::after, .cluster img, .message-history li .user-name .author .user-status, .primary-header #menu-1 .menu-list-items .custom-menu .menu-logo li a img, .ps-scrollbar-x-rail, .single-details .owl-controls .owl-nav, .small-breadcrumb .breadcrumb-link ul li:last-child::after { display: none } .primary-header .mega-menu section.menu-list-items { background: #2d343d; padding: 10px 0 } .primary-header .mega-menu .drop-down-multilevel li:first-child a, .review-excerpt .pro-cons h3 { padding-left: 20px } .primary-header .mega-menu .menu-list-items .custom-menu .menu-search-bar li a.btn { padding: 15px } .primary-header .mega-menu .menu-list-items .custom-menu .menu-search-bar li a.btn-theme { background: rgba(255, 255, 255, .2); border: none } .search-bar { box-shadow: 0 3px 5px rgba(0, 0, 0, .07); position: relative; z-index: 99 } .search-bar .search-form .btn-lg, .search-style-2 .tab-content .search-form .btn-lg { letter-spacing: 1.3px; padding: 17px 30px } .search-bar .search-form .btn, .search-style-2 .tab-content .search-form .btn { margin-top: 32px } .search-bar .search-style-2 .search-form { padding: 33px 0 } .header-top img.resize { height: 26px; width: 26px; margin-top: -1px } img.resize { height: 45px; width: 45px } .primary-header img.resize { height: 35px; width: 35px; margin-top: 7px } .form-grid .skin-minimal .list li label, .myname { padding-left: 10px } .contact-in-header { border-left: 1px solid #dfdfdf; padding-left: 10px } .contact-in-header i { color: #232323; float: left; font-size: 45px; line-height: 51px; margin-right: 0 } .contact-in-header span { color: #999; float: right; line-height: 25px; margin-left: 10px } .ads-list-archive .ad-archive-desc .ad-price, .content-zone .short-description-1 .ad-price, .mega-menu .menu-list-items ul.menu-links li.pull-right, .message-inbox .message-header span, .my-message .profile-picture { float: right } .mega-menu .drop-down ul.by-category li a::before, .mega-menu .drop-down ul.by-make li a::before { content: "" } .mega-menu .drop-down ul.by-make li a img { height: 80px; width: 80px } .mega-menu .drop-down ul.by-category li { margin-bottom: 10px; width: 116px; text-align: center } .detail-button-group, .mega-menu .drop-down ul.by-category li a img, .user-contact-info { margin-bottom: 5px } .grid-style-2 .ad-info-1 ul li, .mega-menu .drop-down ul.by-category li a, .pricing { text-align: center } .main-search { background: url("../images/6.jpg") center center/cover no-repeat rgba(0, 0, 0, 0); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; height: 550px } .main-search.home2 { background: url("../images/banner-10.jpg") center center/cover no-repeat rgba(0, 0, 0, 0); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; height: auto } .main-search.home .main-search-title, .main-search.home2 .main-search-title { margin: 150px 0 0; overflow: hidden; position: relative } .main-search.home { background: url("../images/banner-10.jpg") center center/cover no-repeat rgba(0, 0, 0, 0); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 500px } .main-search.home .main-search-title h1 { font-size: 26px } .main-search .search-section .form-group { margin-bottom: 25px } .main-search p { color: #fff; z-index: 55; position: relative; font-size: 18px } .main-search .main-search-title { overflow: hidden; position: relative; padding-top: 180px } .ad-archive-desc h3 a, .ad-listing .content-area h3 a, .ad-preview-details h4 a, .adz-detail strong, .blog-post .post-excerpt a strong, .blog-sidebar .widget .table>tbody>tr>td a, .box h4 a, .category-grid-box .short-description h3 a, .comment-list .comment .comment-info .author-desc .author-title li a, .main-search .body-type .main-search-title h1, .message-details h2 a, .message-history .message-grid .user-name .author span, .message-inbox .message-header span a, .owl-testimonial-1 .single_testimonial h3, .parallex .owl-testimonial-2 .single_testimonial h3, .review-excerpt .table th, .search-modal .search-block .popular-search ul li a, .search-style-2 label, .sidebar .widget .widget-content ul li a, .singlepage-detail .content-box-grid .ad-title h2 a, .singlepage-detail .content-box-grid .short-features span strong, .user-information .user-name a, .user-profile .btn-group a, .user-profile .btn-group span, .white.category-grid-box-1 h3 a { color: #232323 } .main-search .main-search-title h1 { color: #fff; font-size: 36px; margin-top: 0; margin-bottom: 10px } .search-section { height: auto; outline: 0; padding: 0; position: relative; width: 100%; z-index: 5 } .search-section .search-options>li { float: left; list-style: none; margin: 0; width: 296px } .search-section .search-options>li input { height: 55px; margin: 0; width: 100%; color: #444; padding-left: 10px } .search-section .search-options>li .btn { border-radius: 0 2px 2px 0; height: 55px } .search-section .search-options>li .btn.btn-danger { background-color: #2d343d; border-color: #2d343d } .search-section .search-options>li:nth-child(4) { width: 200px } #form-panel { background-color: rgba(255, 255, 255, .25); padding: 24px 25px } #banner { background: url("../images/banner-5.jpg") center center/cover no-repeat; min-height: 480px; position: relative; width: 100% } #banner::before { background-color: rgba(34, 34, 34, .6); content: ""; height: 100%; position: absolute; width: 100% } .search-container { display: block; padding: 150px 0 0; position: relative; width: 100%; overflow: hidden } .search-container h2 { color: #fff; font-size: 36px; margin-bottom: 5px } .search-container p { color: #fff; margin-bottom: 25px; font-size: 20px } .search-container .form-group .form-control { width: 100%; height: 69px; font-size: 16px } .search-container .select2-container--default .select2-selection--single { background-color: #fff; border-radius: 0; height: 69px } .search-container .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px } .search-container .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 65px; font-size: 16px } .banner-icon-search { background: url("../images/search.png") 97% 20px/21px 21px no-repeat #fff } .search-container .col-md-4 .form-group .input.form-control:focus, .search-container .col-md-4 .form-group input:focus { border: 1px solid #ccc; box-shadow: none; outline: 0 } .search-container button { background-color: #505050; border: none; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 16px; height: 69px; position: relative; text-align: center; width: 100% } #google-map-btn a, .custom-zoom-in, .custom-zoom-out, .infoBox-close { background-color: #fff; border-radius: 3px; color: #333 } .search-container button::before { background-color: rgba(0, 0, 0, .1); content: ""; display: inline-block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; width: 100%; z-index: 99 } #carousel img:hover, .ad-listing:hover .view-button, .alert .close:hover, .content-zone:hover .view-button, .featured-ads .app-text-section h5, .ps-container:active>.ps-scrollbar-y-rail>.ps-scrollbar-y, .ps-container:hover>.ps-scrollbar-y-rail>.ps-scrollbar-y, .search-container button:hover::before, .sigle-clients-brand a:hover { opacity: 1 } .search-container button i { position: relative; z-index: 100 } #map { height: 590px; width: 100%; margin: 0; position: relative } #google-map-btn a { box-shadow: 0 1px 4px -1px rgba(0, 0, 0, .2); box-sizing: border-box; display: inline-block; padding: 9px 16px 8px; transition: .2s ease-in-out } #google-map-btn { bottom: 50px; display: inline-block; font-size: 16px; list-style: none; padding: 0; position: relative; float: right; margin-right: 20px; transform: translate(0, 0); z-index: 999 } #google-map-btn.top { bottom: initial; right: 20px; top: 20px } #google-map-btn li { float: left; line-height: 20px; margin-left: 4px } #nextpoint::after, #prevpoint::before { font-family: FontAwesome; font-size: 16px; font-weight: 500; line-height: 1px; position: relative; top: 1px } #prevpoint::before { content: ""; margin: 0 6px 0 0 } #nextpoint::after { content: ""; margin: 0 0 0 6px } .gmnoprint { margin: 10px } .custom-zoom-in, .custom-zoom-out { cursor: pointer; margin: 5px 15px; transition: color .3s, background-color .3s; box-shadow: 0 1px 4px -1px rgba(0, 0, 0, .2); text-align: center; font-size: 15px; height: 32px; width: 32px } .cluster, .cluster div { width: 36px !important; height: 36px !important } .custom-zoom-in:hover, .custom-zoom-out:hover { background-color: #66676b; color: #fff } .custom-zoom-in:before, .custom-zoom-out:before { font-family: FontAwesome; width: 100%; line-height: 34px; transition: -webkit-text-stroke .3s; -webkit-text-stroke: 1px #fff } .custom-zoom-in:hover:before, .custom-zoom-out:hover:before, .infoBox-close:hover { -webkit-text-stroke: 1px #66676b } .custom-zoom-in:before { content: "\f067" } .custom-zoom-out:before { content: "\f068" } .cluster div { text-align: center; font-size: 15px !important; color: #fff !important; font-weight: 500; border-radius: 50%; line-height: 36px !important } .cluster div:before { opacity: .2; content: ''; position: absolute; border-radius: 50%; top: 0; left: 0; width: 100%; height: 100%; animation: 2.5s infinite cluster-animation } @keyframes cluster-animation { 0%, 100% { transform: scale(1.3) rotate(0) } 50% { transform: scale(1.5) rotate(90deg) } } .infoBox-close { position: absolute; top: 10px; right: 10px; display: inline-block; z-index: 999; text-align: center; line-height: 31px; cursor: pointer; font-size: 15px; font-weight: 500; height: 31px; width: 31px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; transition: .2s ease-in-out; font-family: FontAwesome; -webkit-text-stroke: 1px #fff } .infoBox-close:hover { color: #fff; background-color: #66676b } .infoBox { -webkit-animation: .9s fadeIn; animation: .9s fadeIn } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .infoBox:after { content: ""; position: absolute; bottom: 0; left: 40px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff } .background-rotator-slider .item img { display: block; width: 100%; height: auto } .background-rotator { background: #eee; position: relative; overflow: hidden } .linear-overlay img, .slider-shade img { position: relative; z-index: -1 } .background-rotator .search-section { color: #fff; left: 0; margin: 0 auto; position: absolute; right: 0; top: 175px; z-index: 1 } .background-rotator .content { padding: 0 70px } .background-rotator .heading-caption { margin-bottom: 20px; text-align: center } .background-rotator .search-form input.form-control { height: 55px } .background-rotator .heading-caption h1 { font-size: 42px; font-weight: 600; text-transform: capitalize } .background-rotator .heading-caption h1, .background-rotator .heading-caption p { color: #fff; margin-bottom: 20px } .ad-listing .content-area .category-title a, .category-grid-box .category-title a, .category-grid-box-1 .category-title a, .location, .page-header-area-2 .small-breadcrumb .breadcrumb-link ul li::after { color: #a0a0a0 } .background-rotator .search-form { background-color: rgba(0, 0, 0, .6); padding: 30px } .background-rotator .search-form .btn { padding: 16px 15px } .background-rotator .search-form .btn i, .pricing a.btn i { margin-left: 10px } .category-grid-box-1 { background: #fff; box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .16); margin-bottom: 30px; overflow: hidden; float: left; display: block; width: 100%; position: relative } .category-grid-box-1:after { content: ''; clear: both; display: block } .category-grid-box .short-description .category-title, .category-grid-box-1 .category-title, .category-title a { color: #a0a0a0; font-size: 14px } .category-grid-box-1 h3, .white.category-grid-box-1 h3 { color: #232323; font-size: 18px; margin-bottom: 4px; text-transform: capitalize } .category-grid-box-1:hover { box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .4) } .category-grid-box-1 .price-tag .price span { color: #fff; font-size: 20px; font-weight: 600; padding: 5px 30px; text-transform: capitalize } .category-grid-box-1 a { color: #232323; font-weight: 500 } .category-grid-box-1 a h6 { color: #333; margin: 0 0 10px } .category-grid-box-1 a h4 { color: #242424; font-size: 16px; margin: 0 0 10px; text-transform: capitalize; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .category-grid-box-1 a h4:hover { color: #3c92ca } .category-grid-box-1 .short-description-1 { padding: 15px; background: #fff } .category-grid-box-1 .short-description-1 ul { line-height: 30px; margin-bottom: 0; margin-top: 20px } .category-grid-box-1 .short-description-1 ul li { overflow: hidden; font-size: 18px; margin-bottom: 10px } .category-grid-box-1 .short-description-1 ul li i { color: #999; float: left; font-size: 20px; line-height: 30px; margin-right: 10px } .white.category-grid-box-1 { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #fff; border-color: transparent #e9e6e0 #e9e6e0; border-image: none; border-radius: 0; border-style: none solid solid; border-width: medium 1px 1px; box-shadow: none; width: 100%; overflow: hidden; position: relative } .white.category-grid-box-1 .short-description-1 { background: #fff; padding: 30px 20px 15px; position: relative; overflow: hidden } .white.category-grid-box-1 .ad-info-1 ul.pull-right li { padding: 26px 7px 20px } .white.category-grid-box-1 .ad-info-1 { border-top: 1px solid #e9e6e0; background: #fcfbf9 } .grid-style-1 .white.category-grid-box-1 .short-description-1 { border-top: 1px solid #e52d27 } .grid-style-1 .white.category-grid-box-1 .short-description-1 .btn { text-transform: capitalize; color: #fff; font-size: 14px; font-weight: 600; margin-top: -5px } .ad-archive-desc .ad-meta .btn i, .ad-archive-desc .pull-right .btn i, .grid-style-1 .white.category-grid-box-1 .short-description-1 .btn i, .location i, .search-result-item .info span i, .subscribe button>i { padding-right: 5px } .location { font-size: 16px; margin-bottom: 20px } .category-grid-box-1 .price-tag { bottom: 3px; position: absolute; right: 0 } .ad-archive-img, .category-grid-box-1 .image, .owl-testimonial-2 .single_testimonial .testimonial-meta-box { overflow: hidden; position: relative } .category-grid-box-1 .image img { width: 100%; position: relative } .special-label { background: #df1d1d; text-align: center; color: #fff; height: 49px; left: -81px; line-height: 49px; position: absolute; top: 27px; -ms-transform: rotate(-45deg) translateZ(0); -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); transform-origin: 50% 50% 0; z-index: 10; font-size: 14px } .ad-info-1, .info-panel, .side-menu, .white.category-grid-box { background: #fff } .ads-list-archive, .well { background-color: #fff; overflow: hidden } .special-label-small { width: 249px; height: 32px; line-height: 32px; top: 20px } .ad-info-1 { padding: 8px 18px 10px; overflow: hidden; width: 100%; border-top: 1px solid #f1f1f1 } .ad-info-1 .skin-minimal .list li label { color: #888; margin-bottom: 0; vertical-align: middle } .accordion, .ad-info-1 ul, .blog-detial .comment-list, .comment-list, .recent-ads .recent-ads-list-location, .sidebar .widget ul { list-style: none; margin: 0; padding: 0 } .ad-info-1 ul li { color: #888; display: inline-block; float: left; font-size: 16px; line-height: 30px; padding: 5px 7px; text-align: left } .ad-info-1 ul li span { color: #fff; font-size: 12px } .ad-info-1 ul li i { color: #a0a0a0; font-size: 22px; margin-right: 5px } .white.category-grid-box-1 .ad-info-1 ul li, .white.category-grid-box-1 .ad-info-1 ul li a { color: #a0a0a0; font-weight: 500 } .white.category-grid-box-1 img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; width: 100% } .card .nav-tabs>li.active>a::after, .card .nav-tabs>li:hover>a::after, .news .mainimage:hover img, .white.category-grid-box-1 .image:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .short-description-1 .rating { margin: 0; float: left } .ad-price { font-size: 22px; font-weight: 600; float: left; margin-bottom: 10px; color: #232323 } .ad-listing, .category-grid-box, .well { margin-bottom: 30px } .grid-style-2 .category-grid-box-1 .short-description-1 ul li { display: inline-block; font-size: 18px; overflow: hidden; position: relative; color: #1f1d22; margin-right: 10px; margin-bottom: 0 } .grid-style-2 .category-grid-box-1 .short-description-1 ul li i { color: #a0a0a0; float: left; font-size: 18px; margin-right: 10px } .grid-style-2 .ad-info-1 p { display: inline-block; line-height: 48px; padding-left: 18px; margin-bottom: 0; font-size: 18px } .grid-style-2 .ad-info-1 p i { color: #a0a0a0; font-size: 20px } .grid-style-2 .ad-info-1 ul li a { border-left: 1px solid #e5e5e5; display: block; font-size: 18px; height: inherit; line-height: 48px; text-align: center; width: 48px } .grid-style-2 .ad-info-1 ul li a i, div.boxicon:last-child { margin-right: 0 } .category-grid-box { float: left; width: 100%; border: 1px solid #e1e1e1; overflow: hidden; background: #fff } .category-grid-box:after { content: ""; display: block; clear: both } .category-grid-box .category-grid-img { float: left; position: relative; width: 100% } .category-grid-box .category-grid-img::before { -webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s; background: #000; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -ms-transform: scale(.9); -webkit-transform: scale(.9); transform: scale(.9); width: 100% } .block-content, .car-feature-list, .category-grid-box .category-grid-img>img { float: left; width: 100% } .category-grid-box .category-grid-img .ad-status { color: #fff; font-size: 12px; font-weight: 600; padding: 5px 10px; position: absolute; text-transform: uppercase; top: 0; left: 0 } .category-grid-box>h3 { color: #1b1d21; float: left; font-size: 19px; font-weight: 700; margin: 22px 0 7px; width: 100% } .category-grid-box>h3 a { color: #1b1d21 } .category-grid-box .additional-information p { margin-bottom: 0; line-height: 25px; padding-right: 30px; text-transform: capitalize } .category-grid-box span.price { float: left; font-size: 22px } .ad-listing:hover .img-box::before, .category-grid-box:hover .category-grid-img::before, .content-zone:hover .img-zone::before { opacity: .7; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } .category-grid-box .user-preview { position: absolute; right: 15px; top: 20px } .ad-listing .user-preview img, .category-grid-box .user-preview img { border-radius: 50%; box-shadow: 0 1px 1px rgba(0, 0, 0, .8); display: inline-block; height: 40px; vertical-align: middle; width: 40px } .category-grid-box .view-details { bottom: 15px; color: #fff; display: none; font-size: 1em; position: absolute; right: 25px; text-align: right; width: 100% } .category-grid-box:hover .view-details { display: block; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } .category-grid-box .additional-information { display: none; font-size: 16px; color: #fff; position: absolute; width: 100%; left: 25px; bottom: 45px; text-align: left } .accordion.first-open li:first-child .accordion-content, .category-grid-box:hover .additional-information, .pricing span, .singlepage-detail .single-details:hover .owl-controls .owl-nav, ul.listingViewIcon li.shortByListingLi ul li { display: block } .category-grid-box .short-description { padding: 20px; overflow: hidden; border-top: 1px solid #ccc } .category-grid-box .short-description h3 { font-size: 18px; color: #232323; text-transform: capitalize; margin-bottom: 10px; font-weight: 500 } .ad-listing .content-area .btn, .category-grid-box .short-description .btn { padding: 3px 10px } #carousel li, .category-grid-box .short-description .btn i, .detail-button-group .btn i, .heading-panel .switcher .btn i, .sticky-ad-detail .btn i { margin-right: 5px } .category-grid-box .short-description .price { font-weight: 600; font-size: 24px } .category-grid-box span.negotiable { color: #a0a0a0; font-size: 14px; line-height: 17px } .category-grid-box .ad-info { border-top: 1px solid #eee; overflow: hidden; position: relative } .category-grid-box .ad-info ul { list-style: none; margin: 0 10px; padding: 0 } .category-grid-box .ad-info ul li:first-child { float: left; text-align: left } .category-grid-box .ad-info ul li { color: #888; display: inline-block; font-size: 18px; padding: 10px 7px; text-align: left; float: left; line-height: 30px } .category-grid-box .ad-info ul li i { color: #a0a0a0; margin-right: 5px; font-size: 22px } .well { border: 1px solid #eaedef; border-radius: 2px; box-shadow: none } .ad-listing { padding: 0; position: relative } .ad-listing .img-box, .content-zone .img-zone, .small-breadcrumb { overflow: hidden; position: relative; width: 100% } .ad-listing .img-box::before, .content-zone .img-zone::before { background: #000; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -ms-transform: scale(.9); -webkit-transform: scale(.9); transform: scale(.9); width: 100% } .ad-listing .ad-status { color: #fff; font-size: 12px; font-weight: 600; left: 0; padding: 0 10px; position: absolute; top: 0 } .ad-listing .total-images { background: rgba(0, 0, 0, .5); bottom: 0; left: 0; padding: 0 10px; position: absolute; color: #fff; line-height: 20px; font-size: 12px; text-align: center } .ad-listing .quick-view, .quick-view { margin-top: -100px; position: absolute; text-align: center; top: 50%; width: 100%; z-index: 9999 } .ad-listing .view-button, .view-button { background: #fff; border: none; color: #252525; display: inline-block; font-size: 16px; height: 40px; line-height: 40px; margin-left: 5px; margin-right: 5px; opacity: 0; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -o-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); width: 40px } .ad-listing .content-area { padding: 25px 0 0; overflow: hidden; position: relative } .ad-listing .content-area .ad-details { margin-top: 10px; overflow: hidden; position: relative } .ad-listing .content-area .ad-price-simple { font-size: 24px; font-weight: 600; margin-top: 2px; overflow: hidden; position: relative } .ad-listing .content-area .ad-details ul { line-height: 30px; margin-bottom: 0; margin-top: 5px; overflow: hidden } .ad-listing .content-area .ad-details ul li { font-size: 16px; overflow: hidden; float: left; padding-right: 10px; margin-bottom: 10px } .ad-listing .content-area .ad-details ul li i { color: #999; float: left; font-size: 1.5em; line-height: 30px; margin-right: 10px } .ad-listing .content-area .price { font-size: 24px; font-weight: 600; margin-bottom: 10px; margin-top: 5px; overflow: hidden } .ad-preview-info, .message-details .author, .modal-body, .news .newslist, .short-info, .small-breadcrumb .breadcrumb-link, .usefull-info .info-content, body .over-hidden { overflow: hidden } .ad-listing .content-area .category-title { color: #a0a0a0; font-size: 14px; margin-bottom: 3px } .ad-listing .content-area h3 { color: #232323; font-size: 18px; margin-bottom: 6px; text-transform: capitalize; width: 100%; font-weight: 500 } .ad-meta-info { font-size: 14px; margin: 0; padding: 0 } .ad-meta-info li { display: inline-block; margin-right: 15px; font-size: 16px } .ad-meta-info li i { margin-right: 5px; color: #a0a0a0 } .ad-meta-info li a, .search-result-item .info span a { color: inherit } .ad-listing .content-area .ad-stats { float: left; padding-right: 10px; padding-top: 0; width: 100%; color: #a0a0a0; font-size: 15px } .ad-listing .content-area .ad-stats span, .blog-detial .blog-post .post-excerpt blockquote p strong { font-weight: 600; color: #232323 } .ad-listing .user-preview { position: absolute; right: 10px; top: 10px } .ad-listing .content-area .additional-info { margin: 0; padding: 0; position: absolute; right: 16px; top: 0 } .ad-listing .content-area .additional-info li { display: inline-block; margin: 0 2px } .ad-listing .content-area .additional-info li a { background: #f4f4f4; border-radius: 50%; color: #b7b7b7; display: block; font-size: 12px; height: 30px; line-height: 30px; margin-right: 2px; position: relative; text-align: center; text-decoration: none; width: 30px } .ad-listing .content-area .col-md-9, h2.no-span b { padding: 0 20px } .ad-listing .content-area .col-md-9::after { background-color: #e5eaef; content: ""; height: 164px; position: absolute; right: 10px; top: 0; width: 1px } .ads-list-archive { box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); color: #777; display: block; margin-bottom: 30px; position: relative; float: left; width: 100% } .ad-archive-img a img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; transition: .7s } .ad-archive-img a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .ad-archive-desc { border-right: none; padding: 10px 20px } .ad-archive-desc .rating { font-size: 15px; margin: 15px 0 3px -3px } .ad-archive-desc h3 { font-size: 18px; line-height: 25px; margin-top: 5px; margin-bottom: 0; color: #232323; font-weight: 500 } .short-history li, .total-images { line-height: 20px } .ad-archive-desc h3 a:hover, .ad-archive-desc h3:hover, .ad-share .box, .ad-share .content-box-grid, .footer-top .widget.socail-icons li span:hover, .socail-icons li span:hover, .usefull-info .info-content h3:hover { cursor: pointer } .ad-archive-desc p { font-size: 14px; margin-bottom: 0 } ul.add_info { margin: 0; padding: 0 } .ad-archive-desc ul.short-meta, .blog-sidebar .widget+.widget, .message-history li .user-name .author, .sidebar .widget+.widget { margin-top: 5px } .ad-archive-desc ul.short-meta li { border-right: 1px solid #e7e7e7; line-height: 15px; padding: 0 10px } .ad-archive-desc ul.short-meta li:first-child { padding-left: 5px } .ad-archive-desc ul.short-meta li:last-child, .dashboard-menu-container ul li:last-child, .search-result-item .info span:last-child, .short-history li:last-child, .singlepage-detail .content-box-grid .short-history li:last-child { border-right: none } .ad-archive-desc ul.short-meta li a, .footer-top .widget.my-quicklinks ul li a, .form-grid .skin-minimal .list li label a, .owl-testimonial-1 .single_testimonial p, .parallex .owl-testimonial-2 .single_testimonial p, .profile-section .skin-minimal .list li label, .with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a, .with-nav-tabs.panel-default .nav-tabs>li>a, .with-nav-tabs.panel-default .nav-tabs>li>a:focus, .with-nav-tabs.panel-default .nav-tabs>li>a:hover { color: #777 } ul.add_info li { border: 1px solid #ededed; display: inline-block; margin-right: 5px; text-align: center; width: 65px } ul.add_info li i { font-size: 14px; position: relative; color: #a0a0a0 } .ad-archive-desc .ad-price { font-size: 24px; font-weight: 600; margin-bottom: 5px; overflow: hidden } .ad-archive-desc .ad-price-simple { font-size: 24px; font-weight: 600; margin-top: 10px; overflow: hidden } .ad-archive-desc .category-title { margin-bottom: 2px } .key-features, .singlepage-detail .ad-share { margin-bottom: 15px; margin-top: 15px; overflow: hidden } .ad-archive-desc .ad-meta .btn { padding: 3px 10px; text-transform: capitalize } .ad-archive-desc .ad-meta .save-ad { background-color: #fcfcfc; border: 1px solid #eaedef; color: #464e60; font-size: 14px } .ad-archive-desc .last-updated { font-size: 12px; position: relative; float: left; line-height: 30px } .ad-archive-desc .ad-meta { position: relative; float: right } .singlepage-detail .content-box-grid .short-features { overflow: hidden; margin-top: 10px; margin-bottom: 25px } .grid-panel .heading-panel h3.main-title, .singlepage-detail .heading-panel h3.main-title { border-bottom: none; display: inline-block } .pricing.style-3 .selection, .singlepage-detail .content-box-grid .ad-related-img { overflow: hidden; margin-bottom: 30px } .message-center .mail-contnet h5, .singlepage-detail .content-box-grid .specification p:first-letter { text-transform: capitalize } .content-box-grid h1, .singlepage-detail .content-box-grid .ad-title h2 { color: #232323; font-size: 22px; margin-bottom: 4px; text-transform: capitalize } .singlepage-detail { position: relative; overflow: hidden } .content-box-grid { border: 1px solid #e7e7e7; border-radius: 1px; background: #fff; padding: 20px 30px } .ad-share .box i, .content-box-grid i { font-size: 20px; padding-right: 5px; vertical-align: middle } .short-history li, .singlepage-detail .content-box-grid .short-history li { border-right: 1px solid #e7e7e7; padding-right: 10px; display: inline-block; padding-left: 10px } .btn-sharp { border-radius: 1px } .modal-footer .btn+.btn { margin-bottom: 0; margin-left: 5px } .contact-seller .recent-ads .recent-ads-list, .price-quote .recent-ads .recent-ads-list, .share-ad .recent-ads .recent-ads-list { border-bottom: 1px solid #e2e2e2; margin-bottom: 30px; padding-bottom: 10px } .contact-seller .recent-ads .recent-ads-list-image-inner, .price-quote .recent-ads .recent-ads-list-image-inner, .share-ad .recent-ads .recent-ads-list-image-inner { background-color: transparent; width: auto; height: auto } .contact-seller .recent-ads .recent-ads-list-image, .price-quote .recent-ads .recent-ads-list-image, .share-ad .recent-ads .recent-ads-list-image { width: 50% } .about-us .content p, .contact-seller .recent-ads .recent-ads-list-title a, .overlay.small-font h2, .price-quote .recent-ads .recent-ads-list-title a, .pro-rating a, .share-ad .recent-ads .recent-ads-list-title a { font-size: 18px } .btn.app-download-button span.app-store-btn span span:first-child, .comparison-box .rating, .pricing .time, .profile-edit .dl-horizontal i, .search-form .box h4, .search-result-item .description, .share-ad .modal-body p { font-size: 14px } .share-ad .modal-body h3 { font-size: 18px; color: #232323; margin-bottom: 5px; font-weight: 500 } .share-ad .modal-footer { padding: 10px } .show-sticky-ad-detail { display: block !important } .sticky-ad-detail { background-color: #363c48; bottom: 0; color: #fff; left: 0; padding: 10px 0 15px; position: fixed; right: 0; z-index: 10; display: none } .sticky-ad-detail .btn { border: none; color: #fff; font-size: 14px; margin: 10px 0; padding: 10px 20px } .sticky-ad-detail .btn .icon-phone { vertical-align: -1px } .sticky-ad-detail .btn-phone { background: #15a949; box-shadow: 0 2px 0 #087a30 } .sticky-ad-detail .btn-phone.active { background: #fff; border: 2px solid #15a949; box-shadow: none; color: #15a949; padding: 9px 20px } .sticky-ad-detail .btn-message { background: #4691e1; box-shadow: 0 2px 0 #367bc4; margin-right: 10px } .singlepage-detail .adz-head h4 { color: #232323; font-size: 24px } .adz-detail, .top-sellers { padding: 25px 0 } .adz-detail .short-features { margin-bottom: 20px; overflow: hidden; position: relative } .adz-detail .heading-panel h3 { color: #232323; font-size: 22px } .adz-detail .heading-panel h3.main-title { border-bottom: 2px solid #f58936; display: block } .desc-points ol, .desc-points ul { counter-reset: item } .desc-points li { line-height: 40px } .custom-links, .desc-points ol { list-style: none; padding-left: 0 } .desc-points li:before, .desc-points ol li:before { background: #f1f1f1; border-radius: 50%; color: #232323; content: counter(item, decimal) ""; counter-increment: item; display: inline-block; font-size: 12px; height: 25px; line-height: 25px; opacity: .7; text-align: center; width: 25px; margin-right: 10px } .desc-points li i { color: #6bc242; margin-right: 15px } .single-details .owl-controls .owl-nav .owl-next, .single-details .owl-controls .owl-nav .owl-prev { background-color: #f58936; border-radius: 0; font-size: 20px; opacity: 1; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .single-details .owl-prev { left: -5px; position: absolute; top: 40% } .single-details .owl-next { position: absolute; right: -5px; top: 40% } .single-details .owl-controls .owl-nav div { padding: 30px 10px } .singlepage-detail .content-box-grid .ad-title { border-bottom: 1px solid #eee; margin-bottom: 15px; padding-bottom: 25px } .content-box-grid .ad-closed img { left: 42px; position: absolute; top: 107px } .star-score { padding-left: 5px; color: #232323; font-size: 18px } .alert-box-container p, .content-box-grid .key-features, .footer-top .widget .logo { margin: 0 0 10px } .content-box-grid .boxicon { width: 98px } .boxicon { background-color: #fff; border: 1px solid #f1f1f1; border-radius: 0; float: left; height: 90px; margin-top: 0; padding: 7px; text-align: center; width: 107px } #itemMap { width: 100%; height: 370px; margin-bottom: 5px } .boxicon i { font-size: 40px; padding-top: 15px; padding-bottom: 5px; display: block } .boxicon i.petrol { color: #0083c9 } .boxicon i.kilo-meter { color: #00a651 } .boxicon i.engile-capacity { color: #ff9b30 } .boxicon i.reg-year { color: #e52d27 } .boxicon i.transmission { color: #ff5700 } .boxicon i.body-type { color: #785edd } .boxicon i.car-color { color: #e4405f } .car-feature-list li { float: left; list-style: none; margin: 0; padding-bottom: 10px; width: 33%; font-size: 17px } .car-feature-list li i { vertical-align: top; color: #777; font-size: 24px } .small-section .img-thumb.first { margin-bottom: 17px } .img-thumb { background: #f6f6f6; display: block; height: 100%; max-height: 100%; overflow: hidden; position: relative; width: 100% } .feuture-posts .fp-small { padding: 0 14px } .total-images { background: rgba(0, 0, 0, .5); bottom: 0; color: #fff; padding: 0 10px; position: absolute; text-align: center } .slider { margin: 50px 0 10px !important } #carousel img { display: block; opacity: .5; cursor: pointer } #carousel .flex-active-slide img { opacity: 1; cursor: default } .panel { overflow: hidden; border-radius: 0 } .panel-group .panel { border-radius: 0; box-shadow: none; border-color: #eee } .panel-default>.panel-heading { padding: 0; border-radius: 0; color: #232323; background-color: #fff; border-color: #fff } .panel-title>a { display: block; padding: 15px; text-decoration: none; font-weight: 500 } .more-less { float: right; color: #f1f1f1; top: 5px } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #eee } #accordion .panel-body ul li, .icon-heading { padding: 5px 0 } #accordion .panel-body.categories ul li a { font-size: 16px; font-weight: 500; color: #232323 } #accordion .panel-body.categories ul li a:hover { text-decoration: none; color: #f58936 } #accordion .panel-body a i { color: #8e8b8b; font-size: 22px; margin-right: 10px } #accordion .panel-body ul li a span { color: #9e9e9e; margin-left: 5px } .panel-body { background-color: #fff; padding: 20px 25px } .search-widget { background: #f4f4f4; height: 50px; margin-bottom: 20px; position: relative } .search-widget input[type=text] { background: rgba(0, 0, 0, 0); border: none; height: 100%; max-width: none; padding-left: 15px; padding-right: 40px; width: 100% } .search-widget button[type=submit] { background: rgba(0, 0, 0, 0); border: none; color: #bdbdbd; height: 100%; position: absolute; right: 0; top: 0; width: 40px } .skin-minimal .list li label { padding-left: 10px; font-weight: 500; color: #232323; font-size: 16px } .news .mainimage:hover a .overlay, .skin-minimal .list li label:hover { text-decoration: none } .recent-ads .recent-ads-list { border-bottom: 1px solid rgba(0, 0, 0, .12); margin: 0 0 15px; padding: 0 0 15px } .recent-ads .recent-ads-list:last-child { border: 0; margin: 0; padding: 0 } .recent-ads .recent-ads-container { display: table; width: 100% } .recent-ads .recent-ads-list-image { display: table-cell; width: 96px } .recent-ads .recent-ads-list-image img { display: block; position: relative; width: 100%; z-index: 2 } .recent-ads .recent-ads-list-image-inner { background-color: rgba(0, 0, 0, .12); display: block; height: 60px; margin: 0 16px 0 0; position: relative; width: 100px } .recent-ads .recent-ads-list-content { display: table-cell; vertical-align: top } .recent-ads .recent-ads-list-content h3 { color: #232323; font-size: 16px } .recent-ads .recent-ads-list-title a { color: #232323; font-size: 15px; font-weight: 500 } .recent-ads .recent-ads-list-location li { display: inline !important; border-bottom: none !important } .recent-ads .recent-ads-list-location li::before { display: none !important } .recent-ads .recent-ads-list .recent-ads-container .recent-ads-list-content ul.recent-ads-list-location li a { color: #a0a0a0; font-size: 14px; font-weight: 500; text-transform: uppercase } .recent-ads .recent-ads-list-price { display: inline-block; font-size: 18px; font-weight: 600 } .sidebar .widget { overflow: hidden; position: relative; border-radius: 0; box-shadow: none; margin-bottom: 0; background-color: #fff; border: 1px solid #eee } .sidebar .widget .widget-heading { background-color: #fff; border-color: #eee; border-bottom: 1px solid #eee; border-radius: 0; color: #232323; padding: 0 } .sidebar .widget .widget-content { border-top-color: #eee; background-color: #fff; padding: 20px 25px } .sidebar .widget .widget-content ul li { border-bottom: 1px solid #f1f1f1; display: block; padding-bottom: 13px; padding-top: 13px } .sidebar .widget .widget-content .category-grid-box .ad-info ul li { padding: 10px 20px !important; font-size: 14px; line-height: normal } .blog-sidebar .widget ul li:last-child, .sidebar .widget .widget-content ul li:last-child { border-bottom: none; padding-bottom: 0 } .blog-sidebar .widget .tagcloud, .sidebar .widget .widget-content .tagcloud { margin-top: 7px; overflow: hidden } .blog-sidebar .widget .tagcloud a, .sidebar .widget .widget-content .tagcloud a { background: #fff; border: 1px solid #e2e2e2; display: inline-block; float: left; font-size: 14px; font-weight: 500; line-height: 38px; margin: 0 4px 8px 0; padding: 0 17px; color: #232323; text-transform: uppercase; transition: .3s; o-transition: all 0.3s ease 0s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s } .blog-sidebar .widget { position: relative; border-radius: 0; box-shadow: none; margin-bottom: 0; background-color: #fff; border: 1px solid #eee; padding: 20px 25px; overflow: hidden } .blog-sidebar .widget .table>tbody>tr:first-child>td, .blog-sidebar .widget .widget-heading, .gray .pricing-fancy, .list-style-1 .nav-tabs>li.active>a, .list-style-1 .nav-tabs>li.active>a:focus, .list-style-1 .nav-tabs>li.active>a:hover, .list-style-1 .panel-default, .messages .profile-picture img, .profile-tabs .nav-tabs>li>a, .search-2 .form-control { border: none } .blog-sidebar .widget .widget-heading h4 { border-bottom: 2px solid #e3e3e3; color: #323232; margin: 0 0 15px; padding: 13px 18px 13px 0; text-transform: capitalize } .blog-sidebar .widget .widget-heading h4::before { content: ""; height: 2px; left: 0; position: absolute; bottom: -2px; width: 70px } .blog-sidebar .widget ul li a { color: #232323; display: block; font-size: 16px; padding: 10px 0; position: relative; text-transform: capitalize; transition: .3s } .blog-sidebar .widget ul li a::after { color: #828282; content: ""; display: inline-block; float: right; font-family: FontAwesome; font-size: 14px; line-height: 45px; position: absolute; right: 0; top: 0 } .blog-sidebar .widget ul li a span { color: #ddd; padding-left: 5px } .blog-sidebar .widget .gallery-image img { transition: .3s; o-transition: all 0.3s ease 0s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; width: 100% } .blog-sidebar .widget .gallery-image img:hover { background: #000; opacity: .7 } .blog-sidebar .widget .gallery-image { margin-top: 10px; overflow: hidden } .blog-sidebar .widget .gallery-image a { float: left; margin-bottom: 10px; margin-right: 3px; max-width: 24%; transition: .3s; o-transition: all 0.3s ease 0s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s } .sidebar .widget-title { color: #313131; font-size: 16px; font-weight: 500; margin-bottom: 25px } .sidebar .widget ul li { border-bottom: 1px solid #f3f3f3; font-size: 16px; line-height: 26px; padding: 10px 0 } .btn-contact, .btn-contact:active, .btn-contact:hover { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-radius: 0; border-style: none none solid; border-width: medium medium 1px; color: #232323; font-size: 20px; height: 90px; padding-left: 90px; padding-right: 10px; text-align: left } .contactEmail, .contactEmail:hover { background-color: transparent; background-image: url("../images/email.png"); background-position: 20px center; background-repeat: no-repeat; outline: 0 } .contactPhone, .contactPhone:active, .contactPhone:hover, .contactPhone:visited { background-color: transparent; background-image: url("../images/phone.png"); background-position: 20px center; background-repeat: no-repeat; font-size: 2em; outline: 0 } .ad-listing-price { display: block; position: relative; width: 100%; outline: 0; margin-top: 55px } .ad-listing-price p { font-size: 36px; text-align: right; margin-bottom: 0; font-weight: 600 } .user-photo { border-right: 1px dashed #e0e0e0 } .user-photo img { height: auto; width: 90px } .user-information .user-name { font-size: 20px; font-weight: 600; color: #232323 } .user-info-card { padding-bottom: 15px; padding-top: 25px } .ad-listing-meta ul li { border-bottom: 1px solid #e7e7e7; padding: 10px 15px } .ad-listing-meta ul li span { float: right; font-weight: 600 } .widget-content ol { padding-left: 15px } .widget-content ol li { margin-bottom: 15px; padding-left: 10px; position: relative } .widget-content.saftey ol li { margin-bottom: 0; padding-left: 2px; position: relative } .blog-post { background: #fff; border: 1px solid #f1f1f1; color: #162532; margin-bottom: 30px; position: relative } .blog-detial iframe { width: 100%; height: 350px } .blog-post a { color: inherit; text-decoration: none } .post-info a { margin-right: 20px } .post-img { margin-bottom: 25px; position: relative } .post-img img { height: auto; -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s; width: 100% } .absolute-img1, .app-text-section .app-download-btn, .blog-content .blog-content, .feature-section-5, .our-services, .sell-box-grid, .services-2, .social-links-two, .widget-newsletter .fieldset form { position: relative } .blog-post .user-preview { position: absolute; right: 15px; bottom: -15px; z-index: 9 } .blog-post .user-preview img { border-radius: 50%; box-shadow: 0 1px 1px rgba(0, 0, 0, .8); display: inline-block; height: 40px; vertical-align: middle; width: 40px; z-index: 9 } .post-info { font-size: 14px; margin-bottom: 10px; padding: 0 20px; color: #999; text-transform: capitalize } .post-title { font-size: 18px; margin-bottom: 15px; margin-top: 10px; padding: 0 20px; font-weight: 500; text-transform: capitalize; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .post-excerpt, label { font-size: 14px } .post-excerpt, .review-excerpt { margin-bottom: 30px; padding: 0 20px; color: #999; line-height: 26px } .review-excerpt { font-size: 16px } .review-excerpt p { font-size: 18px; margin-bottom: 20px; line-height: 1.7em } .review-excerpt .pro-cons { position: relative; margin-bottom: 20px } .nav-tabs .nav-item+.nav-item, .review-excerpt .gallery.list-inline { margin-left: 0 } .review-excerpt .gallery.list-inline li { padding: 0; width: 16.2% } .review-excerpt .pro-cons .pro-section ul li:before { content: "\f00c"; font-family: FontAwesome; display: inline-block; padding-right: 10px; color: #5cb85c } .review-excerpt .pro-cons .cons-section ul li:before { content: "\f00d"; font-family: FontAwesome; display: inline-block; padding-right: 10px; color: #d9534f } .review-excerpt .pro-cons .cons-section, .review-excerpt .pro-cons .pro-section { border: 1px solid #f1f1f1; padding: 20px; position: relative } .review-excerpt .pro-cons img { float: left; overflow: hidden; position: relative; margin-right: 10px } .review-excerpt .pro-cons ul, .search-result-item:after { clear: both } .review-excerpt .pro-cons ul li { line-height: 20px; margin-bottom: 15px; padding-left: 23px; position: relative; display: list-item } .review-excerpt .pro-cons ul li i { left: 0; position: absolute; top: 4px } .review-excerpt h3 { color: #232323; font-size: 22px; margin-bottom: 10px } .blog-detial .blog-post .post-img .large-img { width: 100%; height: 400px } .blog-detial .alignleft { float: left; margin: 7px 24px 7px 0 } .blog-detial .alignright { float: right; margin: 7px 0 7px 24px } .blog-detial .aligncenter { display: block; margin: 7px auto } .tags-share { border-bottom: 1px solid #d7d7d7; padding: 15px 0 } .tags-share h3 { color: #1b1313; display: inline-block; font-size: 16px; line-height: 29px; padding-top: 3px; font-weight: 500 } .tags-share .share ul, .tags-share .tags ul { display: inline-block; list-style-type: none } .tags-share .share ul li a:hover, .tags-share .tags ul li a:hover { text-decoration: underline } .tags-share .share h3 { font-weight: 700 } .tags-share .share ul li a { color: #1b1313 } .blog-detial .blog-section .blog-heading h2 { color: #232323; font-size: 20px; margin: 40px 0 15px; padding: 13px 18px 0 0; font-weight: 500; text-transform: capitalize } .blog-detial .comment li, .comment li { border-right: 2px solid #000; padding-right: 10px } .blog-detial .comment li:last-child, .comment li:last-child, .modal-footer .btn-group:last-child>button { border-right: 0 } .blog-detial .comment-info, .comment-info { border-bottom: 1px solid #f2f2f2; display: block; margin: 30px 0; overflow: hidden } .blog-detial .comment-info .author-desc, .comment-info .author-desc { margin-left: 115px } .blog-detial .comment-info .author-title, .comment-info .author-title { color: #323232; line-height: 16px; margin-bottom: 22px } .author-title strong, .blog-detial .author-title strong { color: #323232; font-size: 16px; text-transform: uppercase } .blog-detial .comment-date, .comment-date { border-left: 1px solid #777; color: #777; font-size: 12px; margin-left: 17px; padding-left: 17px } .blog-detial .comment-list .children, .comment-list .children { list-style: none; padding-left: 67px } .blog-detial .comment-info img, .comment-info img { max-width: 90px } .blog-detial .page-numbers { display: inline-block; padding: 5px 10px; margin: 0 2px 0 0; border: 1px solid #eee; line-height: 1; text-decoration: none; border-radius: 2px; font-weight: 600 } .blog-detial .page-numbers.current, a.page-numbers:hover { background: #f9f9f9 } .blog-detial .navigation li a, .blog-detial .navigation li a:hover, .blog-detial .navigation li.active a, .blog-detial .navigation li.disabled { color: #fff; text-decoration: none; background-color: #6fb7e9; border-radius: 3px; cursor: pointer; padding: .75rem } .blog-detial .navigation li { display: inline } .blog-detial .navigation li a:hover, .blog-detial .navigation li.active a { background-color: #3c8dc5 } span.required { color: red; font-size: 18px; line-height: 10px } label { font-weight: 600; color: #232323 } .featured-slider .owl-item .category-grid-box, .featured-slider-1 .owl-item .category-grid-box { margin-top: 0; margin-bottom: 30px } .featured-slider .owl-controls .owl-nav .owl-next, .featured-slider .owl-controls .owl-nav .owl-prev, .featured-slider-1 .owl-controls .owl-nav .owl-next, .featured-slider-1 .owl-controls .owl-nav .owl-prev, .featured-slider-single .owl-controls .owl-nav .owl-next, .featured-slider-single .owl-controls .owl-nav .owl-prev { border-radius: 0; font-size: 20px; opacity: 1; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .featured-slider-1 .owl-prev { left: 10px; position: absolute; top: 49.4% } .featured-slider-1 .owl-next { position: absolute; right: 10px; top: 49.4% } .featured-slider .owl-prev, .featured-slider-single .owl-prev { left: -32px; position: absolute; top: 45% } .featured-slider .owl-next, .featured-slider-single .owl-next { position: absolute; right: -33px; top: 45% } .search-2 .noUi-background, .sidebar #accordion .panel .panel-body .noUi-background, .widget .widget-content .noUi-background { background: #44728e; box-shadow: none } .search-2 .noUi-target, .sidebar #accordion .panel .panel-body .noUi-target, .widget .widget-content .noUi-target { border: none; box-shadow: none; border-radius: 0 } .search-2 .noUi-horizontal, .sidebar #accordion .panel .panel-body .noUi-horizontal, .widget .widget-content .noUi-horizontal { height: 6px } .nav-pills>li>a, .nav-tabs.nav-justified>li>a, .nav-tabs>li>a, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span, .search-2 .noUi-origin, .sidebar #accordion .panel .panel-body .noUi-origin, .widget .widget-content .noUi-origin { border-radius: 0 } .noUi-connect { background: #224357; box-shadow: none } .search-2 .noUi-horizontal .noUi-handle, .sidebar #accordion .panel .panel-body .noUi-horizontal .noUi-handle, .widget .widget-content .noUi-horizontal .noUi-handle { width: 14px; height: 14px; left: -7px; top: -4px } .search-2 .noUi-handle:after, .search-2 .noUi-handle:before, .sidebar #accordion .panel .panel-body .noUi-handle:after, .sidebar #accordion .panel .panel-body .noUi-handle:before { content: none } .search-2 .noUi-handle, .sidebar #accordion .panel .panel-body .noUi-handle, .widget .widget-content .noUi-handle { border-radius: 100%; border: 2px solid #2e566e; background: #94b9d0; box-shadow: none; cursor: pointer } .price-slider-value, .search-form .price-slider-value, .widget .widget-content .price-slider-value { display: block; margin-bottom: 11px; margin-top: 3px } .page-header-area-2 { padding: 30px 0; text-align: left; position: relative } .page-header-area-2 .small-breadcrumb .breadcrumb-link ul li a, .pricing-item p, .user-profile .btn-group .btn-xs i { color: #999 } .page-header-area-2 h1 { color: #232323; font-size: 26px; font-weight: 600; text-transform: capitalize } .page-header-area-2 .key-features { margin-top: 15px; margin-bottom: 0 } .small-breadcrumb .breadcrumb-link ul li { float: left; padding: 0 15px; position: relative } .small-breadcrumb .breadcrumb-link ul li a { color: #fff; display: inline-block; padding: 10px 0; position: relative } .small-breadcrumb .breadcrumb-link ul li a .icon { margin-right: 5px; display: inline-block; width: auto } .small-breadcrumb .breadcrumb-link ul li a::after { bottom: -8px; content: ""; height: 4px; left: 0; position: absolute; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; width: 100% } .small-breadcrumb .breadcrumb-link ul li a:hover::after { bottom: -4px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .small-breadcrumb .breadcrumb-link ul li::after { color: #fff; content: "\f105"; font-family: FontAwesome; font-size: 13px; font-style: normal; font-weight: 500; position: absolute; right: 0; text-decoration: inherit; top: 10px } .parallex, .parallex h2, .parallex-text p { color: #fff; position: relative; z-index: 44 } .background-1::before, .background-4::before, .parallex::before { background: rgba(0, 0, 0, .7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .parallex-small { background: #363c48; color: #fff; padding: 40px 0 } .card, .grid-card, .usefull-info { background: #fff } .parallex-text h4 { color: #fff; font-size: 28px; font-weight: 600; line-height: 60px; margin-bottom: 0; text-transform: capitalize } .parallex-button { text-align: right; margin: 20px 0 } .parallex-button .btn, .pricing a.btn { padding: 15px 35px } .btn-clean { border: 1px solid #fff; color: #fff; text-transform: uppercase } .btn-light i { font-size: 14px; padding-right: 5px } .grid-panel { background-color: #fff; margin-bottom: 30px; overflow: hidden; position: relative; padding: 20px 5px 10px } .grid-panel .ad-location-gird { box-shadow: none; border: 1px solid #ddd; padding: 10px 15px; margin-bottom: 30px } .grid-panel .ad-location-gird .location-icon i { font-size: 14px; height: 35px; line-height: 35px; text-align: center; width: 35px } .usefull-info { padding: 15px 0; text-align: center } .usefull-info .icon-info { font-size: 20px; margin: 0 0 18px; position: relative; z-index: 10 } .usefull-info .description { margin: 0 0 15px } .usefull-info h3 { font-size: 18px; line-height: 1.1; margin: 0; padding: 0 0 20px; color: #232323 } .alert-box-container h3 { color: #232323; font-size: 20px; font-weight: 500; margin: 0; text-transform: capitalize } .alert-box-container form { margin: 0 0 5px } .alert-box-container .form-control { padding: 12px } .alert-box-container .select2-container--default .select2-selection--single { height: 46px; font-size: 14px } .alert-box-container .select2-container--default .select2-selection--single .select2-selection__rendered { color: #777; line-height: 42px } .alert-box-container .select2-container--default .select2-selection--single .select2-selection__arrow { height: 41px } .alert-box-container .btn { padding: 12px 15px } .font-thin-xs { font-weight: 200 } .text-right { text-align: right; float: right } .call-action { position: relative; width: 100% } .call-action i { float: left; font-size: 70px; height: 70px; margin-top: 25px; margin-right: 20px; width: 70px } .call-action h4 { font-size: 30px; text-transform: capitalize } .advertizing-box { border: 1px solid #ddd; border-radius: 4px; display: block; line-height: 1.42857; margin-bottom: 20px; margin-top: -.5em; padding: 4px } .advertizing-box>img { display: block; width: 100% } .advertizing { padding: 45px 0 } .banner { display: block; max-width: 100%; overflow: hidden; text-align: center } .car-detail .advertising .banner { background: 0 0 !important; border: none; padding-bottom: 0 } .advertising .banner { border: 2px solid #f1f1f1; display: table; height: 100%; padding: 30px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; width: 100%; background: #fff } .advertising .banner:hover { border-color: #d9d9d9 } .advertising .banner .submit, .advertising .banner .title { display: table-cell; vertical-align: middle } .advertising .banner .title { color: #232323; font-size: 24px; font-weight: lighter; width: 70% } .advertising .banner .submit { font-size: 18px; text-align: right; width: 30% } .advertising .banner .submit i { color: #073855; margin-left: 10px } .main-search .grid-card, .search-modal .form-control:focus { box-shadow: none } .grid-card { box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .1); color: #666; overflow: hidden; position: relative; padding: 15px 15px 0; width: 100%; margin-bottom: 30px } .why-us.border-box { border: 1px solid #f2f2f2; padding: 70px 70px 60px } .why-us i { color: #232323; display: inline-block; font-size: 42px; padding-bottom: 20px } .heading-title h2, .why-us h5 { font-size: 20px; text-transform: capitalize; color: #232323 } .why-us h5 { margin-bottom: 15px; margin-top: 0 } .heading-title h2 { font-weight: 600; line-height: 1.4em; margin-bottom: 20px } .custom-modal.modal-backdrop.in { opacity: .8 } .custom-modal .modal-content { background-clip: padding-box; border: 0; border-radius: 0; box-shadow: 0 5px 15px rgba(0, 0, 0, .4) } .custom-modal .modal-body { font-size: 1.6rem; line-height: 24px; padding: 0 30px } .custom-modal .modal-header { border: 0; padding: 30px; position: relative; box-shadow: none } .custom-modal .modal-header .modal-title { color: #232323; margin: 0 } .custom-modal .modal-header .close { margin: 0; outline: 0; position: absolute; right: 30px; top: 40px } .custom-modal .modal-footer { border: 0; padding: 10px 30px 30px } .accordion>li { border-bottom: 1px solid #f3f3f3; padding: 18px 0 } .gray .accordion>li { border-bottom: 1px solid #ddd } .accordion-title { font-size: 18px; font-weight: 500; position: relative } .accordion-title a { display: block; color: #232323 } .accordion-title a::before { background: url("../images/plus.png") center center no-repeat rgba(0, 0, 0, 0); content: ""; display: block; height: 8px; margin-top: -4px; position: absolute; right: 0; top: 50%; width: 8px } .accordion li.open .accordion-title a::before { background: url("../images/minus.png") center center no-repeat rgba(0, 0, 0, 0) } .accordion-content { display: none; padding-top: 10px } .accordion-content p, .form-grid .btn-social { margin-bottom: 15px } .card .nav-tabs { border-bottom: 2px solid #ddd } .card .nav-tabs>li.active>a, .card .nav-tabs>li.active>a:focus, .card .nav-tabs>li.active>a:hover { border-width: 0 } .card .nav-tabs>li>a { border: none; color: #666 } .card .nav-tabs>li.active>a, .card .nav-tabs>li>a:hover { border: none; background: 0 0 } .card .nav-tabs>li>a::after { content: ""; height: 2px; position: absolute; width: 100%; left: 0; bottom: -1px; -webkit-transition: 250ms; -moz-transition: 250ms; -ms-transition: 250ms; -o-transition: 250ms; transition: 250ms; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .card .tab-nav>li>a::after { background: #21527d; color: #fff } .card .tab-pane { padding: 15px 0 } .card .tab-content { padding: 20px } .card { box-shadow: 0 1px 3px rgba(0, 0, 0, .3); margin-bottom: 30px } .commentForm h2 { color: #232323; font-size: 24px; font-weight: 700; line-height: 1.4em; margin-bottom: 30px; text-transform: uppercase } .singleContadds { margin-bottom: 15px; padding-left: 30px; position: relative } .singleContadds i { color: #ffa60a; font-size: 16px; left: 0; position: absolute; top: 6px } .template-icons { border: 1px solid #e5e5e5; display: block; float: left; font-size: 16px; margin: -1px 0 0 -1px; padding: 0; width: 33%; background-color: #fff } .template-icons>.icon-box-icon { border-right: 1px solid #f1f1f1; color: #231f20; display: inline-block; font-size: 45px; line-height: 80px; margin-right: 5px; min-height: 80px; min-width: 80px; padding-left: 0; text-align: center } .icon-box-icon { float: left; font-size: 64px; margin-left: 0; padding-left: 20px } .class-name { color: #777; font-size: 18px; padding: 1.5em } .heading-panel .switcher { margin: 15px 0 0 } .heading-panel .switcher .btn { padding: 10px 30px } .icon-heading h1, .icon-heading h2, .icon-heading h3, .icon-heading h4 { padding-left: 50px; position: relative } .custom-links img { float: left; padding-right: 35px } @media (min-width:767px) { .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(odd), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(odd) { clear: none } .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(odd) { clear: left } } @media (min-width:992px) { .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(odd), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(odd) { clear: none } .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(odd) { clear: left } } @media (min-width:1200px) { .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(odd), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(odd) { clear: none } .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(odd) { clear: left } } .bg-img-3 { background: url("../images/banner-6.jpg") center center no-repeat rgba(0, 0, 0, 0); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .bg-img { background: url("../images/6.jpg") no-repeat rgba(0, 0, 0, .6); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; clear: both } .pattern_dots { background: url("../images/pattern.png") repeat-x #fff } .alert, .popover { background-clip: padding-box } .background-1 { background-image: url(../images/mechanic.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; margin-left: -10%; position: absolute; top: 0; width: 50%; z-index: 1 } .background-2, .background-3, .background-4 { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; position: absolute; top: 0 } .background-2 { background-image: url(../images/service.jpg); right: 0; width: 80% } .background-3 { background-image: url(../images/left-img.jpg); left: 0; width: 50% } .background-3::before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .background-4 { background-image: url(../images/right-img.jpg); right: 0; width: 50% } .form-grid { padding: 0 30px } .btn-social { overflow: hidden; padding-left: 60px; position: relative; text-overflow: ellipsis; display: inline-block } .btn-social>:first-child { border-right: 1px solid rgba(0, 0, 0, .2); bottom: 0; font-size: 1.6em; left: 0; line-height: 42px; position: absolute; text-align: center; top: 0; width: 45px } .btn-facebook { color: #fff; background-color: #3b5998; border-color: rgba(0, 0, 0, .2) } .btn-facebook.active, .btn-facebook.focus, .btn-facebook:active, .btn-facebook:focus, .btn-facebook:hover, .open>.dropdown-toggle.btn-facebook { color: #fff; background-color: #2d4373; border-color: rgba(0, 0, 0, .2) } .btn-facebook.active.focus, .btn-facebook.active:focus, .btn-facebook.active:hover, .btn-facebook:active.focus, .btn-facebook:active:focus, .btn-facebook:active:hover, .open>.dropdown-toggle.btn-facebook.focus, .open>.dropdown-toggle.btn-facebook:focus, .open>.dropdown-toggle.btn-facebook:hover { color: #fff; background-color: #23345a; border-color: rgba(0, 0, 0, .2) } .btn-blue.active, .btn-blue:active, .btn-facebook.active, .btn-facebook:active, .btn-google.active, .btn-google:active, .btn-purple.active, .btn-purple:active, .open .dropdown-toggle.btn-blue, .open .dropdown-toggle.btn-purple, .open>.dropdown-toggle.btn-facebook, .open>.dropdown-toggle.btn-google { background-image: none } .btn-facebook.disabled.focus, .btn-facebook.disabled:focus, .btn-facebook.disabled:hover, .btn-facebook[disabled].focus, .btn-facebook[disabled]:focus, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook.focus, fieldset[disabled] .btn-facebook:focus, fieldset[disabled] .btn-facebook:hover { background-color: #3b5998; border-color: rgba(0, 0, 0, .2) } .btn-facebook .badge { color: #3b5998; background-color: #fff } .btn-google { color: #fff; background-color: #dd4b39; border-color: rgba(0, 0, 0, .2) } .btn-google.active, .btn-google.focus, .btn-google:active, .btn-google:focus, .btn-google:hover, .open>.dropdown-toggle.btn-google { color: #fff; background-color: #c23321; border-color: rgba(0, 0, 0, .2) } .btn-google.active.focus, .btn-google.active:focus, .btn-google.active:hover, .btn-google:active.focus, .btn-google:active:focus, .btn-google:active:hover, .open>.dropdown-toggle.btn-google.focus, .open>.dropdown-toggle.btn-google:focus, .open>.dropdown-toggle.btn-google:hover { color: #fff; background-color: #a32b1c; border-color: rgba(0, 0, 0, .2) } .btn-google.disabled.focus, .btn-google.disabled:focus, .btn-google.disabled:hover, .btn-google[disabled].focus, .btn-google[disabled]:focus, .btn-google[disabled]:hover, fieldset[disabled] .btn-google.focus, fieldset[disabled] .btn-google:focus, fieldset[disabled] .btn-google:hover { background-color: #dd4b39; border-color: rgba(0, 0, 0, .2) } .btn-google .badge { color: #dd4b39; background-color: #fff } h2.no-span { color: #232323; display: table; font-size: 16px; margin: 10px 0; overflow: hidden; position: relative } h2.no-span:after, h2.no-span:before { border-top: 1px solid #ccc; content: ''; display: table-cell; position: relative; top: .8em; width: 45% } .site-map-list li { border-bottom: 1px solid #ddd; font-size: 16px; padding: 15px 0 } .site-map-list li a { display: inline-block; vertical-align: top; color: #232323 } .site-map-list li a::before { color: #999; content: ""; float: left; font-family: fontawesome; margin-right: 10px } .site-map h3 { color: #232323; font-size: 20px; font-weight: 600; line-height: 60px; margin: 0; text-transform: capitalize } .comming-soon-grid { text-align: center; background-color: #f6f6f6; position: relative; z-index: 1 } .comming-soon { position: absolute; top: 20%; left: 0; right: 0 } .comming-soon-grid .count-down #clock { font-size: 18px; color: #2c3e50; margin-bottom: 50px } .comming-soon-grid .count-down #clock>span { font-size: 50px; font-weight: 700 } .subscribe>p { font-size: 18px; color: #2c3e50; line-height: 27px; margin-bottom: 30px } .subscribe button, .subscribe input { border: 1px solid #ddd; height: 50px; width: 30%; padding: 5px 15px } .subscribe button { width: 15%; color: #fff; border: 1px solid transparent; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition-duration: .5s } .social-area-share>a { background-color: #2c3e50; border-radius: 50%; color: #fff; display: inline-block; height: 40px; line-height: 40px; width: 40px } .btn-theme.btn-outline { background: 0 0; border-color: #2854a1; color: #2854a1 } .error-page .error-container { font-family: Inter, sans-serif; margin-bottom: 40px } .error-page .error-container>.error-text { color: #232323; font-size: 270px; line-height: 1; text-align: center; margin-bottom: 30px } .error-page .error-container>.error-info { color: #050709; font-size: 32px; text-transform: capitalize; text-align: center } .post-ad-form { background-color: #fff; display: block; padding: 30px; overflow: hidden; position: relative } .post-ad-form.extra-padding { padding: 30px 110px } .submit-form label { color: #18293b; display: inline-block; font-weight: 600; margin-bottom: 5px; max-width: 100%; font-size: 16px } .submit-form .row { margin-top: 25px; margin-bottom: 25px } .submit-form small { color: gray; padding-left: 10px } .submit-form .form-control { background-image: none; border: 1px solid #eceff2; border-radius: 0; color: #656565; display: block; font-size: 14px; line-height: 1.42857; width: 100%; background-color: #f8f8f8 } .form-control:focus { border-color: inherit; box-shadow: none } .post-ad-form .select2-container--default .select2-selection--single { background-color: #f8f8f8; border: 1px solid #eceff2; border-radius: 0; height: 53px } .btn-blue { color: #fff; background-color: #02a8f3; border-color: #1bb0f4 } .btn-blue.active, .btn-blue:active, .btn-blue:focus, .btn-blue:hover, .open .dropdown-toggle.btn-blue { color: #fff; background-color: #0197da; border-color: #1bb0f4 } .btn-blue.disabled, .btn-blue.disabled.active, .btn-blue.disabled:active, .btn-blue.disabled:focus, .btn-blue.disabled:hover, .btn-blue[disabled], .btn-blue[disabled].active, .btn-blue[disabled]:active, .btn-blue[disabled]:focus, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue, fieldset[disabled] .btn-blue.active, fieldset[disabled] .btn-blue:active, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue:hover { background-color: #02a8f3; border-color: #1bb0f4 } .btn-blue .badge { color: #02a8f3; background-color: #fff } .btn-purple { color: #fff; background-color: #611bbd; border-color: #130269 } .btn-purple.active, .btn-purple:active, .btn-purple:focus, .btn-purple:hover, .open .dropdown-toggle.btn-purple { color: #fff; background-color: #49247a; border-color: #130269 } .btn-purple.disabled, .btn-purple.disabled.active, .btn-purple.disabled:active, .btn-purple.disabled:focus, .btn-purple.disabled:hover, .btn-purple[disabled], .btn-purple[disabled].active, .btn-purple[disabled]:active, .btn-purple[disabled]:focus, .btn-purple[disabled]:hover, fieldset[disabled] .btn-purple, fieldset[disabled] .btn-purple.active, fieldset[disabled] .btn-purple:active, fieldset[disabled] .btn-purple:focus, fieldset[disabled] .btn-purple:hover { background-color: #611bbd; border-color: #130269 } .btn-purple .badge { color: #611bbd; background-color: #fff } .panel.with-nav-tabs .panel-heading { padding: 5px 5px 0 } .list-style-1 .panel.with-nav-tabs .panel-heading { padding: 0; background-color: transparent; border: none } .list-style-1 .panel { background-color: transparent; box-shadow: none; border: none } .list-style-1 .with-nav-tabs.panel-default .nav li a { padding: 17px 35px; background-color: #ebebeb; color: #232323; font-weight: 600; border-color: transparent } .panel.with-nav-tabs .nav-justified { margin-bottom: -1px } .with-nav-tabs.panel-default .nav-tabs>.open>a, .with-nav-tabs.panel-default .nav-tabs>.open>a:focus, .with-nav-tabs.panel-default .nav-tabs>.open>a:hover, .with-nav-tabs.panel-default .nav-tabs>li>a:focus, .with-nav-tabs.panel-default .nav-tabs>li>a:hover { color: #777; background-color: #ddd; border-color: transparent } .with-nav-tabs.panel-default .nav-tabs>li.active>a, .with-nav-tabs.panel-default .nav-tabs>li.active>a:focus, .with-nav-tabs.panel-default .nav-tabs>li.active>a:hover { color: #555; background-color: #fff; border-color: #ddd #ddd transparent } .with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu { background-color: #f5f5f5; border-color: #ddd } .with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a:focus, .with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a:hover { background-color: #ddd } .with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a, .with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus, .with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover { color: #fff; background-color: #555 } .with-nav-tabs.panel-primary .nav-tabs>.open>a, .with-nav-tabs.panel-primary .nav-tabs>.open>a:focus, .with-nav-tabs.panel-primary .nav-tabs>.open>a:hover, .with-nav-tabs.panel-primary .nav-tabs>li>a:focus, .with-nav-tabs.panel-primary .nav-tabs>li>a:hover { color: #fff; background-color: #3071a9; border-color: transparent } .with-nav-tabs.panel-primary .nav-tabs>li.active>a, .with-nav-tabs.panel-primary .nav-tabs>li.active>a:focus, .with-nav-tabs.panel-primary .nav-tabs>li.active>a:hover { color: #428bca; background-color: #fff; border-color: #428bca #428bca transparent } .with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu { background-color: #428bca; border-color: #3071a9 } .with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:focus, .with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:hover { background-color: #3071a9 } .with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a, .with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus, .with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover { background-color: #4a9fe9 } .with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a, .with-nav-tabs.panel-success .nav-tabs>li>a, .with-nav-tabs.panel-success .nav-tabs>li>a:focus, .with-nav-tabs.panel-success .nav-tabs>li>a:hover { color: #3c763d } .with-nav-tabs.panel-success .nav-tabs>.open>a, .with-nav-tabs.panel-success .nav-tabs>.open>a:focus, .with-nav-tabs.panel-success .nav-tabs>.open>a:hover, .with-nav-tabs.panel-success .nav-tabs>li>a:focus, .with-nav-tabs.panel-success .nav-tabs>li>a:hover { color: #3c763d; background-color: #d6e9c6; border-color: transparent } .with-nav-tabs.panel-success .nav-tabs>li.active>a, .with-nav-tabs.panel-success .nav-tabs>li.active>a:focus, .with-nav-tabs.panel-success .nav-tabs>li.active>a:hover { color: #3c763d; background-color: #fff; border-color: #d6e9c6 #d6e9c6 transparent } .with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu { background-color: #dff0d8; border-color: #d6e9c6 } .with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a:focus, .with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a:hover { background-color: #d6e9c6 } .with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a, .with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus, .with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover { color: #fff; background-color: #3c763d } .with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a, .with-nav-tabs.panel-info .nav-tabs>li>a, .with-nav-tabs.panel-info .nav-tabs>li>a:focus, .with-nav-tabs.panel-info .nav-tabs>li>a:hover { color: #31708f } .with-nav-tabs.panel-info .nav-tabs>.open>a, .with-nav-tabs.panel-info .nav-tabs>.open>a:focus, .with-nav-tabs.panel-info .nav-tabs>.open>a:hover, .with-nav-tabs.panel-info .nav-tabs>li>a:focus, .with-nav-tabs.panel-info .nav-tabs>li>a:hover { color: #31708f; background-color: #bce8f1; border-color: transparent } .with-nav-tabs.panel-info .nav-tabs>li.active>a, .with-nav-tabs.panel-info .nav-tabs>li.active>a:focus, .with-nav-tabs.panel-info .nav-tabs>li.active>a:hover { color: #31708f; background-color: #fff; border-color: #bce8f1 #bce8f1 transparent } .with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu { background-color: #d9edf7; border-color: #bce8f1 } .with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a:focus, .with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a:hover { background-color: #bce8f1 } .with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a, .with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus, .with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover { color: #fff; background-color: #31708f } .with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a, .with-nav-tabs.panel-warning .nav-tabs>li>a, .with-nav-tabs.panel-warning .nav-tabs>li>a:focus, .with-nav-tabs.panel-warning .nav-tabs>li>a:hover { color: #8a6d3b } .with-nav-tabs.panel-warning .nav-tabs>.open>a, .with-nav-tabs.panel-warning .nav-tabs>.open>a:focus, .with-nav-tabs.panel-warning .nav-tabs>.open>a:hover, .with-nav-tabs.panel-warning .nav-tabs>li>a:focus, .with-nav-tabs.panel-warning .nav-tabs>li>a:hover { color: #8a6d3b; background-color: #faebcc; border-color: transparent } .with-nav-tabs.panel-warning .nav-tabs>li.active>a, .with-nav-tabs.panel-warning .nav-tabs>li.active>a:focus, .with-nav-tabs.panel-warning .nav-tabs>li.active>a:hover { color: #8a6d3b; background-color: #fff; border-color: #faebcc #faebcc transparent } .with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu { background-color: #fcf8e3; border-color: #faebcc } .with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a:focus, .with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a:hover { background-color: #faebcc } .with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a, .with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus, .with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover { color: #fff; background-color: #8a6d3b } .with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a, .with-nav-tabs.panel-danger .nav-tabs>li>a, .with-nav-tabs.panel-danger .nav-tabs>li>a:focus, .with-nav-tabs.panel-danger .nav-tabs>li>a:hover { color: #a94442 } .with-nav-tabs.panel-danger .nav-tabs>.open>a, .with-nav-tabs.panel-danger .nav-tabs>.open>a:focus, .with-nav-tabs.panel-danger .nav-tabs>.open>a:hover, .with-nav-tabs.panel-danger .nav-tabs>li>a:focus, .with-nav-tabs.panel-danger .nav-tabs>li>a:hover { color: #a94442; background-color: #ebccd1; border-color: transparent } .with-nav-tabs.panel-danger .nav-tabs>li.active>a, .with-nav-tabs.panel-danger .nav-tabs>li.active>a:focus, .with-nav-tabs.panel-danger .nav-tabs>li.active>a:hover { color: #a94442; background-color: #fff; border-color: #ebccd1 #ebccd1 transparent } .with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu { background-color: #f2dede; border-color: #ebccd1 } .with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a:focus, .with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a:hover { background-color: #ebccd1 } .with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a, .with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus, .with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover { color: #fff; background-color: #a94442 } .hr { border-top: 1px solid #ebebeb; margin: 30px 0 } .components .nav>li, .friend-message .profile-picture { float: left } .alert-outline, .btn-outline { background-color: transparent; color: inherit; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .btn-rounded { border-radius: 60px } .alert { border: 0; border-radius: 0; color: #fff; margin-bottom: 10px; padding: 19px 19px 19px 65px; position: relative } .alert::after { content: ""; font-family: FontAwesome; font-size: 1.6rem; left: 23px; position: absolute; top: 17px } .header-listing h6, .pricing-fancy .price-large, .section-title, ul.filterAdType li a, ul.listingViewIcon li a { font-family: Inter, sans-serif } .alert.alert-success { background: #8ac249; border: 1px solid #8ac249 } .alert.alert-success::after { content: ""; content: "" } .alert.alert-info { background: #02a8f3; border: 1px solid #02a8f3 } .alert.alert-warning { background: #fe9700; border: 1px solid #fe9700 } .alert.alert-danger { background: #f34235; border: 1px solid #f34235 } .alert.alert-success.alert-outline { background: 0 0; border: 1px solid #8ac249; color: #232323 } .alert.alert-info.alert-outline { background: 0 0; border: 1px solid #02a8f3; color: #232323 } .alert.alert-info::after { content: "" } .alert.alert-warning.alert-outline { background: 0 0; border: 1px solid #fe9700; color: #232323 } .alert.alert-warning::after { content: "" } .alert.alert-danger.alert-outline { background: 0 0; border: 1px solid #f34235; color: #232323 } .alert.alert-danger::after { content: "" } .alert.alert-outline .close { color: #232323; opacity: .5; outline: 0; right: 5px } .alert.alert-file-upload { background: #4bae4f; padding: 19px } .alert .close { color: #fff; opacity: .5; outline: 0; right: 5px } .label.label-success { background: #8ac249 } .label.label-info { background: #02a8f3 } .label.label-warning { background: #fe9700 } .label.label-danger { background: #f34235 } .popover { border-radius: 5px; box-shadow: none } .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, .05); overflow: hidden; text-indent: 100%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s, visibility 0s .3s; -moz-transition: opacity .3s, visibility 0s .3s; transition: opacity .3s, visibility 0s .3s } .cd-top.cd-fade-out, .cd-top.cd-is-visible, .no-touch .cd-top:hover { -webkit-transition: opacity .3s, visibility; -moz-transition: opacity .3s, visibility; transition: opacity .3s, visibility } .cd-top.cd-is-visible { visibility: visible; opacity: 1; z-index: 99 } .cd-top.cd-fade-out { opacity: .5 } .no-touch .cd-top:hover { background-color: #e86256; opacity: 1 } .client-brand-list { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; } .sigle-clients-brand { width: 180px; height: 180px; } .sigle-clients-brand a { border: 1px solid #ddd; opacity: 0.8; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .sigle-clients-brand a:hover { opacity: 1; } .sigle-clients-brand a img { width: 100%; padding: 0 16px; } .client-section { padding: 50px 0 } .car-inspection h3, .choose-title h3, .client-section h3, .sell-box-grid .short-info h3 { color: #323232; font-size: 18px; font-style: italic; margin-bottom: 5px } .about-stats h4, .funfacts h4 { font-size: 24px; margin-bottom: 30px } .car-inspection h2, .client-section h2 { color: #323232; font-size: 24px; font-weight: 700; line-height: 1.4em; text-transform: uppercase } .funfacts { background: url("../images/banner-6.jpg") center center no-repeat rgba(0, 0, 0, 0); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; text-align: center } .funfacts .number { color: #fff; font-size: 48px; font-weight: 700; margin-bottom: 20px } .funfacts h4 { color: #fff; font-weight: 400 } .funfacts .icons { position: relative; width: 100%; text-align: center; clear: both; display: table; margin-bottom: 25px } .funfacts .icons i { font-size: 60px; color: #fff } .about-stats { padding-top: 70px; height: 100%; text-align: left } .about-stats .number { color: #232323; font-size: 48px; font-weight: 700; margin-bottom: 20px } .about-stats h4 { color: #232323; font-weight: 500 } .about-stats .icons { position: relative; width: 100%; text-align: left; clear: both; display: table; margin-bottom: 25px } .about-stats .icons i { font-size: 60px; color: #232323 } .mobile-image-content { margin: -30px auto; max-width: 420px; position: relative } .mobile-image-content img { position: absolute; width: 100% } .featured-ads .app-text-section { padding-top: 90px; position: relative } .featured-ads .pricing-fancy { margin-bottom: 0; min-height: 500px; padding: 100px 32px } .app-text-section { padding-bottom: 112px; padding-top: 50px; position: relative } .app-text-section h5 { color: #fff; margin-bottom: 5px; opacity: .8; text-transform: uppercase } .app-text-section h3 { color: #fff; font-size: 30px; text-transform: uppercase } .app-text-section ul { list-style: none; margin: 15px 0 30px; padding: 0 } .app-text-section ul li::before { content: "\f0a4"; font-family: fontawesome; left: 0; position: absolute } .app-text-section ul li { color: #fff; font-size: 14px; padding: 3px 0 3px 20px } .app-download-button, .btn.app-download-button { -moz-user-select: none; background-color: transparent; border: 0; border-radius: 0; color: #fff; display: block; font-weight: 500; overflow: hidden; padding: 0; position: relative; -webkit-transition: ease-in-out; -moz-transition: ease-in-out; -ms-transition: ease-in-out; -o-transition: ease-in-out; transition: ease-in-out; width: 100%; z-index: 1 } .btn.app-download-button span.app-store-btn span, span.app-store-btn { o-transition: all 0.3s ease-out; -ms-transition: .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out; display: block } .btn.app-download-button i { display: block; font-size: 50px; float: left; padding: 0 20px 0 0 } .btn.app-download-button span.app-store-btn span { overflow: hidden; text-align: left; vertical-align: bottom } .btn.app-download-button span.app-store-btn span span { display: block; overflow: hidden; width: 100% } .btn.app-download-button span.app-store-btn span span:last-child { font-size: 20px; font-weight: 600; font-family: Inter, sans-serif } .app-download-section.style-2 .btn.app-download-button span.app-store-btn span span:last-child { letter-spacing: 0; font-size: 18px; font-weight: 600 } span.app-store-btn { padding: 12px 15px; position: relative; border: 1px solid #fff } .app-download-section { background: url("../images/app.jpg") center center/cover no-repeat fixed rgba(0, 0, 0, 0); overflow: hidden; padding: 0; width: 100% } .app-download-section.style-2 { background: url("../images/slider/slider-banner4.jpg") center center/cover no-repeat fixed rgba(0, 0, 0, 0) } .parallex .app-download-section-wrapper { background-color: transparent; content: ""; height: 100%; opacity: 1; position: relative; width: 100%; z-index: 3 } .app-download-section-wrapper { background-color: #363c48; content: ""; height: 100%; opacity: .8; position: relative; width: 100%; z-index: 3 } .app-download-section.style-2 .app-download-section-container { padding: 90px 0 0 } .app-download-section-container { overflow: hidden; padding: 180px 0 150px; position: relative; width: 100%; z-index: 4 } .section-title { color: #1e1e1e; font-size: 42px; font-weight: 700; line-height: 42px; margin-bottom: 75px; text-align: center; text-transform: capitalize; width: 100%; word-spacing: 5px } .quick-view-modal { bottom: 0; display: none; left: 0; outline: 0; overflow: hidden; position: fixed; right: 0; top: 0 } .diblock, .how-it-work-icon, .pagination li { display: inline-block } .modalopen { opacity: 0; z-index: -1; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } .modalopen.in { opacity: 1; z-index: 99999 } .ad-modal { width: 1090px; background: #fff } .ad-modal .single-product { padding: 30px 15px } .diblock { vertical-align: middle; width: 100%; overflow: hidden } .ad-modal .single-product .diblock .title h3 { background-color: #fff; border-bottom: 0; border-radius: 5px 5px 0 0; color: #121212; font-size: 25px; line-height: 26px; padding: 18px 0 } .ad-modal .single-product .diblock .flexslider .slide-main img { border: none; margin: 0; max-width: 100% } .ad-preview-details { text-align: left } .ad-preview-details h4 { font-size: 20px; font-weight: 700; color: #232323 } .ad-preview-details .overview-price { overflow: hidden; position: relative; width: 100%; float: left } .ad-preview-details .overview-price span { font-size: 26px; font-weight: 700; display: block } .ad-preview-details p, .sell-points ul { margin-top: 15px } .ad-preview-details ul { list-style: none; margin: 0; padding: 20px 0 30px } .ad-preview-details ul li { border-bottom: 1px solid #eee; display: inline-block; padding: 10px 0; width: 100% } .ad-preview-details ul li span { color: #999; font-size: 14px; font-weight: 600; margin-right: 10px; text-transform: uppercase } .ad-preview-details ul li p { color: #232323; display: inline; font-size: 14px; font-weight: 700 } .ad-preview-details ul li:first-child { border-top: 1px solid #eee } .popup-cls:hover { opacity: .7 } .popup-cls.close { color: #fff; font-size: 18px; font-weight: 400; line-height: normal; opacity: 1; padding: 7px; position: relative; right: 0; top: 0; z-index: 5 } .how-it-work-icon::after, .how-it-work-icon::before { background: url("../images/dashed-line.jpg") rgba(0, 0, 0, 0); content: ""; position: absolute; top: 50%; width: 125px; z-index: 2; height: 1px } .quick-view-modal .ad-modal .single-product #carousels .flex-direction-nav .flex-prev, .quick-view-modal .ad-modal .single-product .single-page-slider .flex-direction-nav .flex-prev { background-image: url("../images/back.png"); height: 32px; left: 0; margin-left: 20px; text-align: right; width: 32px } .quick-view-modal .ad-modal .single-product #carousels .flex-direction-nav .flex-next, .quick-view-modal .ad-modal .single-product .single-page-slider .flex-direction-nav .flex-next { background-image: url("../images/next.png"); height: 32px; margin-right: 20px; right: 0; text-align: right; width: 32px } .quick-view-modal .ad-modal .single-product #carousels .flex-direction-nav a { top: 28% !important } .modal-header h3 { font-weight: 700; color: #232323; overflow: hidden; font-size: 16px } .modal-header { background: #fff; border-bottom: 1px solid #e2e2e2; border-radius: 4px 4px 0 0; min-height: 16.43px; padding: 15px 20px } .modal-footer .btn-group button { height: 40px; border-top-left-radius: 0; border-top-right-radius: 0; border: none; border-right: 1px solid #ddd } .btn-fb, .btn-gplus, .btn-twitter { color: #fff !important } .btn-fb { background: #3b5998 } .btn-gplus { background: #d14433 } .btn-twitter { background: #00aced } .how-it-work { float: left; padding: 0 15px; width: 33.2% } .how-it-work p { padding: 0 10px } .how-it-work:first-of-type .how-it-work-icon::before, .how-it-work:last-of-type .how-it-work-icon::after { width: 0 } .how-it-work-icon::after { right: -125px } .how-it-work-icon::before { left: -125px } .how-it-work-icon { background: url("../images/border-dashed.png") left top/100% auto no-repeat rgba(0, 0, 0, 0); height: 150px; padding: 14px; position: relative; width: 150px } .how-it-work i { background: #fff; border-radius: 50%; box-shadow: 0 0 8px 0 rgba(50, 50, 50, .1); color: #233141; font-size: 50px; height: 120px; left: 15px; padding: 45px 0; position: absolute; text-align: center; top: 15px; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -ms-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; width: 120px } .how-it-work h4, .profile-edit h2 { font-size: 18px; text-transform: capitalize } .dashboard-menu-container ul li .menu-name, .message-header .new-message { -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s } .how-it-work h4 { margin: 35px 0 20px; color: #232323; font-weight: 600 } .pagination { border-radius: 0; margin: 0 } .pagination li { box-shadow: none; margin-right: 10px } .pagination li>a { background-color: #fff; border-color: #d1d1d1; color: #777; font-size: 14px; font-weight: 500; padding: 10px 14px } .status_active { background: #4caf50; color: #fff } .status_sold { background: #3498db; color: #fff } .status_expired { background: #d9534f; color: #fff } .ribbon { padding: 0 12px; position: absolute; top: 0; z-index: 1 } .btn-file { position: relative; overflow: hidden; padding: 15px 30px !important } .btn-file input[type=file] { position: absolute; top: 0; right: 0; font-size: 100px; text-align: right; opacity: 0; outline: 0; background: #fff; cursor: inherit; display: block } .item-date { font-size: 14px; margin-top: 0; padding-bottom: 8px } .profile-edit { background: #fff; padding: 45px } .profile-edit dt { text-align: inherit } .profile-edit dt strong { color: #232323; font-weight: 600 } .profile-edit hr { margin: 17px 0 15px } .profile-edit h2 { color: #323232; font-weight: 500; margin-top: 20px } @media (max-width:768px) { .profile-tabs .nav-tabs { border-bottom: none } } .profile-tabs .nav-tabs { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: rgba(0, 0, 0, 0); border-image: none; border-style: none none solid; border-width: medium medium 2px } .profile-tabs .nav-tabs a { color: #232323; font-size: 16px; padding: 16px 15px } .profile-tabs .nav-tabs>.active>a, .profile-tabs .nav-tabs>.active>a:focus, .profile-tabs .nav-tabs>.active>a:hover { background: #f1f1f1; border: none; color: #232323 } .profile-tabs .nav-tabs>li>a:hover { background: #f1f1f1; color: #232323 } .profile-tabs .tab-content img { margin-bottom: 15px; margin-top: 4px } .profile-tabs .tab-content img.img-tab-space { margin-top: 7px } .profile-section .skin-minimal ul.list li { margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #eee } .user-profile .btn-group .btn-xs { font-size: 12px; line-height: 1.5; min-width: 46px; padding: 4px 14px; border: 1px solid #ddd; margin-right: 6px; margin-top: 8px } .user-profile .btn-group .tooltip-content span { color: #fff !important; font-size: 14px !important } .ad-history { margin: 30px 0 0 } .user-stats { border-radius: 2px; padding: 15px } .col-md-4:first-child .user-stats { background: #34495e } .col-md-4:nth-child(2) .user-stats { background: #3498db } .col-md-4:nth-child(3) .user-stats { background: #1abc9c } .user-stats>h2 { color: #fff; font-weight: 500; margin: 0 } .user-stats>small { color: rgba(255, 255, 255, .7); display: block; margin-top: 1px; text-transform: uppercase } .dashboard-menu-container { background-color: #fff; border-top: 1px solid #f1f1f1; overflow: hidden; position: relative } .notification, .notify, .notify .heartbit, .notify .point, .sold img { position: absolute } .dashboard-menu-container ul li { border-right: 1px solid #f1f1f1; display: inline-block; text-align: center; width: 14% } .dashboard-menu-container ul li .icon i { color: #ddd; font-size: 30px; padding-top: 10px; text-align: center } .dashboard-menu-container ul li .menu-name { color: #555; font-size: 14px; font-weight: 600; padding: 10px 0; text-transform: uppercase; transition: .3s } .dl-horizontal dd { border-bottom: 1px solid #f4f4f4; margin-left: 0; margin-bottom: 5px; margin-top: 5px; padding: 10px 0 } .dl-horizontal dt { padding: 10px 0 } .search-result-item { padding: 20px; background-color: #fff; border-radius: 4px } .search-result-item:after, .search-result-item:before { content: " "; display: table } .search-result-item .image-link { display: block; overflow: hidden } @media (max-width:767px) { .search-result-item .image-link { max-height: 200px } } .search-result-item .info { margin-top: 2px; font-size: 14px } .search-result-item .info span { border-right: 1px solid #777; padding-right: 10px; padding-left: 10px; line-height: 2px; display: inline-block } .search-result-item-heading { color: #323232; font-size: 22px; font-weight: 500; margin-top: 20px; text-transform: capitalize } .search-result-item-heading a { color: #323232 } @media (min-width:768px) { .search-result-item .image-link { display: inline-block; margin: -20px 0 -20px -20px; float: left; width: 200px } .search-result-item-body { margin-left: 200px } .search-result-item-heading { margin: 0 } } .sold img { top: 10px; left: 0 } a.delete i { color: #ed1c24 } .user-profile ul li.active span { background-color: #f58936 } .ad-info-1 ul li i.delete { color: #ed1c24 !important; font-size: 20px } .ad-info-1 ul li i.edit { color: #999 !important; font-size: 20px } .heading .search-widget { margin-bottom: 0; margin-top: 17px } .heading .panel-title>a { padding: 30px } .notification { z-index: 9; bottom: 10px; left: 15px } .round-btn { color: #fff; display: inline-block; height: 40px; line-height: 38px; text-align: center; width: 40px; background: #232323 } .notification>span, .round-btn { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50% } .notification>span { background: #ed1c24; color: #fff; font-size: 10px; font-weight: 700; padding: 4px 8px; position: relative; right: 15px; text-align: center; top: -15px; transform-origin: 50% 50% 0 } .notify { top: 8px } .notify .heartbit { animation: 1s ease-out infinite heartbit; border: 5px solid #fb9678; border-radius: 70px; height: 25px; left: -16px; top: -20px; width: 25px; z-index: 10 } .notify .point { background-color: #fb9678; border-radius: 30px; height: 6px; left: -6px; top: -10px; width: 6px } @keyframes heartbit { 0% { opacity: 0; transform: scale(0) } 25% { opacity: .1; transform: scale(.1) } 50% { opacity: .3; transform: scale(.5) } 75% { opacity: .5; transform: scale(.8) } 100% { opacity: 0; transform: scale(1) } } .mailbox { overflow: auto; padding-bottom: 0; min-width: 320px; max-width: 320px } .drop-title { border-bottom: 1px solid rgba(0, 0, 0, .1); color: #2b2b2b; font-size: 15px; font-weight: 600; padding: 11px 20px 15px } .message-center a { border-bottom: 1px solid rgba(120, 130, 140, .13); display: block; padding: 9px 15px } .message-center .user-img { float: left; margin: 0 10px 15px 0; position: relative } .message-center .user-img img { width: 50px; height: 50px } .message-center .mail-contnet .mail-desc { color: #777; display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: capitalize } .message-center .mail-contnet .time { color: #2b2b2b; display: block; font-size: 10px } .message-body { background-color: #fff; overflow: hidden } .message-inbox { border-right: 4px solid #eee } .message-details .list-wraps, .message-inbox .list-wrap { position: relative; height: 590px; overflow: hidden } .message-header { padding: 15px 20px } .message-header h4 { display: inline-block; font-size: 18px; color: #232323; margin: 0 } .message-header .new-message { float: right; font-size: 14px; color: #666; margin-top: 3px; transition: .3s } .footer-area .footer-content a, .message-history li { -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s } .message-header .new-message .fa, .message-header .new-message .icon { color: #f58936; margin-right: 10px } .message-header .new-message:hover { color: #f58936 } .message-history { border-top: 1px solid #d4d4d4; margin: 0; padding: 0; list-style: none; overflow: hidden } .message-history li { border-bottom: 1px solid #eee; transition: .3s } .message-history li a { display: block; overflow: hidden; padding: 25px 20px } .message-history li .image { width: 50px; height: 50px; overflow: hidden; float: left } .message-history li .user-name { position: relative; margin-left: 70px } .message-history li .user-name .author span { display: inline-block; font-size: 16px; font-weight: 600; color: #666 } .message-history li .user-name p { font-size: 13px; color: #666; line-height: 1.5em; margin-top: 5px } .message-history li .user-name .time { position: absolute; top: 2px; right: 0 } .message-history li .user-name .time span { font-size: 16px; color: #777 } .message-history .active, .message-history li:hover { background-color: #f8f8f8 } .message-history .message-grid .user-name .author .user-status { display: inline-block; width: 8px; height: 8px; background-color: #2db82d; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-left: 5px } .message-details { position: relative; padding: 30px 44px 30px 14px; overflow: hidden } .message-details .author .image { width: 50px; height: 50px; overflow: hidden; float: left; margin-right: 18px } .message-details .author .author-name { display: block; font-size: 16px; color: #232323; line-height: 1.5em; font-weight: 600 } .message-details .author em { font-size: 14px; font-style: italic; color: #666 } .ps-container>.ps-scrollbar-y-rail { position: absolute; right: 0; width: 5px; height: 100% } .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { position: absolute; right: 0; width: 3px; opacity: 0; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; -ms-transition: -ms-transform .3s; -o-transition: -o-transform .3s; transition: transform .3s } .friend-message .message::before, .my-message .message::before { border-bottom: 10px solid transparent; border-top: 0 solid transparent; content: ""; height: 0; top: 10px; width: 0 } .messages { list-style: none; margin: 0; padding: 10px } .messages .profile-picture { height: 40px; margin: 0; width: 40px } .friend-message .message { margin-left: 50px; background-color: #e9e9e9 } .my-message .message { margin-right: 50px; background-color: #1f364f; color: #fff } .messages .message { border-radius: 5px; font-size: 14px; font-weight: 500; margin-bottom: 10px; min-height: 40px; padding: 15px 20px; position: relative } .messages .message .time { font-size: 14px; line-height: 10px; margin-top: 0; text-align: right } .friend-message .message::before { border-right: 10px solid #e9e9e9; left: -10px; position: absolute } .my-message .message::before { border-left: 10px solid #f6f6f6; position: absolute; right: -10px } .messenger-footer .form-control { height: 54px; overflow: hidden; padding: 5px; resize: none } .message-details h2 { color: #232323; font-size: 18px; font-weight: 600; line-height: 60px; margin: 0; text-transform: capitalize } .chat-form { background-color: #eff0f4; clear: both; margin-top: 15px; padding: 20px } .chat-form .form-group { float: left; margin-right: 2%; width: 80% } .chat-form .btn { padding: 15px 25px } .pricing-fancy { padding: 60px 32px; background: #fff; position: relative; overflow: hidden; text-align: center; margin-bottom: 30px; border: 1px solid #ddd } .pricing-fancy h3 { color: #232323; font-size: 30px; text-transform: uppercase } .pricing-fancy h3 span { font-weight: 300 } .pricing-fancy .icon-bg { bottom: 0; position: absolute; right: -30px; z-index: 1 } .pricing-fancy .icon-bg i { color: #f1f1f1; font-size: 170px } .pricing-fancy .price-box { position: relative; z-index: 10 } .pricing-fancy .price-large { font-size: 72px; font-weight: 500; line-height: 82px; color: #232323; margin-bottom: 15px } .pricing h2, .pricing h3 { color: #294661 } .monthtext, .pricing-fancy .dollartext { font-size: 24px; font-weight: 300; line-height: 24px } .pricing-fancy .price-box p { color: #d2d2d2; text-transform: uppercase; margin-bottom: 35px } .news .newslist h2, .news .newslist li { margin-bottom: 19px } .pricing p { margin-bottom: 100px } .pricing .block { border: 1px solid #d4dadf; padding: 60px 10px; margin-bottom: 30px; background-color: #fff } .pricing .block.featured { background: #363c48; border: 1px solid #363c48; color: #fff } .pricing h3 { font-size: 30px; font-weight: 600 } .pricing .price { color: #294661; font-size: 54px; margin-bottom: 15px; margin-top: 40px } .pricing ul { font-size: 14px; font-weight: 500; list-style-type: none; margin: 50px 0 30px; padding: 0 } .pricing li { line-height: 2.2em } .pricing .featured a.btn-theme { background-color: transparent; border-color: #fff } .pricing a.button:hover>i { margin-left: 10px; opacity: 1 } .pricing a.solid { background: #d4dadf; border: 1px solid #d4dadf } .pricing .featured a.solid { background: #fff; border: 1px solid #fff } .pricing a.solid:hover { background: #f2f4f6; border: 1px solid #f2f4f6 } .pricing .featured a.solid:hover { background: rgba(255, 255, 255, .3); border: 1px solid #fff; color: #fff } .pricing-item { border: 7px solid #f1f1f1; color: #232323; padding: 15px 30px; margin-bottom: 30px; overflow: hidden } .pricing-item .price { font-size: 4.3em; font-weight: 900; letter-spacing: 3px; position: relative; float: left; width: 100%; margin-top: 35px; margin-bottom: 10px } .pricing-item .price small { font-size: .6em; position: relative; top: -25px } .featured-ribbon span::after, .featured-ribbon span::before { border-style: solid; border-width: 3px; top: 100%; z-index: -1; position: absolute; content: "" } .pricing-item strong { display: block; font-size: 1.2em; margin: 10px 0 } .pricing-item .btn { margin: 15px 0 } .listingTopFilterBar { background: #fff; box-shadow: 0 0 3px rgba(206, 206, 206, .36); min-height: 60px; border-color: #eee; border-radius: 0; margin-bottom: 30px } ul.filterAdType li, ul.listingViewIcon li { display: inline-block; list-style: none } ul.filterAdType li a { color: #232323; display: block; padding: 16px 20px } ul.listingViewIcon li a { color: #232323; line-height: 60px; padding: 0 10px } ul.listingViewIcon li a:hover { color: #000 } ul.listingViewIcon li.shortByListingLi ul li a { line-height: 30px } .header-listing h6 { display: inline-block; font-size: 16px; margin: 18px 10px 5px 0; text-transform: capitalize; vertical-align: top; color: #232323 } .header-listing .custom-select-box { display: inline-block; width: 231px } .header-listing .custom-select-box .select2-selection--single { height: auto; border: none; background-color: transparent } .header-listing .custom-select-box .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 61px } .header-listing .custom-select-box .select2-container--default .select2-selection--single .select2-selection__arrow { height: 57px } .header-listing { display: inline-block; width: 100% } .featured-ribbon { height: 100px; overflow: hidden; position: absolute; right: 0; text-align: right; top: 0; width: 100px; z-index: 1 } .featured-ribbon span::before { border-color: #5a3331 transparent transparent #5a3331; left: 0 } .featured-ribbon span::after { border-color: #5a3331 #5a3331 transparent transparent; right: 0 } .featured-ribbon span { box-shadow: 0 3px 12px -7px #000; color: #fff; display: block; font: 600 12px/30px "Inter", sans-serif; position: absolute; right: -35px; text-align: center; text-transform: uppercase; top: 13px; transform: rotate(45deg); width: 125px } .main-search .grid-card { margin-bottom: 0; min-height: 487px; background: 0 0 } .main-search .body-type .grid-card { padding: 15px 20px 0 } .overlay { background: url("../images/overlaybg.png") left bottom repeat-x rgba(0, 0, 0, 0); border-radius: 0 0 4px 4px; bottom: 0; color: #fff; font-size: 22px; left: 0; line-height: 30px; min-height: 40px; padding: 78px 23px 10px 13px; position: absolute; width: 100% } .overlay h2 { font-size: 21px } .news .client-section { padding: 20px 0 0 } .news .mainimage { width: 100%; position: relative; overflow: hidden } .reviews .news .newslist li { float: left; width: 50% } .reviews .news .newslist .imghold { width: auto; margin-right: 15px } .news .mainimage img { border-radius: 2px; display: block; width: 100%; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s } .news .newslist li { overflow: hidden } .news .newslist .imghold { float: left; margin-right: 22px; width: 133px } .news .newslist .texthold h4 { font-weight: 400; line-height: 22px } .news .newslist .texthold h4 a { color: rgba(0, 0, 0, .87); font-size: 16px; margin: 0; font-weight: 500 } .news .newslist .texthold h4 a:hover { color: #ef5a28 } .news .newslist .texthold p { color: rgba(0, 0, 0, .54); font-size: 14px; line-height: 20px; margin: 4px 0 0 } .reviews .news .newslist .texthold p { padding-right: 20px } .post-review h3 { color: #232323; font-size: 22px; margin-bottom: 26px; text-transform: capitalize; font-weight: 500 } .post-review .progress-bar-review { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #f1f1f1 #f1f1f1; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; color: #232323; font-size: 16px; line-height: 45px; font-weight: 600; padding: 0 30px } .post-review .progress-bar-review:first-of-type { border: 1px solid #f1f1f1 } .post-review .progress, .post-review .progress .progress-bar { border-radius: 4px; box-shadow: none } .post-review .progress-bar-review:last-of-type, .post-review .summary-review { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #f1f1f1 #f1f1f1; border-style: none solid solid; border-width: medium 1px 1px; border-image: none } .post-review .progress-bar-review .progress-title { display: table-cell } .post-review .progress { height: 8px; margin: 20px 0 0 } @media (max-width:992px) { .post-review .progress { margin: 0 } } .post-review .summary-review { background: #fafafa; padding: 30px } .post-review .summary-review h5, .post-review .summary-review h6, .post-review .summary-review p { color: #212121; margin: 0 } .post-review .summary-review .text-summary { display: table-cell; padding-right: 20px } .post-review .summary-review .text-summary h5 { font-size: 16px; margin-bottom: 7px; text-transform: uppercase } .post-review .summary-review .final-rate { background: #f1f1f1; display: table-cell; height: 100px; text-align: center; vertical-align: middle; width: 100px } .post-review .summary-review .final-rate h5 { color: #232323; font-size: 18px; font-weight: 600; margin-bottom: 4px } .progress-bar { position: relative; width: 100%; background-color: transparent } .progress-bar>span { display: block; height: 100%; width: 0 } .blog-post .post-excerpt iframe { margin-bottom: 30px; width: 100% } .box { color: #666; margin: 0 0 30px; text-align: center; width: 100% } .box img { margin-bottom: 10px; position: relative } .box h4, .comparison-box span { color: #232323; font-size: 18px; font-weight: 500 } .box strong { color: #999; display: block; font-size: 14px; padding: 0 0 10px } .car-inspection ul { margin-bottom: 30px; overflow: hidden; position: relative } .car-inspection ul li i { color: #0ebf00; margin-right: 5px } .advance-search { box-shadow: 0 3px 5px rgba(0, 0, 0, .07); margin-top: -41px; position: relative; z-index: 99 } .comparison-box, .comparison-box:hover { box-shadow: 0 2px 4px rgba(221, 221, 221, .75) } .section-search .nav-tabs { border-bottom: 0 } .section-search .nav-tabs .nav-link.activelink { padding: 10px 14px; width: auto } .search-style-2 .search-form { padding: 33px 0 23px; width: 100% } .hero .search-style-2 .search-form, .hero .section-search .nav-tabs .nav-item.active a { background: rgba(255, 255, 255, .8); color: #232323 } .hero .search-style-2 .tab-content .search-form .by-body-type { width: 104px } .hero .section-search .nav-tabs .nav-item.active a { border-top: 3px solid #d91a29 } .hero .search-style-2 .search-form { padding: 20px 15px } .search-style-2 .search-form-inner { margin-left: -3px; margin-right: -3px; width: calc(100% - 170px) } .search-style-2 .search-form-inner .form-group { padding-left: 5px; padding-right: 5px } .section-search .nav-tabs .nav-item { margin-bottom: 0; margin-right: 7px } .section-search .nav-tabs .nav-link { border: 0; border-radius: 0; font-size: 14px; font-weight: 600; padding: 11px 48px; text-align: center; text-transform: uppercase; color: #232323 } .search-style-2.section-search .nav-tabs .nav-link { background-color: rgba(255, 255, 255, .8); color: #232323; border-width: 0 } .hero .search-style-2.section-search .nav-tabs .nav-link { background: rgba(0, 0, 0, .2); color: #fff } .search-style-2 .tab-content .search-form .btn.extra-top { margin-top: 55px } .search-style-2 .tab-content .search-form .by-body-type { width: 160px } .search-style-2 .tab-content .search-form .select2-container--default .select2-selection--single { height: 52px } .recent-tab { margin: 0 auto 40px; text-align: center } .recent-tab ul.nav-tabs { background: #fff; border-radius: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, .2); display: inline-block; margin: 0 auto } .recent-tab .nav.nav-tabs a { background: rgba(0, 0, 0, 0); border: none; border-radius: 30px; color: #222; font-size: 15px; line-height: 26px; margin: 0 auto; padding: 6px 32px; position: relative } .recent-tab .nav.nav-tabs li.active a { border: none; color: #fff } .recent-tab ul.nav.nav-tabs li.active a { background: red } .featured-slider-single.container .owl-stage-outer, .featured-slider.container .owl-stage-outer { overflow: visible } .featured-slider .owl-item, .featured-slider-single .owl-item { opacity: .3; position: relative } .featured-slider .owl-item.active, .featured-slider-single .owl-item.active { opacity: 1; position: relative } .sell-box-grid a { color: #323232; display: block; font-size: 22px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase } .sell-box-grid .short-info { padding-bottom: 30px; padding-left: 80px } .sell-box-grid p { padding-right: 150px } .sell-box-grid img { margin-bottom: -50px; padding: 0 40px; position: relative; z-index: 77 } .sell-box { background: -moz-linear-gradient(to right, #f6f6f6 0, #f6f6f6 50%, #f0f2f5 50%, #f0f2f5 100%); background: -webkit-linear-gradient(to right, #f6f6f6 0, #f6f6f6 50%, #f0f2f5 50%, #f0f2f5 100%); background: -webkit-gradient(linear, 100% 0, 0 0, from(#f6f6f6), color-stop(.5, #f6f6f6), color-stop(.5, #f0f2f5), to(#f0f2f5)); background: -o-linear-gradient(to right, #f6f6f6 0, #f6f6f6 50%, #f0f2f5 50%, #f0f2f5 100%); background: linear-gradient(to right, #f6f6f6 0, #f6f6f6 50%, #f0f2f5 50%, #f0f2f5 100%) } .sell-points ul li { font-size: 18px; margin: 0; padding: 0 0 10px; color: #666; text-transform: capitalize } .sell-points ul li i { color: #232323; margin-right: 5px } .section-container-left { position: relative; padding: 140px 0 } .section-container-right { position: relative; padding: 140px 0 0 70px } .section-container-left h1, .section-container-right h1 { color: #fff; font-size: 36px; position: relative } .section-container-left p, .section-container-right p { margin-top: 20px; margin-bottom: 35px; padding: 0 70px 0 0; color: #fff } .buysell-section { position: relative; clear: both; overflow: hidden } .absolute-img1 img, .vsbox { position: absolute; right: 0 } .buysell-section .stats p { font-size: 20px; margin-top: 0 } .absolute-img1 img { bottom: 0 } .vsbox { background: #919191; border-radius: 50%; color: #fff; height: 35px; left: 0; line-height: 35px; margin: 0 auto; top: 36%; width: 35px; z-index: 5 } .comparison-box strong a { color: #232323; font-size: 18px } .comparison-box h2, .comparison-box h2 a { color: #232323; font-size: 16px; font-weight: 500 } .comparison-box { margin-bottom: 30px; padding: 25px 20px; position: relative; transition: .3s ease-in-out; overflow: hidden; background-color: #fff } .services-grid, .services-grid-3 { transition: .3s; margin-bottom: 30px } .comparison-box .rating i { color: #ffc513 } .socail-icons ul li { display: inline-block; margin-bottom: 10px; margin-right: 3px } .footer-top .widget.socail-icons ul li a, .socail-icons ul li a { background-color: #000; border-radius: 100%; display: inline-block; height: 28px; margin-right: 8px; padding: 0; text-align: center; width: 28px } .footer-top .widget.socail-icons li a i, .socail-icons li a i { font-size: 12px; color: #fff } .footer-top .widget.socail-icons li a.Facebook, .socail-icons li a.Facebook { background-color: #2b4a8b } .footer-top .widget.socail-icons li a.Twitter, .socail-icons li a.Twitter { background-color: #1f94d9 } .footer-top .widget.socail-icons li a.Linkedin, .socail-icons li a.Linkedin { background-color: #10598c } .footer-top .widget.socail-icons li a.Google, .socail-icons li a.Google { background-color: #d83936 } .footer-top .widget.socail-icons li a.Vimeo, .socail-icons li a.Vimeo { background-color: #1ab7ea } .footer-top .widget.socail-icons li a.Pinterest, .socail-icons li a.Pinterest { background-color: #cd201f } .footer-top .widget.socail-icons li a.Tumblr, .socail-icons li a.Tumblr { background-color: #2c4762 } .footer-top .widget.socail-icons li a.Instagram, .socail-icons li a.Instagram { background-color: #3f729b } .footer-top .widget.socail-icons li a.Reddit, .socail-icons li a.Reddit { background-color: #eff7ff } .footer-top .widget.socail-icons li a.Flickr, .socail-icons li a.Flickr { background-color: #ff0084 } .footer-top .widget.socail-icons li a.StumbleUpon, .socail-icons li a.StumbleUpon { background-color: #ff7257 } .footer-top .widget.socail-icons li a.behance, .socail-icons li a.behance { background-color: #1e6fed } .footer-top .widget.socail-icons li a.DeviantART, .socail-icons li a.DeviantART { background-color: #05cc47 } .compare-detial .accordion li .accordion-content table tr td .fa-times { color: red } .compare-detial .accordion li .accordion-content table tr td .fa-check { color: green } .compare-detial table tr td h4 { font-size: 18px; font-weight: 500 } .compare-detial table tr td ul li a { display: inline-block; height: 20px; margin-right: 10px; width: 20px } .light-blue { background: #2196f3; color: #2196f3 } .orange { background: #ff9800; color: #ff9800 } .blueviolet { background: #673ab7; color: #673ab7 } .orange-dark { background: #ff5722; color: #ff5722 } .steelblue { background: #607d8b; color: #607d8b } .red-light { background: #fd4339 } .cyan-dark { background: #00bcd4 } .compare-detial tr td:first-child { width: 350px; background: #f2f2f2; text-align: center; font-weight: 600 } .compare-detial tr td { box-sizing: border-box; color: rgba(0, 0, 0, .8); font-size: 18px; padding: 19px 15px; text-align: center; width: 395px } .compare-detial tr { border: 1px solid #ddd } .owl-testimonial-2 .single_testimonial { background-color: #fff; box-shadow: 0 0 6px -3px rgba(0, 0, 0, .9); margin-left: 15px; margin-right: 15px; padding: 20px } .owl-testimonial-1 .single_testimonial { background-color: #fff; margin-left: 15px; margin-right: 15px; padding: 20px; border: 1px solid #f1f1f1 } .gray .services-grid, .search-modal .form-control { background-color: transparent } .owl-testimonial-1 .single_testimonial h4, .parallex .owl-testimonial-2 .single_testimonial h4 { color: #232323; margin-bottom: 10px } .owl-testimonial-1 .single_testimonial h4, .owl-testimonial-2 .single_testimonial h4 { font-size: 18px; font-weight: 600; margin-top: 0; text-transform: uppercase } .owl-testimonial-1 .single_testimonial i, .owl-testimonial-2 .single_testimonial i { color: #ffc207; margin-bottom: 20px; margin-top: 5px } .owl-testimonial-1 .single_testimonial img, .owl-testimonial-2 .single_testimonial img { border-radius: 50px; float: left; height: 90px; margin: auto 15px auto auto; width: 90px } .owl-testimonial-1 .single_testimonial h3, .owl-testimonial-2 .single_testimonial h3 { font-size: 16px; margin: 0; text-transform: capitalize } .owl-testimonial-1 .single_testimonial .testimonial-meta-box .testimonial-meta p, .owl-testimonial-2 .single_testimonial .testimonial-meta-box .testimonial-meta p { line-height: 24px; margin-bottom: 0 } .owl-testimonial-1 .single_testimonial .textimonial-content, .owl-testimonial-2 .single_testimonial .textimonial-content { margin-bottom: 10px; overflow: hidden; position: relative } .owl-testimonial-2 .single_testimonial .testimonial-meta-box::after { color: #202c45; content: ""; font-family: fontawesome; font-size: 32px; opacity: .2; position: absolute; right: 5px; top: 5px } .owl-testimonial-1 .single_testimonial::after { border-bottom: 50px solid #eee; border-right: 50px solid #fff; box-shadow: -8px 3px 9px -2px rgba(0, 0, 0, .1); content: ""; height: 0; left: auto; opacity: 1; position: absolute; right: 15px; top: 0; width: 0; z-index: 9 } .icon-search { position: absolute; top: 10px; left: 14px; font-size: 34px; color: #ccc } .search-modal .modal-body { position: relative; padding-top: 0 } .search-modal .form-control { border: none; padding-left: 40px } .search-modal .search-block .popular-search { padding-top: 15px } .absolute-img { bottom: 0; position: absolute; top: 220px } .choose-title h2 { color: #323232; font-size: 24px; font-weight: 700; line-height: 1.4em; text-transform: uppercase; margin-bottom: 15px } .choose-box:hover .iconbox i, .choose-box:hover h4 { color: #016db6; cursor: pointer } .choose-box-content h4, .services-grid h4 { color: #323232; font-size: 20px; font-weight: 500; margin-bottom: 10px; margin-top: 0; text-transform: capitalize } .our-services .left-column { color: #fff; padding-top: 90px; position: relative; z-index: 1 } .our-services .left-column .inner-box { padding-right: 55px; position: relative } .our-services .left-column h2 { font-size: 46px; font-weight: 700; margin-bottom: 10px } .our-services .service-column { position: relative; z-index: 1 } .our-services .service-column .inner-box { background: #fff; border-radius: 3px; margin-left: -50px; padding: 40px 40px 15px; position: relative } .about-title h2 { color: #323232; font-size: 26px; font-weight: 700; line-height: 1.4em; text-transform: uppercase; padding-bottom: 20px } .about-title h2::after, .about-us .title h3::after { background-color: #242424; bottom: 0; content: ""; height: 1px; left: 0; margin: 0; position: absolute; right: 0; width: 59px } .about-title h2::before, .about-us .title h3::before { background-color: #242424; bottom: 6px; height: 1px; position: absolute; width: 99px; right: 0; left: 0; content: "" } .about-us .title h3::before { margin: 0 } .about-us .content p.service-summary { font-size: 24px; font-weight: 300; margin-bottom: 10px } .about-title h2::before { margin: 0 } .about-title h3 { color: #323232; font-size: 18px; font-style: italic; margin-bottom: 18px } .custom-links a { color: #232323; display: block; font-family: Inter, sans-serif; font-size: 16px; line-height: 20px; margin-bottom: 20px; padding-left: 26px; position: relative; font-weight: 500 } .custom-links a::before { content: ""; display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: 400; left: 0; line-height: 1; position: absolute; top: 0 } .custom-img { position: absolute; right: 0; bottom: -60px; z-index: 99 } .right-side h5 { color: #262626; font-size: 20px; line-height: 30px; margin-bottom: 25px } .right-side img { bottom: -180px; position: absolute; right: -208px } .services-grid-3 { position: relative } .services-grid-3 .service-icon { display: block; font-size: 50px; right: 0; top: 18px; position: absolute } .services-grid-3 .content-area .service-icon i { color: #ccc } .content-area h4 { font-size: 20px; margin-btoom: 10px; color: #232323; font-weight: 500 } .services-grid { background-color: #fff; position: relative } .services-center .services-grid .icons.icon-right { float: right; margin-left: 5px; position: relative; clear: both } .services-center .services-grid .icons.icon-left { float: left; margin-right: 20px } .services-grid .icons i { background: #fbfbfb; border-radius: 100px; color: #000; display: block; font-size: 42px; height: 90px; line-height: 90px; position: relative; text-align: center; width: 90px; box-shadow: 0 10px 10px rgba(0, 0, 0, .1); margin-bottom: 30px } footer.footer-bg { padding-bottom: 110px; position: relative; border-top: 1px dashed #ddd; background: url("../images/footer-banner.png") center bottom repeat-x rgba(0, 0, 0, 0) } .footer-bg .copyrights, .footer-bg .footer-top { background-color: transparent; border-top: none } .footer-bg .footer-top { padding: 70px 0 10px } .footer-bg .copyrights .copyright-content { border-top: 1px solid #ccc; position: relative } .footer-top { background-color: #202020; padding: 70px 0 30px } .footer-top .widget h5 { font-size: 18px; display: block; margin: 0 0 18px; color: #232323; font-weight: 500 } .footer-top .widget ul li { display: inline-block; margin: 0 4px 4px 0 } .footer-top .widgettext address { font-style: normal; line-height: 30px } .footer-top .widgettext address span { color: #333; font-size: 15px; line-height: 24px } .footer-top .widget.socail-icons ul li { display: block; margin-right: 3px; margin-bottom: 10px } .footer-top .widget.my-quicklinks ul li { display: block; margin-bottom: 10px; margin-right: 3px } .footer-top .widget-newsletter .fieldset form input[type=text] { background-color: #f5f5f5; border: none; color: #999; font-size: 12px; height: 48px; padding: 0 15px; width: 100% } .widget-newsletter .fieldset P { line-height: 27.8px; margin-bottom: 20px } .widget-newsletter .fieldset form .submit-btn { border: none; color: #fff; display: block; height: 48px; padding: 0 18px; position: absolute; right: 0; text-transform: uppercase; top: 0 } .widget-newsletter .fieldset.has-border { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #f8f8f8 #f1f1f1 #f1f1f1; border-image: none; border-style: solid; border-width: 2px 1px 1px; padding: 15px 15px 20px } .copyright p { margin: 20px 0 0 } .footer-area p { line-height: 1.8em; margin-bottom: 20px; font-size: 14px } .footer-area .footer-content { padding: 70px 0 30px; position: relative; z-index: 1 } .footer-area .footer-content .column { margin-bottom: 30px; position: relative } .footer-content .column h2 { color: #fff; font-size: 24px; font-weight: 600; letter-spacing: 1px; line-height: 1.4em; margin-bottom: 30px; position: relative; text-transform: uppercase } .footer-content .column .heading-panel h3 { color: #fff; font-size: 24px; font-weight: 600; line-height: 60px; margin: 0; text-transform: capitalize } .footer-area .footer-content a { transition: .3s } .footer-content .links-widget li { margin-bottom: 15px; position: relative } .footer-content .links-widget li a { color: #c9c9c9; display: block; font-size: 14px; line-height: 24px; position: relative } .footer-area .social-links a { background: rgba(0, 0, 0, 0); border: 1px solid rgba(255, 255, 255, .2); border-radius: 50%; display: inline-block; font-size: 15px; height: 32px; line-height: 30px; margin-right: 10px; position: relative; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; width: 32px } .footer-area .social-links a:hover { background: #fff; color: #fff } .footer-area .contact-info { margin-bottom: 20px; position: relative } .footer-area .contact-info li { line-height: 30px; margin: 0 0 7px; padding-left: 30px; position: relative } .footer-area .contact-info li .icon { font-size: 16px; left: 0; line-height: 30px; position: absolute; top: 0 } .footer-content .column h2:hover { color: #f58936; cursor: pointer } .social-links-two a { border: 1px solid #bcbcbc; border-radius: 50%; color: #bcbcbc; display: block; float: left; font-size: 12px; height: 28px; line-height: 26px; margin-right: 8px; position: relative; text-align: center; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; width: 28px } .blog-news-section .social-links-two a { background: #545454; border: none; color: #fff; font-size: 13px; height: 32px; line-height: 32px; width: 32px } .social-links-two.alt a { border: 1px solid #ccc; color: #ccc; font-size: 12px } .social-links-two a:hover { background: #f58936; color: #fff !important } .detail-button-group .btn { padding: 20px 15px; border: none; font-size: 20px; text-transform: capitalize } .btn-glyphicon { float: right; padding: 8px; background: #fff; margin-left: 4px } .icon-btn { width: 100%; line-height: 2em } .detial-buttons { background: #f7f7f7; border: 1px solid #e0e0e0; margin-bottom: 30px; overflow: hidden } .cat-title { background-color: #222; display: block; margin: 0; padding: 0 20px; position: relative; text-transform: capitalize } .cat-title h3, .singleprice-tag { color: #fff; display: inline-block } .cat-title h3 { font-size: 18px; font-weight: 600; line-height: 55px; position: relative } .cat-count { background: #fff; padding: 15px; position: absolute; right: 16px; top: 1px } .category-list-icon { background: #fff; overflow: hidden; position: relative; width: 100%; margin-bottom: 5px } .category-list-icon i { color: #fff; float: left; font-size: 40px; padding: 20px; text-align: center } .category-list-icon i.green { background-color: #5cb85c } .category-list-icon i.purple { background-color: #785edd } .category-list-title { overflow: hidden; padding: 19px 0 0 15px; position: relative; text-align: left } .category-list-title h5>a { color: #232323; display: block; font-size: 20px; font-weight: 600; text-transform: capitalize } .category-list-title h5 { font-family: "Inter", sans-serif } .singleprice-tag::before { border-bottom: 30px solid transparent; border-right: 30px solid #bf1919; border-top: 30px solid transparent; content: ""; height: 0; left: -29px; position: absolute; top: 0; width: 0 } .singleprice-tag::after { background-color: #cecece; border-radius: 2.5px; box-shadow: -1px 1px 0 #8e8e8e inset; content: ""; height: 5px; left: 88%; position: absolute; top: 10%; width: 5px } .singleprice-tag { background-color: #bf1919; border-bottom-right-radius: 2px; border-top-right-radius: 2px; float: right; font-size: 32px; font-weight: 700; height: 60px; line-height: 60px; padding: 0 30px; position: relative; text-indent: -6px; text-shadow: 1px 1px 1px #921313; transform-origin: 88% 10% 0 } .singleprice-tag span { font-size: 10px; margin-left: 5px } .no-bottom { padding-bottom: 0 } .pricing-area { clear: both; overflow: hidden } .heading-zone { padding: 0 0 30px } .heading-zone h1 { color: #232323; font-size: 26px; font-weight: 600 }