📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
rentacarv1.demodesign.com.tr
/
css
📝
style.css
← Geri Dön
/* Template: Carspot Car Dealership And Car Services Author: ScriptsBundle Version: 1.0 Designed and Development by: ScriptsBundle */ /* ==================================== [ CSS TABLE CONTENT ] ------------------------------------ 1.0 - General Style 2.0 - Helper Classes 3.0 - Typography 4.0 - Pre Loader 5.0 - Style Switcher 6.0 - Heading Styles 7.0 - Top Bar 8.0 - Main Header 9.0 - Home With Main Search 10.0 - Home With Background Rotator Slider 11.0 - Grid Listing 1 12.0 - Grid Listing 2 13.0 - Listing View 1 14.0 - Listing View 2 15.0 - Single Ad Details 16.0 - Listing Sidebar & Blog Sidebar 17.0 - Single Blog Post 18.0 - Featured Sliders 19.0 - Featured Sliders 2 20.0 - Price Range Slider 21.0 - Breadcrumbs 22.0 - Carousel Slider 23.0 - Parallex Overlays 24.0 - Template Common Styling 25.0 - Bootstrap Clearfix 26.0 - Backgrounds 27.0 - Login & Register Page 28.0 - Ads Tabs 29.0 - Site Map 30.0 - Comming Soon 31.0 - 404 Page 32.0 - Post Ad 33.0 - Search Layout 34.0 - Theme Buttons & Panels 35.0 - Page Components 36.0 - Scroll Back To Top 37.0 - Sticky Post Ad Button 38.0 - Happy Clients 39.0 - Funfacts 40.0 - App Download Section 2 41.0 - App Download Section 3 42.0 - Overview Modal 43.0 - Modal Popup 44.0 - How It Works 45.0 - Pagination 46.0 - Profile & Dashboard 47.0 - Message Panel 48.0 - Pricing 49.0 - Listing Filter 50.0 - Review & Comparison 51.0 - Car By Body Type 52.0 - Car Inspection 53.0 - Advanced Search 54.0 - Tabs Section 55.0 - Featured Slider 56.0 - Sell or Buy 57.0 - Comparison 58.0 - User Testimonials 59.0 - Search Modal 60.0 - Why Choose Us 61.0 - About Us 62.0 - Services 63.0 - Footer ------------------------------------- [ END CSS TABLE CONTENT ] ===================================== */ /* =-=-=-=-=-=-= General Styling =-=-=-=-=-=-= */ html, body { height: 100%; width: 100%; } body { font-family: 'Source Sans Pro', sans-serif; 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: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; cursor: pointer; } a:hover, a:focus { text-decoration: none; o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } img { max-width: 100%; } a, b, div, ul, li { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -moz-outline-: none; } ul { list-style: none; padding: 0; margin: 0; } video, object { min-height: 100%; min-width: 100%; } b, strong { font-weight: 600; } /* =-=-=-=-=-=-= Helper Classes =-=-=-=-=-=-= */ .load-more-btn { margin-top: 20px; } .no-padding { padding: 0; } .no-margin { margin: 0; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-top-10 { margin-top: 10px; } .margin-top-20 { margin-top: 20px; } .margin-top-30 { margin-top: 30px; } .margin-top-40 { margin-top: 40px; } .margin-top-50 { margin-top: 50px; } .container.full-width { width: 100%!important; } .section-padding { padding: 90px 0; } .section-padding-140 { padding: 140px 0; } .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; } .no-top { 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-20 { padding-bottom: 20px; } .padding-bottom-30 { padding-bottom: 30px; } .padding-bottom-40 { padding-bottom: 40px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-bottom-70 { padding-bottom: 70px; } .padding-bottom-80 { padding-bottom: 80px; } .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-40 { padding-bottom: 40px; } .padding-bottom-20 { padding-bottom: 40px; } .custom-padding { padding: 90px 0 60px 0; } .custom-padding.no-top { padding: 0 0 60px 0; } .custom-padding-2 { padding: 90px 0 110px 0; } .gray { background-color: #f6f6f6; } .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: bold; letter-spacing: 0.12em; line-height: 17px; padding: 3px 10px; } .no-right { padding-right: 0; } .no-left { padding-left: 0; } iframe { width:100%; } /* =-=-=-=-=-=-= Typography =-=-=-=-=-=-= */ h1, h2, h3, h4, h5, h6 { position: relative; font-family: 'Poppins', sans-serif; font-weight: normal; margin: 0px; background: none; line-height: 1.6em; } h1 { font-size: 36px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; line-height: 1.6; } h6 { font-size: 12px; } p { line-height: 1.6em; font-size: 16px; } .btn { font-size: 14px; letter-spacing: 1px; padding: 10px 15px; border-radius: 1px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; font-weight: 600; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; } .form-control { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 1px; box-shadow: none; color: #555; font-size: 14px; height: auto; padding: 15px 12px; transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s; } ul { margin-left: 0; } .btn-lg { padding: 12px 52px; letter-spacing: 1.3px; } .btn-md { 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; } .btn-rounded { border-radius: 4px; } /* =-=-=-=-=-=-= Preloader =-=-=-=-=-=-= */ .preloader { background-color: #ffffff; background-image: url("../images/sb-loader.gif"); background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%; left: 0; position: fixed; top: 0; z-index: 999999; overflow: hidden !important; } /* =-=-=-=-=-=-= Color Switcher =-=-=-=-=-=-= */ .color-switcher { width: 234px; position: fixed; left: -235px; top: 10%; background: #fff; z-index: 9999; padding: 15px 0 5px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; 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: none } .color-switcher ul li a.defualt { background: var(--renk); } .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: no-repeat center 5px #fff } .picker_close i { font-size: 22px; margin-top: 9px } .position { left: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease } /* =-=-=-=-=-=-= Heading Styles =-=-=-=-=-=-= */ .heading-panel, .heading-panel-2 { margin-bottom: 30px; overflow: hidden; } .heading-panel .left-side h1::before { margin: 0; } .heading-panel .left-side h1::after { margin: 0; } .heading-panel .left-side .heading-text { width: 100%; } .heading-panel h3.main-title { display: inline-block; } .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: normal; } .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 { background-color: #242424; bottom: 6px; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 99px; } .heading-panel h1::after { background-color: #242424; bottom: 0; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 59px; } .heading-text { display: inline-block; line-height: 26px; width: 55%; margin-top: 20px; } /* =-=-=-=-=-=-= Header Top Bar =-=-=-=-=-=-= */ .header-top:after { content: ''; display: block; clear: both; } .colored-header:after { content: ''; display: block; clear: both; } .primary-header:after, .primary-header-1:after { content: ''; display: block; clear: both; } .header-top.dark { background: #202020; } .header-right { padding: 0; } .header-top ul { 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; font-size: 14px; position: relative; } .header-top ul li a:hover { color: #fff; } .header-top ul.listnone li a.btn { text-transform: uppercase; } .header-top ul.listnone li a.btn:hover { color: #fff !important; } .header-top ul li i { margin-right: 5px; font-size: 14px; } .header-top ul li ul.dropdown-menu li { display: block; border-left: medium none; padding-left: 0; } .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 { color: #fff; } .header-top-left p a:hover { color: #fff; } .header-top-left p+ p { margin-left: 25px; } .header-top-left p i { font-size: 14px; line-height: 49px; margin-right: 10px; } .header-top ul.dropdown-menu li:first-child { padding-right: 0; } .header-top .dropdown-menu li:last-child { border-bottom: medium none; } .header-top ul li ul.dropdown-menu li { border-left: medium 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; text-transform: uppercase; } .header-top .dropdown-menu> li> a:hover, .header-top .dropdown-menu> li> a:focus { background: transparent; } .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; } /* =-=-=-=-=-=-= Main Header =-=-=-=-=-=-= */ .ms-overlay-layers::before { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; 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 { margin-right: 10px; } #search-section { background: #363c48 none repeat scroll 0 0; 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 none repeat scroll 0 0; padding: 30px 0; position: relative; } .primary-header #menu-1 .menu-list-items .custom-menu .menu-logo li a img { display: none; } .primary-header .mega-menu section.menu-list-items { background: #2d343d; padding: 10px 0; } .primary-header .mega-menu .menu-links> li> a { color: #fff; } .primary-header .mega-menu .menu-links li:first-child a { padding-left: 0; } .primary-header .mega-menu .drop-down-multilevel li:first-child a { 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, 0.2); border: medium none; } .search-bar { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.07); position: relative; z-index: 99; } .search-bar .search-form .btn-lg { letter-spacing: 1.3px; padding: 17px 30px; } .search-bar .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; } .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: #999999; float: right; line-height: 25px; margin-left: 10px; } .contact-in-header strong { font-size: 20px; } .mega-menu .menu-list-items ul.menu-links li.pull-right { 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; } .mega-menu .drop-down ul.by-category li a img { margin-bottom:5px; } .mega-menu .drop-down ul.by-category li a { text-align:center; } /* =-=-=-=-=-=-= Home With Main Search =-=-=-=-=-=-= */ .main-search { background: rgba(0, 0, 0, 0) url("../images/6.jpg") no-repeat scroll center center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; height: 550px; } .main-search.home2 { background: rgba(0, 0, 0, 0) url("../images/banner-10.jpg") no-repeat scroll center center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; height: auto; } .main-search.home2 .main-search-title { margin: 150px 0 0; overflow: hidden; position: relative; } .main-search.home { background: rgba(0, 0, 0, 0) url("../images/banner-10.jpg") no-repeat scroll center center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 500px; } .main-search.home .main-search-title { margin: 150px 0 0; overflow: hidden; position: relative; } .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; } .main-search .body-type .main-search-title h1 { color: #232323; } .main-search .main-search-title h1 { color: #fff; font-size: 36px; margin-top: 0; margin-bottom: 10px; } .search-section { height: auto; outline: medium none; padding: 0; position: relative; width: 100%; z-index: 5; } .search-section .search-options> li { float: left; list-style: outside none 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, 0.25); padding: 24px 25px; } /* =-=-=-=-=-=-= Home With Static Banner =-=-=-=-=-=-= */ #banner { background: url("../images/banner-5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 480px; position: relative; width: 100%; } #banner::before { background-color: rgba(34, 34, 34, 0.6); content: ""; display: inline-block; 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: #fff url("../images/search.png") no-repeat scroll 97% 20px / 21px 21px; } .search-container .col-md-4 .form-group input:focus, .search-container .col-md-4 .form-group .input.form-control:focus { border: 1px solid #ccc; box-shadow: none; outline: none; } .search-container button { background-color: #505050; border: medium none; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 16px; height: 69px; position: relative; text-align: center; width: 100%; } .search-container button::before { background-color: rgba(0, 0, 0, 0.1); content: ""; display: inline-block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; width: 100%; z-index: 99; } .search-container button:hover::before { opacity: 1; } .search-container button i { position: relative; z-index: 100; } /* =-=-=-=-=-=-= Home With Map =-=-=-=-=-=-= */ #map { height: 590px; width: 100%; margin: 0; position: relative; } #google-map-btn a { background-color: #fff; border-radius: 3px; box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2); box-sizing: border-box; color: #333; display: inline-block; padding: 9px 16px 8px; transition: all 0.2s ease-in-out 0s; } #google-map-btn a:hover { color:#fff; } #google-map-btn { bottom: 50px; display: inline-block; font-size: 16px; list-style: outside none none; padding: 0; position: relative; float: right; margin-right: 20px; transform: translate(0px, 0px); 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; } #prevpoint::before, #nextpoint::after { font-family: "FontAwesome"; font-size: 16px; font-weight: 500; line-height: 1px; margin: 0 0 0 6px; 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 { background-color: #fff; color: #333; cursor: pointer; border-radius: 3px; margin: 5px 15px; transition: color 0.3s, background-color 0.3s; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.2); text-align: center; font-size: 15px; height: 32px; width: 32px; } .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 0.3s; -webkit-text-stroke: 1px #fff; } .custom-zoom-in:before { content: "\f067"; } .custom-zoom-out:before { content: "\f068"; } .custom-zoom-in:hover:before, .custom-zoom-out:hover:before { -webkit-text-stroke: 1px #66676b; } .cluster img { display: none } .cluster { width: 36px!important; height: 36px!important; } .cluster div { text-align: center; font-size: 15px!important; color: #fff!important; font-weight: 500; border-radius: 50%; width: 36px!important; height: 36px!important; line-height: 36px!important; } .cluster div:before { opacity: 0.2; content: ''; position: absolute; border-radius: 50%; top: 0; left: 0; width: 100%; height: 100%; animation: cluster-animation 2.5s infinite; } @keyframes cluster-animation { 0%, 100% { transform: scale(1.3) rotate(0deg) } 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; background-color: #fff; color: #333; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: "FontAwesome"; border-radius: 3px; -webkit-text-stroke: 1px #fff; } .infoBox-close:hover { color: #fff; background-color: #66676b; -webkit-text-stroke: 1px #66676b; } .infoBox { -webkit-animation: fadeIn 0.9s; animation: fadeIn 0.9s; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .infoBox:after { content: ""; position: absolute; bottom: 0px; left: 40px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; } /* =-=-=-=-=-=-= Home With Background Rotator Slider =-=-=-=-=-=-= */ .background-rotator-slider .item img { display: block; width: 100%; height: auto; } .background-rotator { background: #eee none repeat scroll 0 0; position: relative; overflow: hidden; } .linear-overlay img, .slider-shade img { position: relative; z-index: -1; } .background-rotator .owl-carousel .owl-item { height: 100%; width: 100%; } .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; } .background-rotator .heading-caption p { font-size: 24px; } .background-rotator .search-form { background-color: rgba(0, 0, 0, 0.6); padding: 30px; } .background-rotator .heading-caption p strong { color: #fff; } .background-rotator .search-form .btn { padding: 16px 15px; } .background-rotator .search-form .btn i { margin-left: 10px; } /* =-=-=-=-=-=-= Grid Listing 1 =-=-=-=-=-=-= */ .category-grid-box-1 { background: #fff none repeat scroll 0 0; box-shadow: 0 2px 5px -1px rgba(0, 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-1 .category-title { color: #a0a0a0; font-size: 14px; } .category-grid-box-1 .category-title a { color: #a0a0a0; } .category-title a { color: #a0a0a0; font-size: 14px; } .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, 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: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .category-grid-box-1 a h4:hover { color: #3c92ca; } .category-grid-box-1 .short-description-1 { padding: 15px 15px 15px 15px; background: #fff none repeat scroll 0 0; } .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 none repeat scroll 0 0; 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 h3 { color: #232323; font-size: 18px; margin-bottom: 4px; text-transform: capitalize; } .white.category-grid-box-1 h3 a { color: #232323; } .white.category-grid-box-1 .ad-info-1 { border-top: 1px solid #e9e6e0; background: #fcfbf9 none repeat scroll 0 0; } .grid-style-1 .white.category-grid-box-1 .short-description-1 { border-top: 1px solid var(--renk); } .grid-style-1 .white.category-grid-box-1 .short-description-1 .ad-price { margin-bottom: 0; } .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; } .grid-style-1 .white.category-grid-box-1 .short-description-1 .btn i { padding-right: 5px; } .location { color: #a0a0a0; font-size: 16px; margin-bottom: 20px; } .location i { padding-right: 5px; } .category-grid-box-1 .price-tag { bottom: 3px; position: absolute; right: 0; } .category-grid-box-1 .image { overflow: hidden; position: relative; } .category-grid-box-1 .image img { width: 100%; position: relative; } .special-label-small { width: 249px; } .special-label { background: #df1d1d none repeat scroll 0 0; } .special-label { text-align: center; color: #fff; height: 49px; left: -81px; line-height: 49px; position: absolute; text-transform: uppercase; top: 27px; -ms-transform: rotate(-45deg) translateZ(0px); -webkit-transform: rotate(-45deg) translateZ(0px); transform: rotate(-45deg) translateZ(0px); transform-origin: 50% 50% 0; z-index: 10; font-size: 14px; } .special-label-small { height: 32px; line-height: 32px; top: 20px; } .ad-info-1 { background: #fff none repeat scroll 0 0; padding: 8px 18px 10px; overflow: hidden; width: 100%; border-top: 1px solid #f1f1f1; } .ad-info-1 .skin-minimal .list li label { color: #888888; margin-bottom: 0; vertical-align: middle; } .ad-info-1 ul { list-style: outside none none; margin: 0; padding: 0; } .ad-info-1 ul li { color: #888888; 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: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .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; } .short-description-1 .location { margin-bottom: 10px; } .ad-price { font-size: 22px; font-weight: 600; float: left; margin-bottom: 10px; color: #232323; } .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, .grid-style-2 .ad-info-1 ul li { padding: 0; } .grid-style-2 .ad-info-1 ul li { text-align: center; } .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 { margin-right: 0; } /* =-=-=-=-=-=-= Grid Listing 2 =-=-=-=-=-=-= */ .white.category-grid-box { background: #fff; } .category-grid-box { float: left; margin-bottom: 30px; 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: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .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: bold; 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; } .category-grid-box .category-grid-img::before { background: #000000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -ms-transform: scale(0.9); /* IE 9 */ -webkit-transform: scale(0.9); /* Chrome, Safari, Opera */ transform: scale(0.9); width: 100%; } .category-grid-box:hover .category-grid-img::before { opacity: 0.7; -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Chrome, Safari, Opera */ transform: scale(1); } .category-grid-box .user-preview { position: absolute; right: 15px; top: 20px; } .category-grid-box .user-preview img { border-radius: 50%; box-shadow: 0 1px 1px rgba(0, 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); /* IE 9 */ -webkit-transform: scale(1); /* Chrome, Safari, Opera */ 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; } .category-grid-box:hover .additional-information { display: block; } .category-grid-box .short-description { padding: 20px 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; } .category-grid-box .short-description .btn { padding: 3px 10px; } .category-grid-box .short-description .btn i { margin-right: 5px; } .category-grid-box .short-description h3 a { color: #232323; } .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 .short-description .category-title { color: #a0a0a0; font-size: 14px; } .category-grid-box .category-title a { color: #a0a0a0; } .category-grid-box .ad-info { border-top: 1px solid #eeeeee; overflow: hidden; position: relative; } .category-grid-box .ad-info ul { list-style: outside none 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: #888888; 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; } /* =-=-=-=-=-=-= Listing View 1 =-=-=-=-=-=-= */ .well { background-color: #fff; border: 1px solid #eaedef; border-radius: 2px; overflow: hidden; margin-bottom: 30px; box-shadow: none; } .ad-listing { margin-bottom: 30px; padding: 0; position: relative; } .ad-listing .col-md-3.grid-style { padding-left: 0; } .ad-listing .img-box { overflow: hidden; position: relative; width: 100%; } .ad-listing .img-box::before { background: #000000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -ms-transform: scale(0.9); /* IE 9 */ -webkit-transform: scale(0.9); /* Chrome, Safari, Opera */ transform: scale(0.9); width: 100%; } .ad-listing:hover .img-box::before { opacity: 0.7; -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Chrome, Safari, Opera */ transform: scale(1); } .ad-listing .ad-status { color: #fff; font-size: 12px; font-weight: 600; left: 0; padding: 0 10px; position: absolute; text-transform: uppercase; top: 0; } .ad-listing:hover .view-button { opacity: 1; } .ad-listing .img-box img { max-width: 100%; } .ad-listing .total-images { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: 0; color: #fff; left: 0; line-height: 20px; padding: 0 10px; position: absolute; text-align: center; } .ad-listing .total-images { color: #fff; line-height: 20px; font-size: 12px; text-align: center; } .content-zone .img-zone { overflow: hidden; position: relative; width: 100%; } .content-zone .img-zone::before { background: #000000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -ms-transform: scale(0.9); /* IE 9 */ -webkit-transform: scale(0.9); /* Chrome, Safari, Opera */ transform: scale(0.9); width: 100%; } .content-zone:hover .img-zone::before { opacity: 0.7; -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Chrome, Safari, Opera */ transform: scale(1); } .content-zone:hover .view-button { opacity: 1; } .quick-view { margin-top: -100px; position: absolute; text-align: center; top: 50%; width: 100%; z-index: 9999; } .view-button { background: #fff none repeat scroll 0 0; border: medium 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 .quick-view { margin-top: -100px; position: absolute; text-align: center; top: 50%; width: 100%; z-index: 9999; } .ad-listing .view-button { background: #fff none repeat scroll 0 0; border: medium 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 .btn { padding: 3px 10px; } .ad-listing .content-area .price { font-size: 24px; font-weight: 600; margin-bottom: 10px; margin-top: 5px; overflow: hidden; } .short-info { overflow: hidden; } .ad-listing .content-area .category-title { color: #a0a0a0; font-size: 14px; margin-bottom: 3px; } .ad-listing .content-area .category-title a { color: #a0a0a0; } .ad-listing .content-area h3 { color: #232323; font-size: 18px; margin-bottom: 6px; text-transform: capitalize; width: 100%; font-weight: 500; } .ad-listing .content-area h3 a { color: #232323; } .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 { 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 { font-weight: 600; color: #232323; } .ad-listing .user-preview { position: absolute; right: 10px; top: 10px; } .ad-listing .user-preview img { border-radius: 50%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8); display: inline-block; height: 40px; vertical-align: middle; width: 40px; } .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 none repeat scroll 0 0; 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 .additional-info li a:hover { color: #fff; } .ad-listing .content-area .col-md-9 { 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; } /* =-=-=-=-=-=-= Listing View 2 =-=-=-=-=-=-= */ .ads-list-archive { background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); color: #777; display: block; margin-bottom: 30px; position: relative; float: left; width: 100%; overflow: hidden; } .ads-list-archive .archive-history { margin-top: 10px; } .ad-archive-img { overflow: hidden; position: relative; } .ad-archive-img a img { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .ad-archive-img img { width: 100%; /* height: 232px;*/ } .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: medium 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; } .ad-archive-desc h3 a { color: #232323; } .ad-archive-desc h3:hover, .ad-archive-desc h3 a:hover { cursor: pointer; } .ad-archive-desc p { font-size: 14px; margin-bottom: 0; } ul.add_info { margin: 0; padding: 0; } .ad-archive-desc ul.add_info { margin-top: 10px; } .ad-archive-desc ul.short-meta { 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 { border-right: medium none; } .ad-archive-desc ul.short-meta li a { 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; } .ad-archive-desc .ad-meta .btn { padding: 3px 10px; text-transform: capitalize; } .ad-archive-desc .ad-meta .btn i { padding-right: 5px; } .ad-archive-desc .ad-meta .save-ad { background-color: #fcfcfc; border-color: #eaedef; border: 1px solid #eaedef; color: #464e60; font-size: 14px; } .ad-archive-desc .pull-right .btn i { padding-right: 5px; } .ad-archive-desc .last-updated { font-size: 12px; position: relative; float: left; line-height: 30px; } .ad-archive-desc .ad-meta { position: relative; float: right; } /* =-=-=-=-=-=-= Single Ad Details =-=-=-=-=-=-= */ .singlepage-detail .content-box-grid .short-features { overflow: hidden; margin-top: 10px; margin-bottom: 25px; } .singlepage-detail .heading-panel h3 { font-size: 20px; } .singlepage-detail .heading-panel h3.main-title { border-bottom: medium none; display: inline-block; } .singlepage-detail .heading-panel { margin-bottom: 10px; } .singlepage-detail .ad-share { margin-top: 15px; margin-bottom: 15px; overflow: hidden; } .singlepage-detail .content-box-grid .short-features span strong { color: #232323; } .singlepage-detail .content-box-grid .ad-related-img { overflow: hidden; margin-bottom: 30px; } .singlepage-detail .content-box-grid .specification p:first-letter { text-transform: capitalize } .content-box-grid h1 { color: #232323; font-size: 22px; margin-bottom: 4px; text-transform: capitalize; } .ad-share .content-box-grid { cursor: pointer; } .singlepage-detail { position: relative; overflow: hidden; } .content-box-grid { border: 1px solid #e7e7e7; border-radius: 1px; background: #fff; padding: 20px 30px; } .key-features { margin-bottom: 15px; margin-top: 15px; overflow: hidden; } .content-box-grid i { font-size: 20px; padding-right: 5px; vertical-align: middle; } .btn-fb { background: #3b5998 none repeat scroll 0 0; } .btn-sharp { border-radius: 1px; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .btn-twitter { background: #00aced none repeat scroll 0 0; } .btn-gplus { background: #d14433 none repeat scroll 0 0; } .price-quote .recent-ads .recent-ads-list, .contact-seller .recent-ads .recent-ads-list { border-bottom: 1px solid #e2e2e2 ; margin-bottom: 30px ; padding-bottom: 10px; } .price-quote .recent-ads .recent-ads-list-image-inner, .contact-seller .recent-ads .recent-ads-list-image-inner { background-color: transparent; width: auto; height: auto; } .price-quote .recent-ads .recent-ads-list-image, .contact-seller .recent-ads .recent-ads-list-image { width: 50%; } .price-quote .recent-ads .recent-ads-list-title a, .contact-seller .recent-ads .recent-ads-list-title a { font-size: 18px; } .price-quote .recent-ads .recent-ads-list-price, .contact-seller .recent-ads .recent-ads-list-price { font-size: 16px; } .share-ad .recent-ads .recent-ads-list { border-bottom: 1px solid #e2e2e2; margin-bottom: 30px; padding-bottom: 10px; } .share-ad .recent-ads .recent-ads-list-image-inner { background-color: transparent; width: auto; height: auto; } .share-ad .recent-ads .recent-ads-list-image { width: 50%; } .share-ad .recent-ads .recent-ads-list-title a { font-size: 18px; } .share-ad .recent-ads .recent-ads-list-price { font-size: 16px; } .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: medium none; color: #fff; font-size: 14px; margin: 10px 0; padding: 10px 20px; } .sticky-ad-detail .btn i { margin-right: 5px; } .sticky-ad-detail .btn .icon-phone { vertical-align: -1px; } .sticky-ad-detail .btn-phone { background: #15a949 none repeat scroll 0 0; box-shadow: 0 2px 0 #087a30; } .sticky-ad-detail .btn-phone.active { background: #fff none repeat scroll 0 0; border: 2px solid #15a949; box-shadow: none; color: #15a949; padding: 9px 20px; } .sticky-ad-detail .btn-message { background: #4691e1 none repeat scroll 0 0; box-shadow: 0 2px 0 #367bc4; margin-right: 10px; } .singlepage-detail .content-box-grid .short-history li { display: inline-block; border-right: 1px solid #e7e7e7; padding-right: 10px; padding-left: 10px; } .singlepage-detail .content-box-grid .short-history li:first-child { padding-left: 0; } .singlepage-detail .content-box-grid .short-history li:last-child { border-right: medium none; } .singlepage-detail .content-box-grid .short-history li b { font-weight: 600; } .short-history li { display: inline-block; border-right: 1px solid #e7e7e7; padding-right: 10px; padding-left: 10px; line-height: 20px; } .short-history li:first-child { padding-left: 0; } .short-history li:last-child { border-right: medium none; } .short-history li b { font-weight: 600; } .sticky-ad-detail .short-history li b a { color: #fff; } .adz-detail strong { color: #232323; } .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 { margin-bottom: 30px; } .adz-detail .heading-panel h3.main-title { border-bottom: 2px solid #f58936; display: block; } .desc-points { margin-bottom: 10px; } .desc-points ul, .desc-points ol { counter-reset: item; } .desc-points li { line-height: 40px; } .desc-points ol { list-style: none; padding-left: 0; } .desc-points li:before, .desc-points ol li:before { background: #f1f1f1 none repeat scroll 0 0; border-radius: 50%; color: #232323; content: counter(item, decimal) ""; counter-increment: item; display: inline-block; font-size: 12px; height: 25px; line-height: 25px; opacity: 0.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: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .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; } .single-details .owl-controls .owl-nav { display: none; } .singlepage-detail .single-details:hover .owl-controls .owl-nav { display: block; } .singlepage-detail .content-box-grid .ad-title { border-bottom: 1px solid #eee; margin-bottom: 15px; padding-bottom: 25px; } .singlepage-detail .content-box-grid .ad-title h2 { color: #232323; font-size: 22px; margin-bottom: 4px; text-transform: capitalize; } .singlepage-detail .content-box-grid .ad-title h2 a { color: #232323; } #itemMap { width: 100%; height: 370px; margin-bottom: 5px; } .content-box-grid .ad-closed img { left: 42px; position: absolute; top: 107px; } .gallery-style-post { margin-bottom: 30px; } .star-score { padding-left: 5px; color: #232323; font-size: 18px; } .content-box-grid .key-features { 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; } div.boxicon:last-child { margin-right: 0; } .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: var(--renk); } .boxicon i.transmission { color: #ff5700; } .boxicon i.body-type { color: #785EDD; } .boxicon i.car-color { color: #e4405f; } .car-feature-list { float: left; width: 100%; } .car-feature-list li { float: left; list-style: outside none 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 none repeat scroll 0 0; display: block; height: 100%; max-height: 100%; max-width: 100%; overflow: hidden; position: relative; width: 100%; } .feuture-posts .fp-small { padding: 0 14px; } .total-images { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: 0; color: #fff; line-height: 20px; padding: 0 10px; position: absolute; text-align: center; } .slider { margin: 50px 0 10px!important; } #carousel li { margin-right: 5px; } #carousel img { display: block; opacity: .5; cursor: pointer; } #carousel img:hover { opacity: 1; } #carousel .flex-active-slide img { opacity: 1; cursor: default; } /* =-=-=-=-=-=-= Listing Sidebar & Blog Sidebar =-=-=-=-=-=-= */ .panel { overflow: hidden; border-radius: 0; } .panel-group .panel { border-radius: 0; box-shadow: none; border-color: #EEEEEE; } .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: #EEEEEE; } #accordion .panel-body ul li { 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 none repeat scroll 0 0; height: 50px; margin-bottom: 20px; position: relative; } .search-widget input[type="text"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium 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) none repeat scroll 0 0; border: medium 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; } .side-menu { background: #fff; } .skin-minimal .list li label:hover { text-decoration: none; } .recent-ads .recent-ads-list { border-bottom: 1px solid rgba(0, 0, 0, 0.12); margin: 0 0 15px; padding: 0 0 15px; } .recent-ads .recent-ads-list:last-child { border: 0 none; 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, 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 { margin: 0; } .recent-ads .recent-ads-list-title a { color: #232323; font-size: 15px; font-weight: 500; } .recent-ads .recent-ads-list-location { list-style: outside none none; margin: 0; padding: 0; } .recent-ads .recent-ads-list-location li { display: inline !important; border-bottom: medium 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+ .widget { margin-top: 5px; } .sidebar .widget { overflow: hidden; position: relative; border-color: #eeeeee; border-radius: 0; box-shadow: none; margin-bottom: 0; background-color: #fff; border: 1px solid #eeeeee; } .sidebar .widget .widget-heading { background-color: #fff; border-color: #eeeeee; border-bottom-color: #eeeeee; border-bottom: 1px solid #eeeeee; border-radius: 0; color: #232323; padding: 0; } .sidebar .widget .widget-content { border-top-color: #eeeeee; 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 ul li a { color: #232323; } .sidebar .widget .widget-content .category-grid-box .ad-info ul li { padding: 10px 20px !important; font-size: 14px; line-height: normal; } .sidebar .widget .widget-content ul li:first-child { padding-top: 0; } .sidebar .widget .widget-content ul li:last-child { border-bottom: medium none; padding-bottom: 0; } .sidebar .widget .widget-content .tagcloud { margin-top: 7px; overflow: hidden; } .sidebar .widget .widget-content .tagcloud a { background: #ffffff none repeat scroll 0 0; 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: all 0.3s ease 0s; o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .blog-sidebar .widget+ .widget { margin-top: 5px; } .blog-sidebar .widget { position: relative; border-color: #eeeeee; border-radius: 0; box-shadow: none; margin-bottom: 0; background-color: #fff; border: 1px solid #eeeeee; padding: 20px 25px; overflow: hidden; } .blog-sidebar .widget .widget-heading { border: medium 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 .panel-title a { padding: 0; } .blog-sidebar .widget .widget-heading h4::before { content: ""; height: 2px; left: 0; position: absolute; bottom: -2px; width: 70px; } .blog-sidebar .widget ul li { border-bottom: 1px solid #f1f1f1; } .blog-sidebar .widget ul li a { color: #232323; display: block; font-size: 16px; padding: 10px 0; position: relative; text-transform: capitalize; transition: all 0.3s ease 0s; } .blog-sidebar .widget .recent-ads .recent-ads-list .recent-ads-container .recent-ads-list-content ul.recent-ads-list-location li a { padding: 0; } .blog-sidebar .widget .recent-ads .recent-ads-list .recent-ads-container .recent-ads-list-content ul.recent-ads-list-location li a::after { display: none; } .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 ul li:first-child { padding-top: 0; } .blog-sidebar .widget ul li:last-child { border-bottom: medium none; padding-bottom: 0; } .blog-sidebar .widget .tagcloud { margin-top: 7px; overflow: hidden; } .blog-sidebar .widget .tagcloud a { background: #ffffff none repeat scroll 0 0; 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: all 0.3s ease 0s; o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .blog-sidebar .widget .gallery-image img { transition: all 0.3s ease 0s; o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; width: 100%; } .blog-sidebar .widget .gallery-image img:hover { background: #000; opacity: 0.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: all 0.3s ease 0s; o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .sidebar .widget-title { color: #313131; font-size: 16px; font-weight: 500; margin-bottom: 25px; } .sidebar .widget ul { list-style: outside none none; margin: 0; padding: 0; } .sidebar .widget ul li { border-bottom: 1px solid #f3f3f3; font-size: 16px; line-height: 26px; padding: 10px 0; } /*.btn-contact, .btn-contact:hover, .btn-contact:active { -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: 55px; padding-left: 60px; padding-right: 0; float:left; text-align: left; border-bottom:medium none; } .contactEmail, .contactEmail:hover { background-color: transparent; background-image: url("../images/email.png"); background-position: 0 center; background-repeat: no-repeat; outline: medium none; font-size: 24px; } .contactPhone, .contactPhone:hover, .contactPhone:active, .contactPhone:visited { background-color: transparent; background-image: url("../images/phone.png"); background-position: 0 center; background-repeat: no-repeat; font-size: 24px; outline: medium none; margin-right:5px; }*/ .btn-contact, .btn-contact:hover, .btn-contact:active { -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: medium none; } .contactPhone, .contactPhone:hover, .contactPhone:active, .contactPhone:visited { background-color: transparent; background-image: url("../images/phone.png"); background-position: 20px center; background-repeat: no-repeat; font-size: 2em; outline: medium none; } .ad-listing-price { display: block; position: relative; width: 100%; outline: none; 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-information .user-name a { color: #232323; } .user-info-card { padding-bottom: 15px; padding-top: 25px; } .ad-listing-meta> ul { padding: 0; } .ad-listing-meta ul li { border-bottom: 1px solid #e7e7e7; padding: 10px 15px; } .ad-listing-meta ul li:last-child { border-bottom: medium none; } .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; } .widget .widget-content .featured-slider-3 .item .category-grid-box { margin-bottom: 0; } /* =-=-=-=-=-=-= Single Blog Post =-=-=-=-=-=-= */ .blog-post:after { content: ''; display: block; clear: both; } .blog-post { background: #fff none repeat scroll 0 0; border: 1px solid #f1f1f1; color: #162532; margin-bottom: 30px; position: relative; } .blog-post .post-excerpt a strong { color: #232323; } .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: all 2s ease 0s; -moz-transition: all 2s ease 0s; -ms-transition: all 2s ease 0s; -o-transition: all 2s ease 0s; transition: all 2s ease 0s; width: 100%; } .blog-content .blog-content { 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, 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: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .post-excerpt { font-size: 14px; line-height: 26px; margin-bottom: 30px; padding: 0 20px; color: #999; } .review-excerpt { font-size: 16px; line-height: 26px; margin-bottom: 30px; padding: 0 20px; color: #999; } .review-excerpt p { font-size: 18px; margin-bottom: 20px; line-height: 1.7em; } .review-excerpt img { margin-bottom: 20px; } .review-excerpt .pro-cons { position: relative; margin-bottom: 20px; } .review-excerpt .table th { color: #232323; } .review-excerpt .gallery.list-inline { margin-left: 0; } .review-excerpt .gallery.list-inline li { padding: 0; width: 16.2%; } .review-excerpt .pro-cons ul li:last-child { margin-bottom: 0; } .review-excerpt .pro-cons .pro-section ul li:before { content: "\f00c"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; padding-right: 10px; color: #5cb85c; } .review-excerpt .pro-cons .cons-section ul li:before { content: "\f00d"; /* FontAwesome Unicode */ 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 h3 { padding-left: 20px; } .review-excerpt .pro-cons ul { 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-excerpt blockquote p strong { font-weight: 600; color: #232323; } .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 .tags ul, .tags-share .share ul { display: inline-block; list-style-type: none; } .tags-share .tags ul li, .tags-share .share ul li { display: inline-block; } .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; } .tags-share .share ul li a:hover { text-decoration: underline; } .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-list { list-style: outside none none; margin: 0; padding: 0; } .blog-detial .comment li { border-right: 2px solid #000; padding-right: 10px; } .blog-detial .comment li:last-child { border-right: 0 none; } .blog-detial .comment-info { border-bottom: 1px solid #f2f2f2; display: block; margin: 30px 0; overflow: hidden; } .blog-detial .comment-info p { margin-bottom: 40px; } .blog-detial .comment-info img { max-width: 90px; } .blog-detial .comment-info .author-desc { margin-left: 115px; } .blog-detial .comment-info .author-title { color: #323232; line-height: 16px; margin-bottom: 22px; } .blog-detial .author-title strong { color: #323232; font-size: 16px; text-transform: uppercase; } .blog-detial .comment-date { border-left: 1px solid #777; color: #777; font-size: 12px; margin-left: 17px; padding-left: 17px; } .blog-detial .comment-list .children { list-style: outside none none; padding-left: 67px; } .blog-detial .comment-info img { max-width: 90px; } .comment-list { list-style: outside none none; margin: 0; padding: 0; } .comment li { border-right: 2px solid #000; padding-right: 10px; } .comment li:last-child { border-right: 0 none; } .comment-info { border-bottom: 1px solid #f2f2f2; display: block; margin: 30px 0; overflow: hidden; } .comment-info p { margin-bottom: 40px; } .comment-info img { max-width: 90px; } .comment-info .author-desc { margin-left: 115px; } .comment-info .author-title { color: #323232; line-height: 16px; margin-bottom: 22px; } .author-title strong { color: #323232; font-size: 16px; text-transform: uppercase; } .comment-date { border-left: 1px solid #777; color: #777; font-size: 12px; margin-left: 17px; padding-left: 17px; } .comment-list .children { list-style: outside none none; padding-left: 67px; } .comment-info img { max-width: 90px; } .comment-list .comment .comment-info .author-desc .author-title li a { color: #232323; } .user-contact-info { margin-bottom: 5px; } .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; } .blog-detial .navigation li { display: inline; } .blog-detial .navigation li a, .blog-detial .navigation li a:hover, .blog-detial .navigation li.active a, .blog-detial .navigation li.disabled { background-color: #6FB7E9; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem; } .blog-detial .navigation li a:hover, .blog-detial .navigation li.active a { background-color: #3C8DC5; } span.required { color: #f00; font-size: 18px; line-height: 10px; } label { font-size: 14px; font-weight: 600; color: #232323; } /* =-=-=-=-=-=-= Featured Sliders =-=-=-=-=-=-= */ .featured-slider-1 .owl-item .category-grid-box { margin-top: 0; margin-bottom: 30px; } .featured-slider-1 .owl-controls .owl-nav .owl-next, .featured-slider-1 .owl-controls .owl-nav .owl-prev { border-radius: 0; font-size: 20px; opacity: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .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-1 .owl-item .item .category-grid-box-1 { margin-bottom: 30px; } /* =-=-=-=-=-=-= Featured Slider 2 =-=-=-=-=-=-= */ .featured-slider .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-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: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .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%; } /* =-=-=-=-=-=-= Price Range Slider =-=-=-=-=-=-= */ .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; } .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, .sidebar #accordion .panel .panel-body .noUi-handle:after, .search-2 .noUi-handle:before, .sidebar #accordion .panel .panel-body .noUi-handle:before { content: none; } .widget .widget-content .noUi-handle::after, .widget .widget-content .noUi-handle::before { background: 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; } .search-form .price-slider-value, .price-slider-value, .widget .widget-content .price-slider-value { display: block; margin-bottom: 11px; margin-top: 3px; } .search-2 .form-control { border: medium none; } /* =-=-=-=-=-=-= Breadcrumbs =-=-=-=-=-=-= */ .page-header-area-2 { padding: 30px 0; text-align: left; position: relative; } .page-header-area-2 .small-breadcrumb { background: transparent; } .page-header-area-2 .small-breadcrumb .breadcrumb-link ul li a { color: #999; } .page-header-area-2 .small-breadcrumb .breadcrumb-link ul li::after { color: #a0a0a0; } .page-header-area-2 .small-breadcrumb .breadcrumb-link ul li a.active { border-bottom: medium none; } .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 { overflow: hidden; position: relative; width: 100%; } .small-breadcrumb .breadcrumb-link { overflow: hidden; } .small-breadcrumb .breadcrumb-link ul li { float: left; padding: 0 15px; } .small-breadcrumb .breadcrumb-link ul li:first-child { padding-left: 0; } .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; } .small-breadcrumb .breadcrumb-link ul li a .icon { display: inline-block; width: auto; } .small-breadcrumb .breadcrumb-link ul li a::after { bottom: -8px; content: ""; height: 4px; left: 0; position: absolute; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; } .small-breadcrumb .breadcrumb-link ul li a:hover::after { bottom: -4px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .small-breadcrumb .breadcrumb-link ul li a:first-child { padding-left: 0; } .small-breadcrumb .breadcrumb-link ul li { position: relative; } .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; } .small-breadcrumb .breadcrumb-link ul li:last-child::after { display: none; } /* =-=-=-=-=-=-= Parallex Overlays =-=-=-=-=-=-= */ .parallex { color: #fff; position: relative; z-index: 44; } .parallex h2 { color: #fff; position: relative; z-index: 44; } .parallex::before { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .parallex-small { background: #363c48 none repeat scroll 0 0; color: #fff; padding: 40px 0; } .parallex-text h4 { color: #fff; font-size: 28px; font-weight: 600; line-height: 60px; margin-bottom: 0; text-transform: capitalize; } .parallex-text p { color: #fff; position: relative; z-index: 44; } .parallex-small .btn { margin-top: 10px; } .parallex-button { text-align: right; margin: 20px 0; } .parallex-button .btn { padding: 15px 35px; } .btn-clean { border: 1px solid #fff; color: #fff; text-transform: uppercase; } /* =-=-=-=-=-=-= Template Common Styling =-=-=-=-=-=-= */ .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 .heading-panel { margin-bottom: 20px; } .grid-panel .heading-panel h3.main-title { border-bottom: medium none; display: inline-block; } .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 { background: #fff none repeat scroll 0 0; padding: 15px 0; text-align: center; } .usefull-info .icon-info { font-size: 20px; margin: 0 0 18px; } .usefull-info .icon-info { position: relative; z-index: 10; } .usefull-info .info-content { overflow: hidden; } .usefull-info .info-content h3:hover { cursor: pointer; } .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 p { margin: 0 0 10px; } .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; } .sec-padding { padding: 90px 0; } .font-white { color: #FFF; } .font-uppercase { text-transform: uppercase; } .font-thin-xs { font-weight: 200; } .font-bold { font-weight: 600; } .font-white { color: #FFF; } .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: -0.5em; padding: 4px; } .advertizing-box> img { display: block; width: 100%; } .advertizing { padding: 45px 0; } .banner { display: block; max-width: 100%; overflow: hidden; } .banner { text-align: center; } .banner img { max-width: 100%; } .advertising { margin-bottom: 30px; } .car-detail .advertising { margin-bottom: 0; } .car-detail .advertising .banner { background:none !important; border:medium none; padding-bottom:0; } .advertising .banner { border: 2px solid #f1f1f1; display: table; height: 100%; padding: 30px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; background: #fff none repeat scroll 0 0; } .advertising .banner:hover { border-color: #d9d9d9; } .advertising .banner .title, .advertising .banner .submit { 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 { margin-bottom: 0; min-height: 487px; box-shadow: none; } .grid-card { background: #fff none repeat scroll 0 0; box-shadow: 2px 2px 2px 0 rgba(0, 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; } .why-us h5 { color: #232323; font-size: 20px; margin-bottom: 15px; margin-top: 0; text-transform: capitalize; } .heading-title h2 { color: #232323; font-size: 20px; font-weight: 600; line-height: 1.4em; margin-bottom: 20px; text-transform: capitalize; } .custom-modal.modal-backdrop.in { opacity: 0.8; } .custom-modal .modal-content { background-clip: padding-box; border: 0 none; border-radius: 0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); } .custom-modal .modal-body { font-size: 1.6rem; line-height: 24px; padding: 0 30px; } .custom-modal .modal-header { border: 0 none; 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 none; position: absolute; right: 30px; top: 40px; } .custom-modal .modal-footer { border: 0 none; padding: 10px 30px 30px; } .accordion { list-style: outside none none; margin: 0; padding: 0; } .accordion> li { border-bottom: 1px solid #f3f3f3; padding: 18px 0; } .gray .accordion> li { border-bottom: 1px solid #ddd; } .accordion> li:first-child { padding-top: 0; } .accordion-title { font-size: 18px; font-weight: 500; position: relative; } .accordion-title a { display: block; color: #232323; } .accordion-title a::before { background: rgba(0, 0, 0, 0) url("../images/plus.png") no-repeat scroll center center; content: ""; display: block; height: 8px; margin-top: -4px; position: absolute; right: 0; top: 50%; width: 8px; } .accordion li.open .accordion-title a::before { background: rgba(0, 0, 0, 0) url("../images/minus.png") no-repeat scroll center center; } .accordion-content { display: none; padding-top: 10px; } .accordion-content p { margin-bottom: 15px; } .accordion-content p:last-child { margin-bottom: 0; } .accordion.first-open li:first-child .accordion-content { display: block; } .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: transparent; } .card .nav-tabs> li> a::after { content: ""; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; -webkit-transition: all 250ms ease 0s; -moz-transition: all 250ms ease 0s; -ms-transition: all 250ms ease 0s; -o-transition: all 250ms ease 0s; transition: all 250ms ease 0s; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .card .nav-tabs> li.active> a::after, .card .nav-tabs> li:hover> a::after { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .card .tab-nav> li> a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; } .card .tab-pane { padding: 15px 0; } .card .tab-content { padding: 20px } .card { background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 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; } .heading-panel .switcher .btn i { margin-right: 5px; } .info-panel { background: #ffffff none repeat scroll 0 0; } .icon-heading { padding: 5px 0; } .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; } .custom-links a { color: #252320; display: block; line-height: 14px; margin-bottom: 20px; padding-left: 0; position: relative; } /* =-=-=-=-=-=-= Bootstrap Clearfix =-=-=-=-=-=-= */ /* Tablet */ @media (min-width:767px) { /* Column clear fix */ .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(2n+1), .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(2n+1) { 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(2n+1) { clear: left; } } /* Medium Desktop */ @media (min-width:992px) { /* Column clear fix */ .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(2n+1), .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(2n+1) { 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(2n+1) { clear: left; } } /* Large Desktop */ @media (min-width:1200px) { /* Column clear fix */ .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(2n+1), .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(2n+1) { 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(2n+1) { clear: left; } } /* =-=-=-=-=-=-= Backgrounds =-=-=-=-=-=-= */ .bg-img-3 { background: rgba(0, 0, 0, 0) url("../images/banner-6.jpg") center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg-img { background: rgba(0, 0, 0, 0.6) url("../images/6.jpg") no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; clear: both; } .pattern_dots { background: #fff url("../images/pattern.png") repeat-x scroll 0 0; } .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-1::before { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .background-2 { background-image: url(../images/service.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; position: absolute; right: 0; top: 0; width: 80%; } .background-3 { background-image: url(../images/left-img.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; top: 0; position: absolute; 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); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; right: 0; top: 0; position: absolute; width: 50%; } .background-4::before { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* =-=-=-=-=-=-= Login & Register Page =-=-=-=-=-=-= */ .form-grid { padding: 0 30px; } .form-grid .skin-minimal .list li label { padding-left: 10px; } .form-grid .skin-minimal .list li label a { color: #777; } .form-grid .btn-social { margin-bottom: 15px; } .btn-social { overflow: hidden; padding-left: 60px; position: relative; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .btn-social> *:first-child { border-right: 1px solid rgba(0, 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, 0.2) } .btn-facebook:focus, .btn-facebook.focus { color: #fff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2) } .btn-facebook:hover { color: #fff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2) } .btn-facebook:active, .btn-facebook.active, .open>.dropdown-toggle.btn-facebook { color: #fff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2) } .btn-facebook:active:hover, .btn-facebook.active:hover, .open>.dropdown-toggle.btn-facebook:hover, .btn-facebook:active:focus, .btn-facebook.active:focus, .open>.dropdown-toggle.btn-facebook:focus, .btn-facebook:active.focus, .btn-facebook.active.focus, .open>.dropdown-toggle.btn-facebook.focus { color: #fff; background-color: #23345a; border-color: rgba(0, 0, 0, 0.2) } .btn-facebook:active, .btn-facebook.active, .open>.dropdown-toggle.btn-facebook { background-image: none } .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled].focus, fieldset[disabled] .btn-facebook.focus { background-color: #3b5998; border-color: rgba(0, 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, 0.2) } .btn-google:focus, .btn-google.focus { color: #fff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2) } .btn-google:hover { color: #fff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2) } .btn-google:active, .btn-google.active, .open>.dropdown-toggle.btn-google { color: #fff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2) } .btn-google:active:hover, .btn-google.active:hover, .open>.dropdown-toggle.btn-google:hover, .btn-google:active:focus, .btn-google.active:focus, .open>.dropdown-toggle.btn-google:focus, .btn-google:active.focus, .btn-google.active.focus, .open>.dropdown-toggle.btn-google.focus { color: #fff; background-color: #a32b1c; border-color: rgba(0, 0, 0, 0.2) } .btn-google:active, .btn-google.active, .open>.dropdown-toggle.btn-google { background-image: none } .btn-google.disabled:hover, .btn-google[disabled]:hover, fieldset[disabled] .btn-google:hover, .btn-google.disabled:focus, .btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus, .btn-google.disabled.focus, .btn-google[disabled].focus, fieldset[disabled] .btn-google.focus { background-color: #dd4b39; border-color: rgba(0, 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; white-space: nowrap; } h2.no-span b { padding: 0 20px; } h2.no-span:before, h2.no-span:after { border-top: 1px solid #ccc; content: ''; display: table-cell; position: relative; top: 0.8em; width: 45%; } /* =-=-=-=-=-=-= Site Map =-=-=-=-=-=-= */ .site-map { margin-bottom: 30px; overflow: hidden; } .site-map-list li { border-bottom: 1px solid #ddd; font-size: 16px; padding: 15px 0; } .site-map-list li:last-child { border-bottom: medium none; } .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 =-=-=-=-=-=-= */ .comming-soon-grid { text-align: center; background-color: #f6f6f6; position: relative; z-index: 1; } .comming-soon { position: absolute; top: 20%; left: 0; right: 0; } .theme-logo { margin-bottom: 50px; } .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 { margin-bottom: 50px; } .subscribe> p { font-size: 18px; color: #2c3e50; letter-spacing: 1px; line-height: 27px; margin-bottom: 30px; } .subscribe input, .subscribe button { border: 1px solid #ddd; height: 50px; width: 30%; padding: 5px 15px; } .subscribe button { width: 15%; color: #fff; border: 1px solid transparent; -webkit-transition: 500ms; -moz-transition: 500ms; -ms-transition: 500ms; -o-transition: 500ms; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .subscribe button> i { padding-right: 5px; } .social-area-share> a { background-color: #2c3e50; border-radius: 50%; color: #fff; display: inline-block; height: 40px; line-height: 40px; width: 40px; } .social-area-share> a:hover { color: #fff; } .btn-theme.btn-outline { background: transparent none repeat scroll 0 0; border-color: #2854a1; color: #2854a1; } /* =-=-=-=-=-=-= 404 Page =-=-=-=-=-=-= */ .error-page .error-container { font-family: 'Poppins', sans-serif; } .error-page .error-container { 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 =-=-=-=-=-=-= */ .post-ad-form { background-color: #ffffff; display: block; padding: 30px; overflow: hidden; position: relative; } .post-ad-form.extra-padding { padding: 30px 110px; } .submit-form label { color: #18293b; } .submit-form .row { margin-top: 25px; margin-bottom: 25px; } .submit-form .skin-minimal ul.list li { margin-top: 10px; } .submit-form label { display: inline-block; font-weight: 600; margin-bottom: 5px; max-width: 100%; font-size: 16px; } .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; } /* =-=-=-=-=-=-= Theme Buttons & Panels =-=-=-=-=-=-= */ .btn-blue { color: #ffffff; background-color: #02A8F3; border-color: #1BB0F4; } .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue { color: #ffffff; background-color: #0197da; border-color: #1BB0F4; } .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue { background-image: none; } .btn-blue.disabled, .btn-blue[disabled], fieldset[disabled] .btn-blue, .btn-blue.disabled:hover, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue:hover, .btn-blue.disabled:focus, .btn-blue[disabled]:focus, fieldset[disabled] .btn-blue:focus, .btn-blue.disabled:active, .btn-blue[disabled]:active, fieldset[disabled] .btn-blue:active, .btn-blue.disabled.active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue.active { background-color: #02A8F3; border-color: #1BB0F4; } .btn-blue .badge { color: #02A8F3; background-color: #ffffff; } .btn-purple { color: #ffffff; background-color: #611BBD; border-color: #130269; } .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .open .dropdown-toggle.btn-purple { color: #ffffff; background-color: #49247A; border-color: #130269; } .btn-purple:active, .btn-purple.active, .open .dropdown-toggle.btn-purple { background-image: none; } .btn-purple.disabled, .btn-purple[disabled], fieldset[disabled] .btn-purple, .btn-purple.disabled:hover, .btn-purple[disabled]:hover, fieldset[disabled] .btn-purple:hover, .btn-purple.disabled:focus, .btn-purple[disabled]:focus, fieldset[disabled] .btn-purple:focus, .btn-purple.disabled:active, .btn-purple[disabled]:active, fieldset[disabled] .btn-purple:active, .btn-purple.disabled.active, .btn-purple[disabled].active, fieldset[disabled] .btn-purple.active { background-color: #611BBD; border-color: #130269; } .btn-purple .badge { color: #611BBD; background-color: #ffffff; } .panel.with-nav-tabs .panel-heading { padding: 5px 5px 0 5px; } .list-style-1 .panel.with-nav-tabs .panel-heading { padding: 0; background-color: transparent; border-color: inherit; border: medium none; } .list-style-1 .panel-default { border-color: inherit; border: medium none; } .list-style-1 .panel { background-color: transparent; box-shadow: none; border: medium none; } .list-style-1 .nav-tabs> li.active> a, .list-style-1 .nav-tabs> li.active> a:hover, .list-style-1 .nav-tabs> li.active> a:focus { border-color: inherit; border: medium none; } .panel.with-nav-tabs .nav-tabs { border-bottom: 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> li> a, .with-nav-tabs.panel-default .nav-tabs> li> a:hover, .with-nav-tabs.panel-default .nav-tabs> li> a:focus { color: #777; } .with-nav-tabs.panel-default .nav-tabs> .open> a, .with-nav-tabs.panel-default .nav-tabs> .open> a:hover, .with-nav-tabs.panel-default .nav-tabs> .open> a:focus, .with-nav-tabs.panel-default .nav-tabs> li> a:hover, .with-nav-tabs.panel-default .nav-tabs> li> a:focus { 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:hover, .with-nav-tabs.panel-default .nav-tabs> li.active> a:focus { color: #555; background-color: #fff; border-color: #ddd; border-bottom-color: 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 { color: #777; } .with-nav-tabs.panel-default .nav-tabs> li.dropdown .dropdown-menu> li> a:hover, .with-nav-tabs.panel-default .nav-tabs> li.dropdown .dropdown-menu> li> a:focus { 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:hover, .with-nav-tabs.panel-default .nav-tabs> li.dropdown .dropdown-menu> .active> a:focus { color: #fff; background-color: #555; } /********************************************************************/ /*** PANEL PRIMARY ***/ .with-nav-tabs.panel-primary .nav-tabs> li> a, .with-nav-tabs.panel-primary .nav-tabs> li> a:hover, .with-nav-tabs.panel-primary .nav-tabs> li> a:focus { color: #fff; } .with-nav-tabs.panel-primary .nav-tabs> .open> a, .with-nav-tabs.panel-primary .nav-tabs> .open> a:hover, .with-nav-tabs.panel-primary .nav-tabs> .open> a:focus, .with-nav-tabs.panel-primary .nav-tabs> li> a:hover, .with-nav-tabs.panel-primary .nav-tabs> li> a:focus { 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:hover, .with-nav-tabs.panel-primary .nav-tabs> li.active> a:focus { color: #428bca; background-color: #fff; border-color: #428bca; border-bottom-color: 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 { color: #fff; } .with-nav-tabs.panel-primary .nav-tabs> li.dropdown .dropdown-menu> li> a:hover, .with-nav-tabs.panel-primary .nav-tabs> li.dropdown .dropdown-menu> li> a:focus { 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:hover, .with-nav-tabs.panel-primary .nav-tabs> li.dropdown .dropdown-menu> .active> a:focus { background-color: #4a9fe9; } /********************************************************************/ /*** PANEL SUCCESS ***/ .with-nav-tabs.panel-success .nav-tabs> li> a, .with-nav-tabs.panel-success .nav-tabs> li> a:hover, .with-nav-tabs.panel-success .nav-tabs> li> a:focus { color: #3c763d; } .with-nav-tabs.panel-success .nav-tabs> .open> a, .with-nav-tabs.panel-success .nav-tabs> .open> a:hover, .with-nav-tabs.panel-success .nav-tabs> .open> a:focus, .with-nav-tabs.panel-success .nav-tabs> li> a:hover, .with-nav-tabs.panel-success .nav-tabs> li> a:focus { 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:hover, .with-nav-tabs.panel-success .nav-tabs> li.active> a:focus { color: #3c763d; background-color: #fff; border-color: #d6e9c6; border-bottom-color: 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 { color: #3c763d; } .with-nav-tabs.panel-success .nav-tabs> li.dropdown .dropdown-menu> li> a:hover, .with-nav-tabs.panel-success .nav-tabs> li.dropdown .dropdown-menu> li> a:focus { 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:hover, .with-nav-tabs.panel-success .nav-tabs> li.dropdown .dropdown-menu> .active> a:focus { color: #fff; background-color: #3c763d; } /********************************************************************/ /*** PANEL INFO ***/ .with-nav-tabs.panel-info .nav-tabs> li> a, .with-nav-tabs.panel-info .nav-tabs> li> a:hover, .with-nav-tabs.panel-info .nav-tabs> li> a:focus { color: #31708f; } .with-nav-tabs.panel-info .nav-tabs> .open> a, .with-nav-tabs.panel-info .nav-tabs> .open> a:hover, .with-nav-tabs.panel-info .nav-tabs> .open> a:focus, .with-nav-tabs.panel-info .nav-tabs> li> a:hover, .with-nav-tabs.panel-info .nav-tabs> li> a:focus { 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:hover, .with-nav-tabs.panel-info .nav-tabs> li.active> a:focus { color: #31708f; background-color: #fff; border-color: #bce8f1; border-bottom-color: 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 { color: #31708f; } .with-nav-tabs.panel-info .nav-tabs> li.dropdown .dropdown-menu> li> a:hover, .with-nav-tabs.panel-info .nav-tabs> li.dropdown .dropdown-menu> li> a:focus { 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:hover, .with-nav-tabs.panel-info .nav-tabs> li.dropdown .dropdown-menu> .active> a:focus { color: #fff; background-color: #31708f; } /********************************************************************/ /*** PANEL WARNING ***/ .with-nav-tabs.panel-warning .nav-tabs> li> a, .with-nav-tabs.panel-warning .nav-tabs> li> a:hover, .with-nav-tabs.panel-warning .nav-tabs> li> a:focus { color: #8a6d3b; } .with-nav-tabs.panel-warning .nav-tabs> .open> a, .with-nav-tabs.panel-warning .nav-tabs> .open> a:hover, .with-nav-tabs.panel-warning .nav-tabs> .open> a:focus, .with-nav-tabs.panel-warning .nav-tabs> li> a:hover, .with-nav-tabs.panel-warning .nav-tabs> li> a:focus { 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:hover, .with-nav-tabs.panel-warning .nav-tabs> li.active> a:focus { color: #8a6d3b; background-color: #fff; border-color: #faebcc; border-bottom-color: 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 { color: #8a6d3b; } .with-nav-tabs.panel-warning .nav-tabs> li.dropdown .dropdown-menu> li> a:hover, .with-nav-tabs.panel-warning .nav-tabs> li.dropdown .dropdown-menu> li> a:focus { 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:hover, .with-nav-tabs.panel-warning .nav-tabs> li.dropdown .dropdown-menu> .active> a:focus { color: #fff; background-color: #8a6d3b; } /********************************************************************/ /*** PANEL DANGER ***/ .with-nav-tabs.panel-danger .nav-tabs> li> a, .with-nav-tabs.panel-danger .nav-tabs> li> a:hover, .with-nav-tabs.panel-danger .nav-tabs> li> a:focus { color: #a94442; } .with-nav-tabs.panel-danger .nav-tabs> .open> a, .with-nav-tabs.panel-danger .nav-tabs> .open> a:hover, .with-nav-tabs.panel-danger .nav-tabs> .open> a:focus, .with-nav-tabs.panel-danger .nav-tabs> li> a:hover, .with-nav-tabs.panel-danger .nav-tabs> li> a:focus { 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:hover, .with-nav-tabs.panel-danger .nav-tabs> li.active> a:focus { color: #a94442; background-color: #fff; border-color: #ebccd1; border-bottom-color: transparent; } .with-nav-tabs.panel-danger .nav-tabs> li.dropdown .dropdown-menu { background-color: #f2dede; /* bg color */ border-color: #ebccd1; /* border color */ } .with-nav-tabs.panel-danger .nav-tabs> li.dropdown .dropdown-menu> li> a { color: #a94442; /* normal text color */ } .with-nav-tabs.panel-danger .nav-tabs> li.dropdown .dropdown-menu> li> a:hover, .with-nav-tabs.panel-danger .nav-tabs> li.dropdown .dropdown-menu> li> a:focus { background-color: #ebccd1; /* hover bg color */ } .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:hover, .with-nav-tabs.panel-danger .nav-tabs> li.dropdown .dropdown-menu> .active> a:focus { color: #fff; /* active text color */ background-color: #a94442; /* active bg color */ } .hr { border-top: 1px solid #ebebeb; margin: 30px 0; } /* =-=-=-=-=-=-= Page Components =-=-=-=-=-=-= */ .components .nav> li { float: left; } .btn-outline { background-color: transparent; color: inherit; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .alert-outline { background-color: transparent; color: inherit; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .btn-rounded { border-radius: 60px; } .alert { background-clip: padding-box; border: 0 none; 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; } .alert.alert-success { background: #8ac249 none repeat scroll 0 0; border: 1px solid #8ac249; } .alert.alert-success::after { content: ""; } .alert.alert-info { background: #02a8f3 none repeat scroll 0 0; border: 1px solid #02a8f3; } .alert.alert-info::after { content: ""; } .alert.alert-warning { background: #fe9700 none repeat scroll 0 0; border: 1px solid #fe9700; } .alert.alert-warning::after { content: ""; } .alert.alert-danger { background: #f34235 none repeat scroll 0 0; border: 1px solid #f34235; } .alert.alert-danger::after { content: ""; } .alert.alert-success.alert-outline { background: transparent; border: 1px solid #8ac249; color: #232323; } .alert.alert-success::after { content: ""; } .alert.alert-info.alert-outline { background: transparent; border: 1px solid #02a8f3; color: #232323; } .alert.alert-info::after { content: ""; } .alert.alert-warning.alert-outline { background: transparent; border: 1px solid #fe9700; color: #232323; } .alert.alert-warning::after { content: ""; } .alert.alert-danger.alert-outline { background: transparent; border: 1px solid #f34235; color: #232323; } .alert.alert-danger::after { content: ""; } .alert.alert-outline .close { color: #232323; opacity: 0.5; outline: 0 none; right: 5px; } .alert.alert-file-upload { background: #4bae4f none repeat scroll 0 0; padding: 19px; } .alert .close { color: #fff; opacity: 0.5; outline: 0 none; right: 5px; } .alert .close:hover { opacity: 1; } .label.label-success { background: #8ac249 none repeat scroll 0 0; } .label.label-info { background: #02a8f3 none repeat scroll 0 0; } .label.label-warning { background: #fe9700 none repeat scroll 0 0; } .label.label-danger { background: #f34235 none repeat scroll 0 0; } .popover { background-clip: padding-box; border-radius: 5px; box-shadow: none; } /* =-=-=-=-=-=-= Scroll Back To Top =-=-=-=-=-=-= */ .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { visibility: visible; opacity: 1; z-index: 99; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; height: 42px; bottom: 39px; } .no-touch .cd-top:hover { background-color: #e86256; opacity: 1; } /* =-=-=-=-=-=-= Happy Clients =-=-=-=-=-=-= */ .happy-clients-area { padding: 90px 0 60px; } .client-brand-list { margin-left: -30px; overflow: hidden; } .sigle-clients-brand { float: left; padding-left: 30px; width: 20%; margin-bottom: 30px; } .sigle-clients-brand a { border: 1px solid #ddd; display: block; opacity: 0.5; padding: 20px; } .sigle-clients-brand a:hover { opacity: 1; } .sigle-clients-brand a img { width: 100%; padding: 0 40px; } .client-section { padding: 50px 0; } .client-section h3 { color: #323232; font-size: 18px; font-style: italic; margin-bottom: 5px; } .client-section h2 { color: #323232; font-size: 24px; font-weight: 700; line-height: 1.4em; text-transform: uppercase; } /* =-=-=-=-=-=-= Funfacts =-=-=-=-=-=-= */ .funfacts { background: rgba(0, 0, 0, 0) url("../images/banner-6.jpg") no-repeat scroll center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .funfacts { height: 100%; text-align: center; } .funfacts .number { color: #fff; font-size: 48px; font-weight: 700; margin-bottom: 20px; } .funfacts h4 { color: #fff; font-weight: normal; font-size: 24px; margin-bottom: 30px; } .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-size: 24px; margin-bottom: 30px; 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; } /* =-=-=-=-=-=-= App Download Section 2 =-=-=-=-=-=-= */ .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; } .featured-ads .app-text-section h3 { font-weight: 600; } .featured-ads .app-text-section h5 { opacity: 1; } .app-text-section { padding-bottom: 112px; padding-top: 50px; position: relative; } .app-text-section h5 { color: #fff; margin-bottom: 5px; opacity: 0.8; text-transform: uppercase; } .app-text-section h3 { color: #fff; font-size: 30px; text-transform: uppercase; } .app-text-section ul { list-style: outside none 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-text-section .app-download-btn { position: relative; } .app-download-button, .btn.app-download-button { -moz-user-select: none; background-color: transparent; border: 0 none; border-radius: 0; color: #ffffff; display: block; font-weight: 500; overflow: hidden; padding: 0; position: relative; -webkit-transition: all 0s ease-in-out 0s; -moz-transition: all 0s ease-in-out 0s; -ms-transition: all 0s ease-in-out 0s; -o-transition: all 0s ease-in-out 0s; transition: all 0s ease-in-out 0s; width: 100%; z-index: 1; } .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 { display: block; overflow: hidden; text-align: left; vertical-align: bottom; o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } .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:first-child { font-size: 14px; } .btn.app-download-button span.app-store-btn span span:last-child { font-size: 20px; font-weight: 600; font-family: 'Poppins', 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 { display: block; padding: 12px 15px; position: relative; border: 1px solid #fff; o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } /* =-=-=-=-=-=-= App Download Section 3 =-=-=-=-=-=-= */ .app-download-section { background: rgba(0, 0, 0, 0) url("../images/app.jpg") no-repeat fixed center center / cover; overflow: hidden; padding: 0; width: 100%; } .app-download-section.style-2 { background: rgba(0, 0, 0, 0) url("../images/slider/slider-banner4.jpg") no-repeat fixed center center / cover; } .parallex .app-download-section-wrapper { background-color: transparent; content: ""; height: 100%; opacity: 1; position: relative; width: 100%; z-index: 3; } .parallex .app-download-section-container { padding: 120px 0; } .app-download-section-wrapper { background-color: #363c48; content: ""; height: 100%; opacity: 0.8; position: relative; width: 100%; z-index: 3; } .parallex .section-title { color: #fff; } .app-download-section.style-2 .app-download-section-container { padding: 90px 0 0 0; } .app-download-section-container { overflow: hidden; padding: 180px 0 150px; position: relative; width: 100%; z-index: 4; } .section-title { color: #1e1e1e; font-family: 'Poppins', sans-serif; font-size: 42px; font-weight: 700; line-height: 42px; margin-bottom: 75px; text-align: center; text-transform: capitalize; width: 100%; word-spacing: 5px; } /* =-=-=-=-=-=-= Overview Modal =-=-=-=-=-=-= */ .quick-view-modal { bottom: 0; display: none; left: 0; outline: 0 none; overflow: hidden; position: fixed; right: 0; top: 0; } .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 { display: inline-block; vertical-align: middle; width: 100%; overflow: hidden; } .ad-modal .single-product .diblock .title h3 { background-color: #fff; border-bottom: 0 none; border-radius: 5px 5px 0 0; color: #121212; font-size: 25px; line-height: 26px; padding: 18px 0px 18px; } .ad-modal .single-product .diblock .flexslider .slide-main img { border: medium 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 h4 a { 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:after { content: ''; display: block; clear: both; } .ad-preview-info { overflow: hidden; } .ad-preview-details p { margin-top: 15px; } .ad-preview-details ul { list-style: outside none none; margin: 0; padding: 20px 0 30px; } .ad-preview-details ul li { border-bottom: 1px solid #eeeeee; 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 #eeeeee; } .popup-cls:hover { opacity: 0.7; } .popup-cls.close { color: #ffffff; font-size: 18px; font-weight: normal; line-height: normal; opacity: 1; padding: 7px; position: relative; right: 0; top: 0; z-index: 5; } .quick-view-modal .ad-modal .single-product .single-page-slider .flex-direction-nav .flex-prev, .quick-view-modal .ad-modal .single-product #carousels .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 .single-page-slider .flex-direction-nav .flex-next, .quick-view-modal .ad-modal .single-product #carousels .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 Popup =-=-=-=-=-=-= */ .center { margin-top: 50px; } .modal-header h3 { font-weight: 700; color: #232323; overflow: hidden; font-size: 16px; } .modal-body { overflow: hidden; } .modal-header { background: #fff none repeat scroll 0 0; border-bottom: 1px solid #e2e2e2; border-radius: 4px 4px 0 0; min-height: 16.43px; padding: 15px 20px; } .modal-body .btn { padding: 10px 20px; } .modal-footer { padding: 0; } .modal-footer .btn-group button { height: 40px; border-top-left-radius: 0; border-top-right-radius: 0; border: none; border-right: 1px solid #ddd; } .modal-footer .btn-group:last-child> button { border-right: 0; } .ad-share .box i { font-size: 20px; padding-right: 5px; vertical-align: middle; } .ad-share .box { cursor: pointer; } .btn-fb, .btn-gplus, .btn-twitter { color: #fff !important; } .btn-fb { background: #3b5998 none repeat scroll 0 0; } .btn-gplus { background: #d14433 none repeat scroll 0 0; } .btn-twitter { background: #00aced none repeat scroll 0 0; } /* =-=-=-=-=-=-= How It Works =-=-=-=-=-=-= */ .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 { width: 0; } .how-it-work:last-of-type .how-it-work-icon::after { width: 0; } .how-it-work-icon::after { background: rgba(0, 0, 0, 0) url("../images/dashed-line.jpg") repeat scroll 0 0; content: ""; height: 1px; position: absolute; right: -125px; top: 50%; width: 125px; z-index: 2; } .how-it-work-icon::before { background: rgba(0, 0, 0, 0) url("../images/dashed-line.jpg") repeat scroll 0 0; content: ""; height: 1px; left: -125px; position: absolute; top: 50%; width: 125px; z-index: 2; } .how-it-work-icon { background: rgba(0, 0, 0, 0) url("../images/border-dashed.png") no-repeat scroll left top / 100% auto; display: inline-block; height: 150px; padding: 14px; position: relative; width: 150px; } .how-it-work i { background: #fff none repeat scroll 0 0; border-radius: 50%; box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1); color: #233141; font-size: 50px; height: 120px; left: 15px; padding: 45px 0; position: absolute; text-align: center; top: 15px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; width: 120px; } .how-it-work h4 { margin: 35px 0 20px; color: #232323; font-size: 18px; font-weight: 600; text-transform: capitalize; } /* =-=-=-=-=-=-= Pagination =-=-=-=-=-=-= */ .pagination { border-radius: 0; margin: 0; } .pagination> li:first-child> a, .pagination> li:first-child> span, .pagination> li:last-child> a, .pagination> li:last-child> span { border-radius: 0; } .pagination li { box-shadow: none; display: inline-block; margin-right: 10px; } .pagination li> a { background-color: #fff; border-color: #d1d1d1; color: #777; font-size: 14px; font-weight: 500; padding: 10px 14px; } /* =-=-=-=-=-=-= Profile & Dashboard =-=-=-=-=-=-= */ .status_active { background: #4caf50 none repeat scroll 0 0; color: #fff; } .status_sold { background: #3498db none repeat scroll 0 0; color: #fff; } .status_expired { background: #d9534f none repeat scroll 0 0; 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; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } #img-upload { width: 100%; } .item-date { font-size: 14px; margin-top: 0; padding-bottom: 8px; } .profile-edit { background: #fff none repeat scroll 0 0; padding: 45px; } .profile-edit h2 { font-weight: 500; } .profile-edit dt { text-align: inherit; } .profile-edit dt strong { color: #232323; font-weight: 600; } .profile-edit hr { margin: 17px 0 15px; } .tab-content { padding: 0; } .profile-edit h2 { color: #323232; font-size: 18px; font-weight: 500; margin-top: 20px; text-transform: capitalize; } .profile-edit .dl-horizontal i { font-size: 14px; } @media (max-width: 768px) { .profile-tabs .nav-tabs { border-bottom: medium none; } } .nav-tabs> li> a, .nav-pills> li> a, .nav-tabs.nav-justified> li> a { border-radius: 0; } .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) none repeat scroll 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:hover, .profile-tabs .nav-tabs> .active> a:focus { background: #f1f1f1 none repeat scroll 0 0; border: medium none; color: #232323; } .profile-tabs .nav-tabs> li> a { border: medium none; } .profile-tabs .nav-tabs> li> a:hover { background: #f1f1f1 none repeat scroll 0 0; color: #232323; } .profile-tabs .tab-content img { margin-bottom: 15px; margin-top: 4px; } .profile-tabs .tab-content img.img-tab-space { margin-top: 7px; } .block-content { float: left; width: 100%; } .profile-section .skin-minimal .list li label { color: #777; } .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; } .user-profile .btn-group .btn-xs i { color: #999999; } .user-profile .btn-group span, .user-profile .btn-group a { color: #232323; } .ad-history { margin: 30px 0 0 0; } .user-stats { border-radius: 2px; padding: 15px; } .col-md-4:nth-child(1) .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, 0.7); display: block; margin-top: 1px; text-transform: uppercase; } .dashboard-menu-container { background-color: #fff; border-top: 1px solid #f1f1f1; overflow: hidden; position: relative; } .dashboard-menu-container ul { margin-bottom: 0; } .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:last-child { border-right: medium none; } .dashboard-menu-container ul li .menu-name { color: #555; font-size: 14px; font-weight: 600; padding: 10px 0; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .dl-horizontal dd { border-bottom: 1px solid #f4f4f4; margin-left: 0; margin-bottom: 5px; margin-top: 5px; padding: 10px 0; } .profile-edit .dl-horizontal dd:last-child { border-bottom: medium none; } .profile-edit dl:last-child { margin-bottom: 0; } .dl-horizontal dt { padding: 10px 0; } .ad-row { margin-bottom: 30px; } .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:after { clear: both } .search-result-item .image-link { display: block; overflow: hidden; } @media (min-width:768px) { .search-result-item .image-link { display: inline-block; margin: -20px 0 -20px -20px; float: left; width: 200px } } @media (max-width:767px) { .search-result-item .image-link { max-height: 200px } } .search-result-item .image { max-width: 100% } .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 .info span a { color: inherit; } .search-result-item .info span i { padding-right: 5px; } .search-result-item .info span:first-child { padding-left: 0; } .search-result-item .info span:last-child { border-right: medium none; } .search-result-item .description { font-size: 14px } .search-result-item+.search-result-item { margin-top: 20px } @media (min-width:768px) { .search-result-item-body { margin-left: 200px } } .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-heading { margin: 0 } } .sold img { position: absolute; 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.msgs { margin: 0; } .notification { position: absolute; 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 none repeat scroll 0 0; } .notification .round-btn i { color: #fff; } .round-btn, .notification> span { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .notification> span { background: #ed1c24 none repeat scroll 0 0; 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; } .ads-list-archive .ad-archive-desc .ad-price { float: right; } .content-zone .short-description-1 .ad-price { float: right; } /* =-=-=-=-=-=-= Message Panel =-=-=-=-=-=-= */ .notify { position: absolute; top: 8px; } .notify .heartbit { animation: 1s ease-out 0s normal none infinite running heartbit; border: 5px solid #fb9678; border-radius: 70px; height: 25px; position: absolute; left: -16px; top: -20px; width: 25px; z-index: 10; } .notify .point { background-color: #fb9678; border-radius: 30px; height: 6px; position: absolute; left: -6px; top: -10px; width: 6px; } @keyframes heartbit { 0% { opacity: 0; transform: scale(0); } 25% { opacity: 0.1; transform: scale(0.1); } 50% { opacity: 0.3; transform: scale(0.5); } 75% { opacity: 0.5; transform: scale(0.8); } 100% { opacity: 0; transform: scale(1); } } @keyframes heartbit { 0% { opacity: 0; transform: scale(0); } 25% { opacity: 0.1; transform: scale(0.1); } 50% { opacity: 0.3; transform: scale(0.5); } 75% { opacity: 0.5; transform: scale(0.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, 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, 0.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 h5 { text-transform: capitalize; } .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-inbox .message-header span { float: right; } .message-inbox .message-header span+ span { margin-right: 10px; } .message-inbox .message-header span a { color: #232323; } .message-inbox .list-wrap { position: relative; height: 590px; overflow: hidden; } .message-details .list-wraps { 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; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .message-header .new-message .icon, .message-header .new-message .fa { 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; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .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 .image img { width: 100%; } .message-history li .user-name { position: relative; margin-left: 70px; } .message-history li .user-name .author { margin-top: 5px; } .message-history li .user-name .author span { display: inline-block; font-size: 16px; font-weight: 600; color: #666; } .message-history li .user-name .author .user-status { display: none; } .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 li:hover { background-color: #f8f8f8; } .message-history .message-grid .user-name .author span { color: #232323; } .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-history .active { background-color: #f8f8f8; } .message-details { position: relative; padding: 30px 44px 30px 14px; overflow: hidden; } .message-details .author { 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; } .message-details p { margin-top: 20px; } /* CSS SCROLL PLUGIN */ .ps-scrollbar-x-rail { display: none; } .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 0.3s ease; -moz-transition: -moz-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform .3s ease; } .ps-container:hover> .ps-scrollbar-y-rail> .ps-scrollbar-y, .ps-container:active> .ps-scrollbar-y-rail> .ps-scrollbar-y { opacity: 1; } .messages { list-style: outside none none; margin: 0; padding: 10px; } .messages> li { margin-bottom: 10px; } .messages> li:last-child { margin-bottom: 0; } .messages .profile-picture { height: 40px; margin: 0; width: 40px; } .messages .profile-picture img { border: medium none; } .friend-message .profile-picture { float: left; } .my-message .profile-picture { float: right; } .friend-message .message { margin-left: 50px; } .my-message .message { margin-right: 50px; } .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-bottom: 10px solid transparent; border-right: 10px solid; border-top: 0 solid transparent; content: ""; height: 0; left: -10px; position: absolute; top: 10px; width: 0; } .my-message .message::before { border-bottom: 10px solid transparent; border-left: 10px solid; border-top: 0 solid transparent; content: ""; height: 0; position: absolute; right: -10px; top: 10px; width: 0; } .messenger-footer .form-control { height: 54px; overflow: hidden; padding: 5px; resize: none; } .friend-message .message::before { border-right-color: #e9e9e9; } .my-message .message::before { border-left-color: #f6f6f6; } .friend-message .message { background-color: #e9e9e9; } .my-message .message { background-color: #1f364f; color: #fff; } .message-details h2 { color: #232323; font-size: 18px; font-weight: 600; line-height: 60px; margin: 0; text-transform: capitalize; } .message-details h2 a { color: #232323; } .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 =-=-=-=-=-=-= */ .pricing-fancy { padding: 60px 32px; background: #fff none repeat scroll 0 0; position: relative; overflow: hidden; text-align: center; margin-bottom: 30px; border: 1px solid #ddd; } .gray .pricing-fancy { border: medium none; } .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-family: 'Poppins', sans-serif; font-size: 72px; font-weight: 500; line-height: 82px; color: #232323; margin-bottom: 15px; } .pricing-fancy .dollartext, .monthtext { font-size: 24px; font-weight: 300; line-height: 24px; } .pricing-fancy .price-box p { color: #d2d2d2; text-transform: uppercase; margin-bottom: 35px; } .pricing { text-align: center; } .pricing h2 { color: #294661; } .pricing p { margin-bottom: 100px; } .pricing .block { border: 1px solid #d4dadf; padding: 60px 10px; margin-bottom: 30px; background-color: #fff; } .pricing.style-3 .selection { overflow: hidden; margin-bottom: 30px; } .pricing.style-3 .block { margin-bottom: 0; } .pricing .block.featured { background: #363c48 none repeat scroll 0 0; border: 1px solid #363c48; color: #fff; } .pricing span { display: block; } .pricing h3 { color: #294661; font-size: 30px; font-weight: 600; } .pricing .featured .name { color: #fff; } .pricing .type { font-size: 16px; } .pricing .price { color: #294661; font-size: 54px; margin-bottom: 15px; margin-top: 40px; } .pricing .featured .price { color: #fff; } .pricing .featured h3 { color: #fff; } .pricing .time { font-size: 14px; } .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 a.btn { padding: 15px 35px; } .pricing a.btn i { margin-left: 10px; } .pricing .featured a.btn-theme { background-color: transparent; border-color: #fff; } .pricing .featured a.button> i { color: #fff; } .pricing a.button:hover> i { margin-left: 10px; opacity: 1; } .pricing a.solid { background: #d4dadf none repeat scroll 0 0; border: 1px solid #d4dadf; } .pricing .featured a.solid { background: rgba(255, 255, 255, 1) none repeat scroll 0 0; border: 1px solid #fff; } .pricing a.solid:hover { background: #f2f4f6 none repeat scroll 0 0; border: 1px solid #f2f4f6; } .pricing .featured a.solid:hover { background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0; border: 1px solid #fff; color: #fff; } /* =-=-=-=-=-=-= Pricing Style 1 =-=-=-=-=-=-= */ .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: 0.6em; position: relative; top: -25px; } .pricing-item strong { display: block; font-size: 1.2em; margin: 10px 0; } .pricing-item p { color: #999; } .pricing-item .btn { margin: 15px 0; } /* =-=-=-=-=-=-= Listing Filter =-=-=-=-=-=-= */ .listingTopFilterBar { background: #fff none repeat scroll 0 0; box-shadow: 0 0 3px rgba(206, 206, 206, 0.36); min-height: 60px; border-color: #eeeeee; border-radius: 0; margin-bottom: 30px; } ul.filterAdType { padding: 0; } ul.filterAdType li { display: inline-block; list-style: outside none none; } ul.filterAdType li a { color: #232323; display: block; padding: 16px 20px; font-family: 'Poppins', sans-serif; } ul.filterAdType li.active a, ul.filterAdType li a:hover { color: #fff; } ul.listingViewIcon li { display: inline-block; list-style: outside none none; } ul.listingViewIcon li a { color: #232323; line-height: 60px; padding: 0 10px; font-family: 'Poppins', sans-serif; } ul.listingViewIcon li a:hover { color: #000000; } ul.listingViewIcon li.shortByListingLi ul li { display: block; } 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; font-family: 'Poppins', sans-serif; } .header-listing .custom-select-box { display: inline-block; width: 231px; } .header-listing .custom-select-box .select2-selection--single { height: auto; border: medium 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; border-style: solid; border-width: 3px; content: ""; left: 0; position: absolute; top: 100%; z-index: -1; } .featured-ribbon span::after { border-color: #5a3331 #5a3331 transparent transparent; border-style: solid; border-width: 3px; content: ""; position: absolute; right: 0; top: 100%; z-index: -1; } .featured-ribbon span { box-shadow: 0 3px 12px -7px rgba(0, 0, 0, 1); color: #fff; display: block; font: 600 12px/30px "Source Sans Pro", 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: transparent; } .main-search .body-type .grid-card { padding: 15px 20px 0; } /* =-=-=-=-=-=-= Review & Comparison =-=-=-=-=-=-= */ .overlay { background: rgba(0, 0, 0, 0) url("../images/overlaybg.png") repeat-x scroll left bottom; 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; } .overlay.small-font h2 { font-size: 18px; } .blog-sidebar .widget .table> tbody> tr:first-child> td { border: medium none; } .blog-sidebar .widget .table> tbody> tr> td a { color: #232323; } .news .client-section { padding: 20px 0 0; } .news .mainimage { width: 100%; position: relative; overflow: hidden; } .reviews .news .mainimage { margin-bottom: 30px; } .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: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .news .mainimage:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .news .mainimage:hover a .overlay { text-decoration: none; } .news .newslist { overflow: hidden; } .news .newslist li { margin-bottom: 19px; overflow: hidden; } .news .newslist .imghold { float: left; margin-right: 22px; width: 133px; } .news .newslist .texthold h4 { font-weight: normal; line-height: 22px; } .news .newslist .texthold h4 a { color: rgba(0, 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, 0.54); font-size: 14px; line-height: 20px; margin: 4px 0 0; } .news .newslist h2 { margin-bottom: 19px; } .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-bar-review:last-of-type { -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; } .post-review .progress-bar-review .progress-title { display: table-cell; } .post-review .progress { border-radius: 4px; box-shadow: none; height: 8px; margin: 20px 0 0; } @media (max-width: 992px) { .post-review .progress { margin: 0; } } .post-review .progress .progress-bar { border-radius: 4px; box-shadow: none; } .post-review .summary-review { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #fafafa none repeat scroll 0 0; border-color: currentcolor #f1f1f1 #f1f1f1; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; padding: 30px; } .post-review .summary-review h5, .post-review .summary-review p, .post-review .summary-review h6 { 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 none repeat scroll 0 0; 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; } .post-review .summary-review .final-rate h6 { text-transform: uppercase; } .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%; } .pro-rating a { font-size: 18px; } /* =-=-=-=-=-=-= Car By Body Type =-=-=-=-=-=-= */ .box { color: #666; margin: 0 0 30px; text-align: center; width: 100%; } .box img { margin-bottom: 10px; position: relative; } .box h4 { color: #232323; font-size: 18px; font-weight: 500; } .box h4 a { color: #232323; } .box strong { color: #999; display: block; font-size: 14px; padding: 0 0 10px; } .search-form .box h4 { font-size: 14px; } /* =-=-=-=-=-=-= Car Inspection =-=-=-=-=-=-= */ .car-inspection h3 { color: #323232; font-size: 18px; font-style: italic; margin-bottom: 5px; } .car-inspection h2 { color: #323232; font-size: 24px; font-weight: 700; line-height: 1.4em; text-transform: uppercase; } .car-inspection p { margin-top: 20px; } .car-inspection ul { margin-bottom: 30px; overflow: hidden; position: relative; } .car-inspection ul li i { color: #0EBF00; margin-right: 5px; } /* =-=-=-=-=-=-= Advanced Search =-=-=-=-=-=-= */ .advance-search { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.07); margin-top: -41px; position: relative; z-index: 99; } .section-search .nav-tabs { border-bottom: 0 none; } .section-search .nav-tabs .nav-item { margin-bottom: 0; margin-right: 7px; } .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, 0.8) none repeat scroll 0 0; 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; } .search-style-2 label { color: #232323; } .nav-tabs .nav-item+ .nav-item { margin-left: 0; } .section-search .nav-tabs .nav-item { margin-bottom: 0; margin-right: 7px; } .section-search .nav-tabs .nav-item.active a { background-color: #fff; } .section-search .nav-tabs .nav-link { border: 0 none; 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, 0.8); color: #232323; border-width: 0; } .hero .search-style-2.section-search .nav-tabs .nav-link { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; color: #fff; } .search-style-2 .tab-content .search-form .btn { margin-top: 32px; } .search-style-2 .tab-content .search-form .btn.extra-top { margin-top: 55px; } .search-style-2 .tab-content .search-form .btn-lg { letter-spacing: 1.3px; padding: 17px 30px; } .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; } /* =-=-=-=-=-=-= Tabs Section =-=-=-=-=-=-= */ .recent-tab { margin: 0 auto 40px; text-align: center; } .recent-tab ul.nav-tabs { background: #ffffff none repeat scroll 0 0; border-radius: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: inline-block; margin: 0 auto; } .recent-tab .nav.nav-tabs a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; border-radius: 30px; color: #222222; font-size: 15px; line-height: 26px; margin: 0 auto; padding: 6px 32px; position: relative; } .recent-tab .nav.nav-tabs li.active a { border: medium none; color: #ffffff; } .recent-tab ul.nav.nav-tabs li.active a { background: red; } /* =-=-=-=-=-=-= Featured Slider =-=-=-=-=-=-= */ .featured-slider.container .owl-stage-outer , .featured-slider-single.container .owl-stage-outer { overflow: visible; } .featured-slider .owl-item , .featured-slider-single .owl-item { opacity: 0.3; position: relative; } .featured-slider .owl-item.active , .featured-slider-single .owl-item.active{ opacity: 1; position: relative; } body .over-hidden { overflow: hidden; } .feature-section-5 { position: relative; } /* =-=-=-=-=-=-= Sell or Buy =-=-=-=-=-=-= */ .sell-box-grid { 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 .short-info h3 { color: #323232; font-size: 18px; font-style: italic; margin-bottom: 5px; } .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(0.5, #f6f6f6), color-stop(0.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 { margin-top: 15px; } .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; } .sell-points ul li span { font-weight: 600; } .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; } .buysell-section .stats p { font-size: 20px; margin-top: 0; } .buysell-section .stats p strong { color: #fff; } .absolute-img1 { position: relative; } .absolute-img1 img { position: absolute; bottom: 0; right: 0; } /* =-=-=-=-=-=-= Comparison =-=-=-=-=-=-= */ .vsbox { background: #919191 none repeat scroll 0 0; border-radius: 50%; color: #fff; height: 35px; left: 0; line-height: 35px; margin: 0 auto; position: absolute; right: 0; 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 span { color: #232323; font-size: 18px; font-weight: 500; } .comparison-box { margin-bottom: 30px; padding: 25px 20px; position: relative; transition: all 0.3s ease-in-out 0s; overflow: hidden; box-shadow: 0 2px 4px rgba(221, 221, 221, 0.75); background-color: #fff; } .comparison-box .rating { font-size: 14px; } .comparison-box .rating i { color: #ffc513; } .comparison-box:hover { box-shadow: 0 2px 4px rgba(221, 221, 221, 0.75); } .socail-icons ul li { display: inline-block; margin-bottom: 10px; margin-right: 3px; } .socail-icons li span:hover { cursor: pointer; } .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; } .socail-icons li a i { font-size: 12px; color: #fff; } .socail-icons li a.Facebook { background-color: #2b4a8b; } .socail-icons li a.Twitter { background-color: #1f94d9; } .socail-icons li a.Linkedin { background-color: #10598c; } .socail-icons li a.Google { background-color: #d83936; } .socail-icons li a.Vimeo { background-color: #1ab7ea; } .socail-icons li a.Pinterest { background-color: #cd201f; } .socail-icons li a.Tumblr { background-color: #2c4762; } .socail-icons li a.Instagram { background-color: #3f729b; } .socail-icons li a.Reddit { background-color: #eff7ff; } .socail-icons li a.Flickr { background-color: #ff0084; } .socail-icons li a.StumbleUpon { background-color: #ff7257; } .socail-icons li a.behance { background-color: #1e6fed; } .socail-icons li a.DeviantART { background-color: #05cc47; } .compare-detial .accordion { margin-top: 20px; } .compare-detial table { background-color: #fff; } .compare-detial .accordion li .accordion-content table { margin-top: 10px; } .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 { padding: 0; } .compare-detial table tr td ul li a { display: inline-block; height: 20px; margin-right: 10px; width: 20px; } .light-blue { background: #2196f3 none repeat scroll 0 0; color: #2196f3; } .orange { background: #ff9800 none repeat scroll 0 0; color: #ff9800; } .blueviolet { background: #673ab7 none repeat scroll 0 0; color: #673ab7; } .orange-dark { background: #ff5722 none repeat scroll 0 0; color: #ff5722; } .steelblue { background: #607d8b none repeat scroll 0 0; color: #607d8b; } .red-light { background: #fd4339 none repeat scroll 0 0; } .cyan-dark { background: #00bcd4 none repeat scroll 0 0; } .compare-detial tr td:first-child { width: 350px; background: #f2f2f2 none repeat scroll 0 0; text-align: center; font-weight:600; } .compare-detial tr td { box-sizing: border-box; color: rgba(0, 0, 0, 0.8); font-size: 18px; padding: 19px 15px; text-align: center; width: 395px; } .compare-detial tr { border: 1px solid #dddddd; } /* =-=-=-=-=-=-= User Testimonials =-=-=-=-=-=-= */ .owl-testimonial-2 .single_testimonial { background-color: #fff; box-shadow: 0 0 6px -3px rgba(0, 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; } .parallex .owl-testimonial-2 .single_testimonial h4, .owl-testimonial-1 .single_testimonial h4 { color: #232323; margin-bottom: 10px; } .parallex .owl-testimonial-2 .single_testimonial h3, .owl-testimonial-1 .single_testimonial h3 { color: #232323; } .parallex .owl-testimonial-2 .single_testimonial p, .owl-testimonial-1 .single_testimonial p { color: #777; } .owl-testimonial-2 .single_testimonial h4, .owl-testimonial-1 .single_testimonial h4 { font-size: 18px; font-weight: 600; margin-top: 0; text-transform: uppercase; } .owl-testimonial-2 .single_testimonial i, .owl-testimonial-1 .single_testimonial i { color: #ffc207; margin-bottom: 20px; margin-top: 5px; } .owl-testimonial-2 .single_testimonial img, .owl-testimonial-1 .single_testimonial img { border-radius: 50px; float: left; height: 90px; margin: auto 15px auto auto; width: 90px; } .owl-testimonial-2 .single_testimonial h3, .owl-testimonial-1 .single_testimonial h3 { font-size: 16px; margin: 0; text-transform: capitalize; } .owl-testimonial-2 .single_testimonial .testimonial-meta-box .testimonial-meta p, .owl-testimonial-1 .single_testimonial .testimonial-meta-box .testimonial-meta p { line-height: 24px; margin-bottom: 0; } .owl-testimonial-2 .single_testimonial .textimonial-content, .owl-testimonial-1 .single_testimonial .textimonial-content { margin-bottom: 10px; overflow: hidden; position: relative; } .owl-testimonial-2 .single_testimonial .testimonial-meta-box { overflow: hidden; position: relative; } .owl-testimonial-2 .single_testimonial .testimonial-meta-box::after { color: #202c45; content: ""; font-family: fontawesome; font-size: 32px; opacity: 0.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, 0.1); content: ""; height: 0; left: auto; opacity: 1; position: absolute; right: 15px; top: 0; width: 0; z-index: 9; } /* =-=-=-=-=-=-= Search Modal =-=-=-=-=-=-= */ .icon-search { position: absolute; top: 10px; left: 14px; font-size: 34px; color: #ccc; } .search-modal .modal-body { position: relative; padding-top: 0; } .search-modal .modal-header { background: #202020 none repeat scroll 0 0; } .search-modal .modal-header h3 { color: #fff; } .search-modal .form-control { background-color: transparent ; border: none; padding-left: 40px; } .search-modal .search-block .popular-search { padding-top: 15px; } .search-modal .search-block .popular-search label { font-size: 16px; } .search-modal .search-block .popular-search ul li a { color: #232323; } .search-modal .form-control:focus { box-shadow: none; } .search-modal .close { color: #fff; } .search-modal .close:hover, .search-modal .close:focus { color: #fff; } /* =-=-=-=-=-=-= Why Choose Us =-=-=-=-=-=-= */ .absolute-img { bottom: 0; position: absolute; top: 220px; } .choose-title p { margin-bottom: 30px; } .choose-title h3 { color: #323232; font-size: 18px; font-style: italic; margin-bottom: 5px; } .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 { color: #323232; font-size: 20px; font-weight: 500; margin-bottom: 10px; margin-top: 0; text-transform: capitalize; } .choose-list li { margin-bottom: 30px; } .our-services .left-column { color: #ffffff; 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 none repeat scroll 0 0; border-radius: 3px; margin-left: -50px; padding: 40px 40px 15px 40px; position: relative; } /* =-=-=-=-=-=-= About Us =-=-=-=-=-=-= */ .about-title h2 { color: #323232; font-size: 26px; font-weight: 700; line-height: 1.4em; text-transform: uppercase; padding-bottom: 20px; } .about-us .title { margin-bottom: 30px; } .about-us .content p { font-size: 18px; } .about-us .title h3::after { background-color: #242424; bottom: 0; content: ""; height: 1px; left: 0; margin: 0; position: absolute; right: 0; width: 59px; } .about-us .title h3 { color: #222; font-size: 28px; font-weight: 700; padding-bottom: 20px; position: relative; text-transform: capitalize; z-index: 2; } .about-us .title h3::before { background-color: #242424; bottom: 6px; content: ""; height: 1px; left: 0; margin: 0; position: absolute; right: 0; width: 99px; } .about-us .content p.service-summary { font-size: 24px; font-weight: 300; margin-bottom: 10px; } .about-title h2::before { margin: 0; background-color: #242424; bottom: 6px; content: ""; height: 1px; left: 0; position: absolute; right: 0; width: 99px; } .about-title h2::after { background-color: #242424; bottom: 0; content: ""; height: 1px; left: 0; margin: 0; position: absolute; right: 0; width: 59px; } .about-title h3 { color: #323232; font-size: 18px; font-style: italic; margin-bottom: 18px; } .about-title p, .our-experince p { margin-top: 20px; } .about-title .custom-links { margin-top: 20px; } .custom-links { list-style: outside none none; padding-left: 0; } .custom-links a { color: #232323; display: block; font-family: 'Poppins', 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: normal; left: 0; line-height: 1; position: absolute; top: 0; } .custom-img { position: absolute; right: 0; bottom: -60px; z-index: 99; } .custom-links li:last-child a { margin-bottom: 0; } .right-side h5 { color: #262626; font-size: 20px; line-height: 30px; margin-bottom: 25px; } .right-side img { bottom: -180px; position: absolute; right: -208px; } /* =-=-=-=-=-=-= Services =-=-=-=-=-=-= */ .our-services, .services-2 { position: relative; } .services-grid-3 { margin-bottom: 30px; position: relative; transition: all 0.3s ease 0s; } .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; transition: all 0.3s ease 0s; margin-bottom: 30px; position: relative; } .gray .services-grid { background-color: transparent; } .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 none repeat scroll 0 0; 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, 0.1); margin-bottom: 30px; } .services-grid h4 { color: #323232; font-size: 20px; font-weight: 500; margin-bottom: 10px; margin-top: 0; text-transform: capitalize; } .services-grid p:last-child { margin-bottom: 0; } /* =-=-=-=-=-=-= Footer =-=-=-=-=-=-= */ footer.footer-bg { padding-bottom: 110px; position: relative; border-top: 1px dashed #ddd; background: rgba(0, 0, 0, 0) url("../images/footer-banner.png") repeat-x scroll center bottom; } .footer-bg .footer-top, .footer-bg .copyrights { background-color: transparent; border-top: medium 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 .logo { margin: 0 0 10px; } .footer-top .widget p { margin-bottom: 20px; } .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.socail-icons li span:hover { cursor: pointer; } .footer-top .widget.my-quicklinks ul li a { color: #777; } .footer-top .widget.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 { font-size: 12px; color: #fff; } .footer-top .widget.socail-icons li a.Facebook { background-color: #2b4a8b; } .footer-top .widget.socail-icons li a.Twitter { background-color: #1f94d9; } .footer-top .widget.socail-icons li a.Linkedin { background-color: #10598c; } .footer-top .widget.socail-icons li a.Google { background-color: #d83936; } .footer-top .widget.socail-icons li a.Vimeo { background-color: #1ab7ea; } .footer-top .widget.socail-icons li a.Pinterest { background-color: #cd201f; } .footer-top .widget.socail-icons li a.Tumblr { background-color: #2c4762; } .footer-top .widget.socail-icons li a.Instagram { background-color: #3f729b; } .footer-top .widget.socail-icons li a.Reddit { background-color: #eff7ff; } .footer-top .widget.socail-icons li a.Flickr { background-color: #ff0084; } .footer-top .widget.socail-icons li a.StumbleUpon { background-color: #ff7257; } .footer-top .widget.socail-icons li a.behance { background-color: #1e6fed; } .footer-top .widget.socail-icons li a.DeviantART { background-color: #05cc47; } .footer-top .widget-newsletter .fieldset form input[type="text"] { background-color: #f5f5f5; border: medium 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 { position: relative; } .widget-newsletter .fieldset form .submit-btn { border: medium 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 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: #ffffff; 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 { margin-bottom: 30px; overflow: hidden; } .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 { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .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) none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.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: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 32px; } .footer-area .social-links a:hover { background: #fff none repeat scroll 0 0; color: #ffffff; } .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 { position: relative; } .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: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; transition: all 500ms ease 0s; width: 28px; } .blog-news-section .social-links-two a { background: #545454 none repeat scroll 0 0; border: medium none; color: #ffffff; font-size: 13px; height: 32px; line-height: 32px; width: 32px; } .social-links-two.alt a { border: 1px solid #cccccc; color: #cccccc; font-size: 12px; } .social-links-two a:hover { background: #f58936 none repeat scroll 0 0 ; color: #fff !important; } .detail-button-group { margin-bottom:5px; } .detail-button-group .btn { padding: 20px 15px; border:medium none; font-size: 20px; text-transform:capitalize; } .detail-button-group .btn i { margin-right:5px; } .btn-glyphicon { float:right; padding:8px; background:#ffffff; margin-left:4px; } .icon-btn { width: 100%;line-height:2em;} .detial-buttons { background: #f7f7f7 none repeat scroll 0 0; 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 { color: #fff; display: inline-block; font-size: 18px; font-weight: 600; line-height: 55px; position: relative; } .cat-title h3 a { color: #fff; } .cat-count { background: #fff none repeat scroll 0 0; padding: 15px; position: absolute; right: 16px; top: 1px; } .category-list-icon { background: #fff none repeat scroll 0 0; 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: "Source Sans Pro",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; color: #fff; display: inline-block; float: right; font-size: 32px; font-weight: bold; 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; }
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula