/*Template Name: AdZone A Complete Classified Solution TemplateAuthor: ScriptsBundleVersion: 1.0Designed and Development by: ScriptsBundle====================================[ CSS TABLE CONTENT ]------------------------------------ 1.0 - GENERAL CSS 2.0 - SMALL HEADING 3.0 - HEADING INNER CSS, COLOR SWITCHER CSS 4.0 - PAGINATION CSS 5.0 - HEADER TOP BAR 6.0 - NAVBAR 7.0 - HEADER 2 8.0 - HEADER 3 9.0 - HOME 4 FLATE SEARCH 10.0 - HTOP SEARCH HOME 2 11.0 - MAIN SECTION HOME 1 12.0 - INDEX 2 MAIN SECTION 13.0 - CATEGORY TABS 14.0 - LISTING PAGE 15.0 - CATEGORY TAB INDEX 2 16.0 - CALL TO ACTION 17.0 - FACTS COUNTER 18.0 - CATEGORIES 19.0 - CATEGORY PAGE 1 20.0 - LOCATIONS 1 21.0 - LISTING GRID 22.0 - TESTIMONIALS 1 23.0 - TESTIMONIAL CSS 24.0 - TESTIMONIAL 2 CSS 25.0 - APP DOWNLOAD 26.0 - CLIENTS 27.0 - FEATURED ADS 28.0 - COUNTER SECTION 29.0 - COMPANIES DETAILS 30.0 - BLOG POST CSS 31.0 - SINGLE BLOG PAGE CSS 32.0 - ACCORDIAN CSS 33.0 - PRICING CSS 34.0 - PRICING 2 CSS 35.0 - PRICING 3 & 4 CSS 36.0 - PRICING TABLE 5 CSS 37.0 - CONTACT US PAGES CSS 38.0 - OTHER PAGES CSS 39.0 - FOOTER 40.0 - PROFILE CARD USERS 41.0 - CALL TO ACTION 1 42.0 - BENIFITS 43.0 - SINGLE AD DETAIL 44.0 - Business Card Css 45.0 - SINGLE LISTING 2 46.0 - DASHBOARD 47.0 - FILTER OPTIONS 48.0 - LOGIN 49.0 - POST AD 50.0 - MAP LISTING CSS 51.0 - AD HEADER 52.0 - MEDIA QUERIES-------------------------------------[ END CSS TABLE CONTENT ]=====================================*/ /* FONTS */ @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('../../fonts/myriadPro/MYRIADPRO-REGULAR.woff') format('woff'); } @font-face { font-family: 'Myriad Pro Condensed'; font-style: normal; font-weight: normal; src: local('Myriad Pro Condensed'), url('../../fonts/myriadPro/MYRIADPRO-COND.woff') format('woff'); } @font-face { font-family: 'Myriad Pro Condensed Italic'; font-style: normal; font-weight: normal; src: local('Myriad Pro Condensed Italic'), url('../../fonts/myriadPro/MYRIADPRO-CONDIT.woff') format('woff'); } @font-face { font-family: 'Myriad Pro Light'; font-style: normal; font-weight: normal; src: local('Myriad Pro Light'), url('../../fonts/myriadPro/MyriadPro-Light.woff') format('woff'); } @font-face { font-family: 'Myriad Pro Semibold'; font-style: normal; font-weight: normal; src: local('Myriad Pro Semibold'), url('../../fonts/myriadPro/MYRIADPRO-SEMIBOLD.woff') format('woff'); } @font-face { font-family: 'Myriad Pro Semibold Italic'; font-style: normal; font-weight: normal; src: local('Myriad Pro Semibold Italic'), url('../../fonts/myriadPro/MYRIADPRO-SEMIBOLDIT.woff') format('woff'); } @font-face { font-family: 'Myriad Pro Bold Condensed'; font-style: normal; font-weight: normal; src: local('Myriad Pro Bold Condensed'), url('../../fonts/myriadPro/MYRIADPRO-BOLDCOND.woff') format('woff'); } @font-face { font-family: 'Myriad Pro Bold'; font-style: normal; font-weight: normal; src: local('Myriad Pro Bold'), url('../../fonts/myriadPro/MYRIADPRO-BOLD.woff') format('woff'); } @font-face { font-family: 'Myriad Pro Bold Italic'; font-style: normal; font-weight: normal; src: local('Myriad Pro Bold Italic'), url('../../fonts/myriadPro/MYRIADPRO-BOLDIT.woff') format('woff'); } @font-face { font-family: 'Myriad Pro Bold Condensed Italic'; font-style: normal; font-weight: normal; src: local('Myriad Pro Bold Condensed Italic'), url('../../fonts/myriadPro/MYRIADPRO-BOLDCONDIT.woff') format('woff'); } /* Font geologica */ @font-face { font-family: 'Geologica'; font-style: normal; font-weight: 400; src: url('../../fonts/Geologica/static/Geologica-Regular.ttf') format('truetype'); } @font-face { font-family: 'Geologica'; font-style: normal; font-weight: 500; src: url('../../fonts/Geologica/static/Geologica-Medium.ttf') format('truetype'); } @font-face { font-family: 'Geologica'; font-style: normal; font-weight: 600; src: url('../../fonts/Geologica/static/Geologica-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Geologica'; font-style: normal; font-weight: 900; src: url('../../fonts/Geologica/static/Geologica-Black.ttf') format('truetype'); } /* Font Nunito */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: url('../../fonts/Nunito/static/Nunito-Regular.ttf') format('truetype'); } @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 900; src: url('../../fonts/Nunito/static/Nunito-Black.ttf') format('truetype'); } /* ---- GENERAL CSS ----- */ body { /* background: #fff; */ background: #f4f7fa; font-family: "Quicksand", sans-serif; font-weight: 400; position: relative; overflow-x: hidden; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; } h3, h4 { font-weight: 400; line-height: 1.4; font-family: "Quicksand", sans-serif; } h1, h2 { line-height: 1.5; font-weight: 400; font-family: "Quicksand", sans-serif; } h5, h6 { line-height: 1.4; font-family: "Quicksand", sans-serif; } p { font-family: "Open Sans", sans-serif; letter-spacing: 1px; line-height: 30px; font-size: 14px; color: #777; } a { outline: none !important; color: #242424; text-decoration: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease- 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } a:hover, a:focus { text-decoration: none !important; } div, ul, section, html, body { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.1); } ::-webkit-scrollbar { width: 5px; } /* Track */ ::-webkit-scrollbar-track { background: #d9d9d9; } /* Handle */ ::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } hr { width: 100px; } ol, ul { text-decoration: none; list-style: none; padding: 0px; } input.form-control:focus { box-shadow: none; } .row.display-flex { display: flex; flex-wrap: wrap; } .row.display-flex.centered { align-items: center; } .row.display-flex>[class*='col-'] { flex-grow: 1; } .form-control { box-shadow: none; border: 1px solid #d9d9d9; } .panel { border-radius: 0; position: relative; box-shadow: none; border: 1px solid #d9d9d9; } .nopadding { padding: 0px; } .noshedow { box-shadow: none; } .no-translate { transform: none; } .margintop70 { margin-top: 70px; } .marginto30 { margin-top: 30px; } .marginbottom30 { margin-bottom: 30px; } .paddingtop0 { padding-top: 0; } .bg-grey { background-color: #f8f8f8; } .bg-white { background-color: #fff; } .light-blue { background-color: #f4f7fa !important; } .ad-placement { position: relative; overflow: hidden; float: left; } .ad-placement img { box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); margin: 0 auto; display: block; } .btn-custom { background-color: transparent; border: 1px solid #f58220; color: #f58220; font-weight: 600; padding: 10px 20px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease- 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .btn-custom:hover { background-color: #f58220; border: 1px solid #f58220; color: #fff; } .btn-default.focus, .btn-default:focus { background-color: #f58220; border-color: #f58220; color: #fff; } section { padding: 40px 0px; position: relative; background-color: #fff; } .wrapper { margin: 0 10vw; } .parallex::before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; border-right: 5px solid; } .parallex-employee::before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; border-left: 5px solid #242424; } .parallex-employer::before { background: rgba(60, 146, 202, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .category-section-3.background-bottom-image { background: #f4f7fa url("../images/bg/btm-img.png") no-repeat scroll left bottom 0; padding-bottom: 270px; } .heading-title { background-color: #f58220; color: #fff; font-size: 20px; left: 66px; letter-spacing: 2px; padding: 15px 20px; position: absolute; text-transform: uppercase; top: -59px; z-index: 999; } .heading-title::before { border-color: transparent #f58220 #f58220 transparent; border-style: solid; border-width: 54px 45px 5px 6px; bottom: 0; content: ""; height: 40px; left: -51px; position: absolute; width: 51px; } .heading-title::after { border-color: transparent transparent #f58220 #f58220; border-style: solid; border-width: 6px 52px 53px 7px; bottom: 0; content: ""; height: 50px; position: absolute; right: -58px; width: 58px; } .heading { background-color: #fff; padding: 20px; position: relative; border: 1px solid #d9d9d9; margin-bottom: 30px; } .heading .title { background-color: #fff; border-bottom: 2px solid #f58220; padding: 20px 0; position: relative; text-transform: capitalize; font-size: 18px; font-weight: 600; } .Heading-title { float: left; margin-bottom: 60px; text-align: center; width: 100%; } .Heading-title-left { float: left; margin-bottom: 40px; text-align: left; width: 100%; } .Heading-title-left h1::before { background-color: #242424; bottom: 6px; content: ""; height: 1px; left: 0; position: absolute; right: 0; width: 99px; } .Heading-title-left h1::after { background-color: #242424; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; right: 0; width: 59px; } .Heading-title-left h1 { display: inline-block; font-size: 50px; margin: -5px 0 0; padding-bottom: 16px; position: relative; text-align: left; text-transform: capitalize; } .Heading-title-left h1 b { font-weight: 600; } .Heading-title h1::before { background-color: #fff; bottom: 6px; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 99px; } .Heading-title h1::after { background-color: #fff; bottom: 0; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 59px; } .Heading-title h1 { display: inline-block; font-size: 32px; margin: -5px 0 0; padding-bottom: 16px; position: relative; text-align: center; font-weight: 600; text-transform: capitalize; } .Heading-title h1 b { font-weight: 600; } .Heading-title.black h1::before { background-color: #242424; bottom: 6px; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 99px; } .Heading-title.black h1::after { background-color: #242424; bottom: 0; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 59px; } .Heading-title.white { color: #fff; } .Heading-title.black { color: #242424; } .Heading-title p { text-align: center; width: 70%; margin: 0 auto; margin-top: 20px; line-height: 20px; } .Heading-title-left p { text-align: left; width: 100%; line-height: 20px; margin-top: 20px; } /* ---- SMALL HEADING ---- */ .small-heading { margin-bottom: 20px; } .Heading-title-left h3::before { background-color: #242424; bottom: 6px; content: ""; height: 1px; left: 0; position: absolute; right: 0; width: 99px; } .Heading-title-left h3::after { background-color: #242424; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; right: 0; width: 59px; } .Heading-title-left h3 { display: inline-block; font-size: 30px; margin: -5px 0 0; padding-bottom: 16px; position: relative; text-align: left; text-transform: capitalize; } .Heading-title-left h3 b { font-weight: 600; } .Heading-title h3::before { background-color: #fff; bottom: 6px; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 99px; } .Heading-title h3::after { background-color: #fff; bottom: 0; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 59px; } .Heading-title h3 { display: inline-block; font-size: 40px; margin: -5px 0 0; padding-bottom: 16px; position: relative; text-align: center; text-transform: capitalize; } .Heading-title h3 b { font-weight: 600; } .Heading-title.black h3::before { background-color: #242424; bottom: 6px; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 99px; } .Heading-title.black h3::after { background-color: #242424; bottom: 0; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 59px; } /* ---- HEADING INNER CSS ---- */ .heading-inner { margin-bottom: 30px; display: block; width: 100%; position: relative; overflow: hidden; margin-top: 20px; } .heading-inner .title { background-color: #fff; border-bottom: 2px solid #f58220; font-size: 20px; font-weight: 600; padding: 20px 0; position: relative; text-transform: capitalize; float: left; color: #242424; margin-bottom: 0; } /* ---- COLOR SWITCHER CSS ----- */ .color-switcher { width: 142px; position: fixed; left: -142px; top: 25%; background: #fff; z-index: 9999; padding: 0 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 #d9d9d9; } .color-switcher h5 { border-bottom: 1px solid #d9d9d9; font-size: 16px; font-weight: 600; line-height: 20px; margin: 20px 15px; padding: 20px 0; text-transform: uppercase; margin-top: 0; } .color-switcher ul { list-style: outside none none; overflow: hidden; padding: 0 15px; position: relative; } .color-switcher ul li { float: left; margin-right: 10px; margin-bottom: 10px; } .color-switcher ul li:nth-child(even) { margin-right: 0; } .color-switcher ul li a { display: block; width: 45px; height: 45px; outline: none; } .color-switcher ul li a.defualt { background: #f58220; } .color-switcher ul li a.red { background: #e96969; } .color-switcher ul li a.blue { background: #2196f3; } .color-switcher ul li a.mustard-brown { background: #e68364; } .color-switcher ul li a.golden { background: #e4b714; } .color-switcher ul li a.see-green { background: #40c37d; } .picker_close { width: 35px; height: 50px; position: absolute; right: -35px; top: -1px; border-radius: 0 5px 5px 0; border: 1px solid #d9d9d9; text-align: center; background: no-repeat center 5px #fff; border-left: 0; } .picker_close i { font-size: 24px; margin-top: 12px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .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; } .rotate-arrow { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } /* ---- BREADCRUMB CSS ----- */ .ad-breadcrumb { padding: 20px 0; border-bottom: 5px solid #f58220; } .ad-breadcrumb::before { background: rgba(0, 0, 0, 0.6); border-right: 5px solid; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .ad-breadcrumb .page-banner h1 { color: #fff; font-size: 30px; font-weight: 600; margin: 0; text-transform: uppercase; } .ad-breadcrumb .page-banner .breadcrumb { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin: 5px 0 7px; text-align: right; } .breadcrumb { margin-top: 1em !important; } .ad-breadcrumb .breadcrumb>li { display: inline-block; text-transform: capitalize; } .ad-breadcrumb .page-banner .breadcrumb a { color: #fff; text-transform: uppercase; } .ad-breadcrumb .breadcrumb>li+li::before { content: ""; font-family: FontAwesome; padding: 0 5px; } .ad-breadcrumb .breadcrumb>li+li::before { color: #f58220; content: "\f101"; padding: 0 5px; } .ad-breadcrumb .breadcrumb>.active { color: #aaa8a8; text-transform: uppercase; } /* ---- SPINNER CSS ---- */ #spinner { background: #fff; height: 100%; left: 0; opacity: 1; filter: alpha(opacity=100); position: fixed; text-align: center; top: 0; width: 100%; z-index: 999999999; } .spinner-img { height: 100%; left: 0; position: fixed; top: 35%; width: 100%; } .first-heading { margin-top: 0; } .first-heading .title { padding-top: 0; } /** PAGINATION KOPA */ .kopa-pagination { padding: 15px 0 0 0; } @media (max-width: 992px) { .kopa-pagination { margin: 0 0 15px 0; } } .kopa-pagination ul li { display: inline-block; margin: 0 0 10px 10px; } @media (max-width: 768px) { .kopa-pagination ul li { margin: 0 0 5px 5px; } .kopa-pagination ul li:first-child { margin: 0 0 5px; } } .kopa-pagination ul li:first-child { margin: 0 0 10px 0; } .kopa-pagination ul li span, .kopa-pagination ul li a { width: 30px; height: 30px; line-height: 30px; font-size: 14px; color: #222222; text-align: center; display: block; } .kopa-pagination ul li a { border: 1px solid #ffffff; width: auto; padding-left: 5px; padding-right: 5px; } .kopa-pagination ul li a { transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .kopa-pagination ul li a:hover { background: #f58220; border-color: #f58220; } .kopa-pagination ul li .prev, .kopa-pagination ul li .next { width: auto; color: #999999; border: none; } .kopa-pagination ul li .prev:hover, .kopa-pagination ul li .next:hover { background: none; color: #f58220; } .kopa-pagination ul .current span, .kopa-pagination ul .current li a, .kopa-pagination ul li .current a { background: #f58220; border-color: #f58220; } /* ---- PAGINATION CSS ---- */ .pagination-box { position: relative; overflow: hidden; text-align: center; } .pagination { margin: 0; } .pagination>li>a, .pagination>li>span { padding: 10px 15px; color: #242424; font-size: 16px; border: none; margin-right: 10px; margin-bottom: 10px; border: 1px solid #d9d9d9; } .pagination>li.active>a { background-color: #f58220; border: 1px solid #f58220; font-weight: 600; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #f58220; border: 1px solid #f58220; } .pagination>li>a:hover { background-color: #f58220 !important; color: #fff; border: 1px solid #f58220; } .select2-container { width: 100% !important; } .load-more-btn { overflow: hidden; position: relative; text-align: center; margin: 30px 0; } .load-more-btn .btn-default { padding: 10px 30px; text-transform: uppercase; } .load-more-btn i { margin-left: 10px; } .btn-default i { margin-left: 5px; margin-right: 5px; } .select2-container--default .select2-selection--single { border: none; } /* ---- HEADER TOP BAR ---- */ .absolute-header { width: 100%; position: absolute; } .header-top { background: #242424 none repeat scroll 0 0; padding: 15px 0; border-top: 2px solid #f58220; } .header-top i { font-size: 14px; } .header-top-info>p { border-left: 1px solid #555; color: #6f747d; display: inline-block; font-size: 14px; line-height: 1; margin-bottom: 0; padding: 0 19px 0 20px; } .header-top-info>p a { color: #fff; } .header-top-info>p:first-child { border-left: medium none; padding-left: 0; } .header-top-info>p i { margin-right: 10px; } .header-top-right ul { margin-bottom: 0; } .header-top-right ul li a { color: #fff; text-transform: uppercase; } .header-top-right ul li a:hover { color: #f58220; } .header-top-right ul li i { margin-right: 5px; } .header-top-right ul li { display: inline; padding: 0 10px; } .header-top-right ul li:first-child { border-left: none; } .header-top-left .social-bar { margin-top: 0; margin-bottom: 0; } .header-top-left .social-bar li a:hover { color: #fff !important; } .header-top-left .social-bar ul { margin-bottom: 0; } .header-top-right .country .btn-info { background-color: transparent; border: none; padding: 0; text-transform: uppercase; } .header-top-right .country .btn-info.active.focus, .header-top-right .country .btn-info.active:focus, .header-top-right .country .btn-info.active:hover, .header-top-right .country .btn-info.focus:active, .header-top-right .country .btn-info:active:focus, .header-top-right .country .btn-info:active:hover, .header-top-right .country .open>.dropdown-toggle.btn-info.focus, .header-top-right .country .open>.dropdown-toggle.btn-info:focus, .header-top-right .country .open>.dropdown-toggle.btn-info:hover { color: #f58220; background-color: transparent; border: none; box-shadow: none; } .header-top-right .country .dropdown-menu { border-radius: 0; min-width: 150px; padding: 0; margin: 0; margin-top: 15px; } .header-top-right ul.dropdown-menu li { /* position: relative; */ /* overflow: hidden; */ } .header-top-right ul.dropdown-menu>li>a { padding: 10px 20px; color: #555; } .header-top-right ul.dropdown-menu>li>a:hover { color: #f58220; } .header-top-right .top-profile .dropdown-menu>li a:before { color: #242424; content: normal; font-family: FontAwesome; padding-right: 0; font-weight: 400; } header .header-bar-top .header-bar-top-element { padding: 12px 25px; } header .header-bar-top .header-bar-top-element { border-right: 1px solid rgba(255, 255, 255, 0.3); color: #fff; display: inline-block; font-size: 12px; position: relative; } header .header-bar-top .header-bar-top-element i { color: #fff; display: inline-block; font-size: 12px; margin-right: 15px; } header .header-bar-top .header-bar-top-element a { color: #fff; text-decoration: none; transition: all 0.1s ease 0s; } .header-bar-top-element .dropdown-menu .dropdown-item { /* display: block; */ color: #242424; padding: 10px; } .header-bar-top-element .dropdown-menu { min-width: 120px; border-radius: 0; padding: 0; margin-top: 12px; } .header-bar-top-element .btn-group .btn { background-color: transparent; padding: 0; line-height: 10px; } .languages-switcher .dropdown-toggle::after { border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid; content: ""; display: inline-block; height: 0; margin-left: 0.3em; vertical-align: middle; width: 0; color: #fff; } .submit-btn { font-size: 20px; background-color: #f58220; color: #fff; border-radius: 5px; padding: 7px 10px !important; margin-top: 20px; border: 1px solid #f58220; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); } .index4-header .navbar-default .navbar-nav>li>a.submit-btn { font-size: 14px; color: #fff; } .index4-header .navbar-default .navbar-nav>li>a.submit-btn:hover { color: #f58220; } .index4-header .submit-btn i { margin-right: 5px; } .submit-btn:hover, .submit-btn:focus { border: 1px solid #f58220; color: #f58220; } .submit-btn:hover i, .submit-btn:focus i { color: #f58220; } .submit-btn i { color: #fff; } #header2 .submit-btn i, .header3 .submit-btn i, .header3 .header-login-btn i { color: #fff; margin-right: 5px; } .navbar { box-shadow: 0 1px 5px 0px rgb(32 32 32 / 10%); } .navbar-brand { padding: 0; } .navbar-brand img { height: 50px; } .geo-region { margin-bottom: 0; position: absolute; bottom: 8px; font-weight: bold; font-family: 'Myriad Pro Bold'; } .geo-region.logo-login { bottom: -10px; font-size: 12px; } .geo-region-footer-container { width: 205px; margin: auto; text-align: left; margin-top: -15px; } .geo-region-footer { color: #222222; font-size: 14px; line-height: 22px; font-weight: bold; font-family: 'Myriad Pro Bold'; } .header3 .navbar-default .navbar-nav>li>a.header-login-btn { background-color: #555; color: #fff; padding: 7px 10px; margin-left: 10px; margin-top: 7px; border: 1px solid #555; border-radius: 5px; } .header3 .navbar-default .navbar-nav>li>a.header-login-btn:hover { border: 1px solid #fff; color: #fff; } .header3 .submit-btn:hover { border: 1px solid #fff; } /* ---- NAVBAR ---- */ header { position: relative; transition: top 0.2s ease-in-out; border-radius: 0; z-index: 999; } .nav-up { top: -150px; } .header3.nav-down { position: fixed !important; background-color: #242424; top: 0 !important; padding: 10px 0; } .header3.nav-down #navbar-logo { margin-top: 0; } .container-dropdown { max-height: 40em; overflow-y: auto; } .dropdown-menu>li { /* position: static; */ } .dropdown-menu>li a:before { color: #242424; content: "\f105 "; font-family: FontAwesome; padding-right: 10px; font-weight: 400; } .dropdown-menu>li>a { /*border-bottom: 1px solid #d9d9d9;*/ display: flex; align-items: center; box-sizing: border-box; color: rgba(0, 0, 0, 0.7); float: left; font-size: 12px; font-weight: 600; padding: 5px 20px; text-transform: uppercase; width: 100%; } .dropdown-menu>li>a:hover, .dropdown-menu>li.open>a { background-color: transparent; color: #f58220; padding-right: 10px; } .dropdown-menu>li.dropdown>a:hover { background-color: transparent; padding-right: 10px; } .navbar-default { background-color: #fff; /*padding: 10px 0;*/ } .navbar { margin-bottom: 0; border: none; border-radius: 0; z-index: 999; } .navbar-nav>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu .dropdown-menu { border-radius: 0; padding: 10px 0; border: none; border-top: 3px solid #f58220; } .navbar-right .dropdown-menu { /* right: auto; left: 0; */ } .dropdown-menu .dropdown-menu { border-radius: 0; max-height: 40em !important; overflow-y: auto; } .navbar-default .navbar-nav>li>a { text-transform: uppercase; padding: 30px 15px; font-weight: 600; color: #242424; } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { color: #f58220; border-color: #eee; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #f58220; padding-left: 30px; } #navbar-logo { margin-top: 9px; margin-left: 0; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; color: #f58220; } .navbar-fixed-bottom, .navbar-fixed-top { box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); } #kopa-main-nav.nav-fixed { display: block; position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; margin: 0; transform: scale(0); transform-origin: top; transition: transform 0.2s 0s ease; } /*BOTTOM BAR*/ .bottom-bar { display: none; } .bottom-bar .menu-buttons { display: flex; height: 6rem; width: 100%; align-items: center; justify-content: space-evenly; } .bottom-bar .menu-buttons .bottom-button { background: transparent; outline: none; border: none; display: flex; flex-direction: column; align-items: center; padding: 7px; } .bottom-bar .bottom-button:active { background: radial-gradient(transparent, #0000001f); border-radius: 5px; } .bottom-bar .bottom-button .bottom-button-icon, .bottom-bar .bottom-button .bottom-button-label { color: hsl(0deg 0% 45%); line-height: 1.2; } .bottom-bar .bottom-button .bottom-button-label { font-size: 10px; font-family: "Quicksand"; font-weight: 800; color: rgb(145, 145, 145); } .bottom-bar .bottom-button .bottom-button-icon { font-size: 2rem; } .bottom-bar .bottom-button.active { background: linear-gradient(130deg, #F58220, #eb9244); border-radius: 5px; } .bottom-bar .bottom-button.active .bottom-button-icon .path1::before { color: #FFFFFF; } .bottom-bar .bottom-button.active .bottom-button-icon .path2::before { color: #b6b6b6; } .bottom-bar .bottom-button.active .bottom-button-icon .path3::before { color: #dedede; } .bottom-bar .bottom-button.active .bottom-button-icon, .bottom-bar .bottom-button.active .bottom-button-label { color: #FFF; } .bottom-bar .bottom-option { display: none; overflow-y: auto; } .active-bottom-option { display: block !important; height: calc(100% - 3rem); } .bottom-bar .menu-options .close-options { width: 100%; background: transparent; border: none; height: 3rem; } .bottom-bar .menu-options { margin: 0 1em; height: 0; width: calc(100% - 2em); border-top: solid 1px rgb(36 36 36 / 33%); max-height: 65vh; transform: scaleY(1); display: flex; flex-direction: column; justify-content: space-between; } .menu-options-active { height: 55vh !important; } .bottom-bar .menu-options .bottom-list-item li { padding: 0.5em 1em; font-size: 1.2em; color: #747474; } .bottom-bar .menu-options .bottom-list-item li, .drop .drop-selector { padding: 0.5em 1em; font-size: 1.2em; color: #747474; box-shadow: 1px 1px 2px 2px rgb(32 32 32 / 10%); margin-top: 0.5em; margin-bottom: 0.2em; border-radius: 10px; background: rgba(32, 32, 32, 0.05); } .bottom-bar .menu-options .bottom-list-item li i { padding: 0 0.5em; } .bottom-bar .menu-options .bottom-list-item:active li, .drop .drop-selector:active { color: #F58220; background: #f5832062; } .bottom-bar .menu-options .close-options:active { background: rgba(32, 32, 32, 0.2); } .double-container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; } .double-container button { background: transparent; border: none; } .grid-span-2 { grid-column: span 2; } .drop .drop-selector { width: 100%; border: none; text-align: left } .bottom-bar .bottom-option .vertical { width: 100%; overflow-x: auto; } .bottom-bar .bottom-option .vertical .three-col { display: flex; width: 150vw; } .bottom-bar .bottom-option .vertical .three-col .card-event-container { margin-right: 0.5em; } .bottom-bar .bottom-option .view-more { padding: 0.5em; text-align: center; font-weight: bold; } .bottom-bar .bottom-option .view-more a { color: #F58220; } /*END BOTTOM BAR*/ .drop .drop-menu { padding-left: 1em; display: none; transform: scaleY(0); transform-origin: top; -webkit-transition: transform 0.3s 0s ease; -moz-transition: transform 0.3s 0s ease; -o-transition: transform 0.3s 0s ease; transition: transform 0.3s 0s ease; } .drop-menu-active { transform: scaleY(1) !important; display: block !important; } /* ---- HEADER 2 ---- */ #top-bar ul { box-shadow: 0 0 4px rgba(255, 255, 255, 0.176); float: right; } #top-bar ul li a { color: #fff; background-color: rgba(255, 255, 255, 0.4); padding: 10px 30px; text-transform: uppercase; } #top-bar ul li a:hover { color: #242424; } #top-bar ul li a i { line-height: 0; margin-right: 5px; } .inner-container-topbar-row { display: flex; align-items: center; } .right-topbar-container { display: flex; align-items: center; } .search-input-container { background: #fff; border-radius: 5px; padding: 5px; display: flex; align-items: center; } .search-input-container input { width: 18em; background: transparent; border-color: transparent; } .search-input-container input[type="text"]:focus { border: 1px solid transparent; border-color: none; box-shadow: none; } .search-input-container input[type="text"]:focus input { background: #dfdfdf; } .ui-autocomplete { z-index: 9999 !important; } #header2 { background-color: transparent; position: absolute; top: 30px; width: 100%; z-index: 999; box-shadow: none; } #header2.nav-down { position: fixed !important; width: 100%; top: -40px !important; background-color: #fff; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); } #header2.nav-down .navbar { box-shadow: none; } #header2 .navbar-default { background-color: transparent; border: none; border-radius: 0; padding: 0; } #header2 .menu { background-color: #fff; } #header2 .navbar-brand { margin: 0; } #header2 .navbar-default .navbar-nav>li>a.submit-btn { border: medium none; color: #fff; font-size: 14px; margin-right: 15px; margin-top: 20px; padding: 10px 20px; border: 1px solid #f58220; } #header2 .navbar-default .navbar-nav>li>a.submit-btn:hover i { color: #f58220; } #header2 .navbar-default .navbar-nav>li>a.submit-btn:hover { color: #f58220; border: 1px solid #f58220; } #header2 .navbar-brand img { margin-top: 20px; margin-left: 20px; } /* ---- HEADER 3 ---- */ .header3 { position: absolute; width: 100%; z-index: 999; top: 30px; } .header3 .navbar-default { background-color: transparent; border: 0; box-shadow: none; } .header3 .navbar-default .navbar-nav>li>a { color: #fff; padding: 15px; } .header3 .navbar-default .navbar-nav>.open>a, .header3 .navbar-default .navbar-nav>.open>a:focus, .header3 .navbar-default .navbar-nav>.open>a:hover { background-color: #f58220; color: #fff; } .header3 .submit-btn { font-size: 14px; margin-top: 8px; } .header3 .navbar-brand img { margin: 0; } .header3 #navbar-logo { margin-left: 0; margin-top: 10px; } .home3-bg { background: rgba(60, 146, 202, 0.7) url("../images/bg/8.jpg") no-repeat fixed center top / cover; height: 720px; } .home3-bg::before { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .home3-bg .search-form-contaner { margin-top: 300px; padding-bottom: 40px; background-color: transparent; } .home3-bg .search-main-title { color: #fff; font-size: 40px; margin-bottom: 30px; margin-top: 0; text-align: center; text-transform: capitalize; } .home3-bg .form-group { width: 100%; } .home3-bg .form-group input.form-control { border-color: #d9d9d9; height: 50px; width: 100%; } .home3-bg .btn-search-submit { font-size: 16px; font-weight: normal; height: 50px; width: 100%; padding: 0; } .home3-bg .btn-search-submit i { margin-right: 5px; } .home3-bg .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; padding-left: 15px; } .home3-bg .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } .home3-bg .select2-container--default .select2-selection--single { border: medium none; border-radius: 5px; height: 50px; } .form-inline .form-group .fa-location-arrow { position: absolute; right: 25px; top: 14px; cursor: pointer; } /* ---- HOME 4 FLATE SEARCH ---- */ .flate-search { padding: 30px 0; background-color: #242424; } .flate-search .form-group input.form-control { border-color: #d9d9d9; height: 50px; width: 100%; } .flate-search .form-group input.form-control { border-color: #d9d9d9; height: 50px; width: 100%; } .flate-search .form-inline .form-group .fa-location-arrow { cursor: pointer; position: absolute; right: 25px; top: 14px; } .flate-search .select2-container--default .select2-selection--single { border: medium none; border-radius: 5px; height: 50px; } .flate-search .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; padding-left: 15px; } .flate-search .form-group { width: 100%; } .flate-search .btn-search-submit { font-size: 16px; font-weight: normal; height: 50px; padding: 0; width: 100%; } .flate-search .btn-search-submit span { margin-right: 10px; } .form-inline .form-group input { padding-left: 50px; } .form-inline .form-group i { font-size: 18px; left: 15px; position: absolute; top: 16px; } .home3-bg .form-inline .form-group i { left: 30px; } .flate-search .form-inline .form-group i { font-size: 18px; left: 30px; position: absolute; top: 16px; } .range .keyboardspan { color: #fff; font-size: 14px; } .widget .range .keyboardspan { color: #242424; font-size: 14px; } .range .noUi-target { background: #fafafa; border-radius: 3px; box-shadow: none; } .range .noUi-horizontal { height: 10px; margin: 20px 0; margin-bottom: 5px; border: none; } .range .noUi-connect { background: #f58220; box-shadow: none; border-radius: 3px; } .range #keyboard .noUi-handle::after, .range #keyboard .noUi-handle::before { width: 0; } .range .noUi-horizontal .noUi-handle { height: 20px; left: -17px; top: -6px; width: 20px; cursor: pointer; } .range .noUi-handle { border-radius: 50px; } /* ---- TOP SEARCH HOME 2 ---- */ .search-transparent { width: 100%; } .search-transparent .search-form { display: inline-block; float: right; position: relative; width: 100%; } .search-transparent .search-field, .search-transparent .search-submit { height: 3.75rem; } .search-transparent .search-field { position: absolute; right: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background-color: transparent; border: none; border-bottom: 1px solid #fff; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 2.25rem; font-weight: 600; opacity: 0; padding-right: 3.75rem; width: 0; z-index: 3; } .search-transparent .search-field:focus { cursor: text; opacity: 1; outline: none; width: 100%; z-index: 1; } .search-transparent .search-field:focus:hover~.search-submit .fa-search { color: #ffffff; } .search-transparent .search-field:hover~.search-submit .fa-search { color: white; } .search-transparent .search-submit { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: transparent; border: none; float: right; position: relative; width: 3.75rem; z-index: 2; } .search-transparent .search-submit:hover .fa-search { color: white; } .search-transparent .fa-search { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #ffffff; font-size: 2.25rem; } .image-as-background { background-position: center center; background-size: cover; background-repeat: no-repeat; } section.slider-container { padding: 0; } /* .ad-slider .images { background: #cdd1d5; } */ .social-media-about-container .fa { font-size: 1.5em; } /* ---- MAIN SECTION HOME 1 ---- */ .main-section { padding: 0; background: rgba(60, 146, 202, 0.7) url("../images/bg/7.jpg") no-repeat scroll center center / cover; height: 720px; } .main-section::before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .main-section .form-inline { overflow: hidden; position: relative; overflow: hidden; position: relative; } .main-section .form-group input.form-control { height: 50px; width: 100%; border-color: #d9d9d9; } .main-section .select2-container--default .select2-selection--single { height: 50px; border: none; border-radius: 5px; } .main-section .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; } .main-section .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; padding-left: 15px; border-radius: 5px; } .main-section .form-group { width: 100%; margin-bottom: 20px; } .main-section .btn-search-submit { height: 50px; width: 100%; border-radius: 5px; font-size: 16px; font-weight: 600; text-transform: uppercase; } .main-section .btn-search-submit span { margin-right: 10px; } .search-form-contaner { padding: 20px 30px; margin-top: 100px; position: relative; overflow: hidden; background-color: rgba(0, 0, 0, 0.7); } .main-section .search-main-title { color: #fff; font-size: 40px; margin-bottom: 20px; margin-top: 0; text-align: center; text-transform: capitalize; } .main-section-product { position: relative; width: 100%; } .main-section-product img { position: absolute; right: 0px; top: 140px; -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */ animation-duration: 2s; } /* ---- INDEX 2 MAIN SECTION ---- */ .home-2 { background: rgba(60, 146, 202, 0.7) url("../images/bg/3.jpg") no-repeat fixed center top / cover; height: 720px; padding: 0; } .home-2 .search-form-contaner { margin-top: 230px; } .employer-main-section .btn-default { background-color: transparent; color: #fff; border: 1px solid #fff; text-transform: capitalize; } /* ---- CATEGORY TABS ---- */ .cat-tabs { padding-top: 0; padding-bottom: 70px; background-color: #f4f7fa; } .cat-tabs .cat-title { background-color: #f58220; color: #fff; font-size: 20px; left: 66px; letter-spacing: 2px; padding: 15px 20px; position: absolute; text-transform: uppercase; top: -59px; z-index: 999; font-weight: 600; } .cat-tabs .cat-title::before { border-color: transparent #f58220 #f58220 transparent; border-style: solid; border-width: 54px 45px 5px 6px; bottom: 0; content: ""; height: 40px; left: -51px; position: absolute; width: 51px; } .cat-tabs .cat-title::after { border-color: transparent transparent #f58220 #f58220; border-style: solid; border-width: 6px 52px 53px 7px; bottom: 0; content: ""; height: 50px; position: absolute; right: -58px; width: 58px; } .cat-tabs .panel-tabs>li { float: left; text-align: center; width: 12.5%; } .cat-tabs .panel-tabs>li.active { /*padding:15px;*/ } .cat-tabs .panel-tabs>li>a { color: #fff; font-size: 14px; padding: 15px; font-weight: 600; text-transform: uppercase; } .cat-tabs .panel-tabs>li>a:hover { border-color: transparent; background-color: transparent; } .cat-tabs .panel-tabs>li.active>a, .cat-tabs .panel-tabs>li.active>a:hover, .cat-tabs .panel-tabs>li.active>a:focus { /*border:1px solid #FFF;*/ } .cat-tabs .panel-tabs>li.active>a i, .cat-tabs .panel-tabs>li.active>a:hover i, .cat-tabs .panel-tabs>li.active>a:focus i { color: #fff; font-weight: normal; } .cat-tabs .panel-tabs>li:nth-child(2) { background-color: #a567cc; } .cat-tabs .panel-tabs>li.active:nth-child(2) a:before { border-color: #a567cc #f4f7fa; border-style: solid; border-width: 20px 20px 0; bottom: -20px; content: ""; height: 10px; left: 0; position: absolute; width: 35px; } .cat-tabs .panel-tabs>li:nth-child(1) { background-color: #a0bd2d; } .cat-tabs .panel-tabs>li.active:nth-child(1) a:before { border-color: #a0bd2d #f4f7fa; border-style: solid; border-width: 20px 20px 0; bottom: -20px; content: ""; height: 10px; left: 0; position: absolute; width: 35px; } .cat-tabs .panel-tabs>li:nth-child(3) { background-color: #53b9c5; } .cat-tabs .panel-tabs>li.active:nth-child(3) a:before { border-color: #53b9c5 #f4f7fa; border-style: solid; border-width: 20px 20px 0; bottom: -20px; content: ""; height: 10px; left: 0; position: absolute; width: 35px; } .cat-tabs .panel-tabs>li:nth-child(4) { background-color: #b89579; } .cat-tabs .panel-tabs>li.active:nth-child(4) a:before { border-color: #b89579 #f4f7fa; border-style: solid; border-width: 20px 20px 0; bottom: -20px; content: ""; height: 10px; left: 0; position: absolute; width: 35px; } .cat-tabs .panel-tabs>li:nth-child(5) { background-color: #81d050; } .cat-tabs .panel-tabs>li.active:nth-child(5) a:before { border-color: #81d050 #f4f7fa; border-style: solid; border-width: 20px 20px 0; bottom: -20px; content: ""; height: 10px; left: 0; position: absolute; width: 35px; } .cat-tabs .panel-tabs>li:nth-child(6) { background-color: #757790; } .cat-tabs .panel-tabs>li.active:nth-child(6) a:before { border-color: #757790 #f4f7fa; border-style: solid; border-width: 20px 20px 0; bottom: -20px; content: ""; height: 10px; left: 0; position: absolute; width: 35px; } .cat-tabs .panel-tabs>li:nth-child(7) { background-color: #f05458; } .cat-tabs .panel-tabs>li.active:nth-child(7) a:before { border-color: #f05458 #f4f7fa; border-style: solid; border-width: 20px 20px 0; bottom: -20px; content: ""; height: 10px; left: 0; position: absolute; width: 35px; } .cat-tabs .panel-tabs>li:nth-child(8) { background-color: #f4721e; } .cat-tabs .panel-tabs>li.active:nth-child(8) a:before { border-color: #f4721e #f4f7fa; border-style: solid; border-width: 20px 20px 0; bottom: -20px; content: ""; height: 10px; left: 0; position: absolute; width: 35px; } .cat-tabs .panel { margin-top: -122px; border: none; box-shadow: none; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.7); } .cat-tabs .panel-primary>.panel-heading { background-color: transparent; border: medium none; border-radius: 0; box-shadow: none; padding: 0; border-bottom: none; } .cat-tabs .panel-tabs>li a i { font-size: 50px; color: #fff; font-weight: normal; } .cat-tabs .panel-body { padding: 15px 0; } .listing-post { background-color: #fff; position: relative; float: left; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); margin-bottom: 30px; width: 100%; } .listing-post .listing-desc { padding: 20px 0px; } .post-content__content { color: white !important; } .listing-desc .listing-desc-category ul { padding: 0; margin-bottom: 10px; } .listing-desc .listing-desc-category ul li+li::before { content: ""; display: inline-block; font-family: "FontAwesome"; text-align: center; width: 24px; } .listing-desc .listing-desc-category ul li { display: inline-block; text-transform: capitalize; } .listing-desc .listing-desc-category ul li a { color: #777; } .listing-desc-title { margin-top: 0; text-transform: capitalize; font-size: 20px; font-weight: 600; } .listing-desc-title a:hover { color: #5eb038; } .listing-desc .listing-price { text-transform: capitalize; font-size: 22px; font-weight: 600; } .listing-desc .listing-price span { font-size: 24px; font-weight: 600; color: #f58220; margin-left: 10px; padding: 0 15px; } .listing-desc .listing-desc-date { float: right; font-size: 16px; } .listing-desc .listing-desc-date i { font-size: 20px; color: #f58220; margin-right: 10px; line-height: 30px; } .listing-info { padding: 20px 15px; border-left: 1px solid #f4f5f8; } .listing-info span { background-color: #f4f5f8; display: block; margin-bottom: 10px; width: 100%; } .listing-info span:first-child { padding-top: 0; } .listing-info .listing-address i, .listing-info .listing-phone i, .listing-info .listing-email i { background-color: #f58220; color: #fff; margin-right: 10px; padding: 10px; } .listing-info .btn { margin-top: 20px; text-transform: uppercase; } /* ---- LISTING PAGE ---- */ .ad-listing .ad-box-2-detail { padding: 13px 0; } .ad-listing .ad-box-2 .ad-title-box { width: 100%; } .ad-listing .ad-price-on-image { right: 0; bottom: 15px; overflow: hidden; padding: 10px; position: absolute; text-align: right; } .price { box-shadow: 0px 0px 2px 1px rgb(32 32 32 / 30%); } .ad-listing .ad-price-on-image .price { color: #242424; border-radius: 5px; font-size: 20px; padding: 5px 10px; background-color: #fff; } .ad-listing .ad-desc p { margin: 5px 0; } .ad-listing .ad-bottom-area .btn-default, .all-ads-list-box2 .ad-bottom-area .btn-default { border: none; color: #242424; font-weight: 600; padding: 0; line-height: 40px; background-color: transparent; text-shadow: none; } .ad-listing .ad-bottom-area .btn-default:hover, .all-ads-list-box2 .ad-bottom-area .btn-default:hover { color: #f58220; } .ad-listing .dropdown-menu { /* right: 40px; */ /* left: auto; */ box-shadow: 0 0px 6px rgba(0, 0, 0, 0.176); top: 10px; border-radius: 0; } .ad-listing .btn-danger.active.focus, .ad-listing .btn-danger.active:focus, .ad-listing .btn-danger.active:hover, .ad-listing .btn-danger.focus:active, .ad-listing .btn-danger:active:focus, .ad-listing .btn-danger:active:hover, .ad-listing .open>.dropdown-toggle.btn-danger.focus, .ad-listing .open>.dropdown-toggle.btn-danger:focus, .ad-listing .open>.dropdown-toggle.btn-danger:hover { background-color: transparent; color: #555; box-shadow: none; } .ad-listing .btn-group.open .dropdown-toggle { box-shadow: none; } .dropdown-item { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; clear: both; color: #373a3c; display: block; font-weight: 400; padding: 3px 20px; text-align: inherit; white-space: nowrap; width: 100%; } .ad-listing .listing-info { padding: 15px 0; } .ad-listing .btn-group button.btn-danger { background-color: transparent; border: medium none; color: #555; margin: 0; position: absolute; right: 5px; top: 5px; } .ad-listing .listing-email { margin-bottom: 0; } /* ---- CATEGORY TAB INDEX 2---- */ .cat-tab-2 { padding-top: 100px; } .cat-tab-2 .panel { margin: 0; } .cat-tab-2 .panel { background-color: #fff; } .cat-tab-2 .panel-tabs>li { width: 20%; } .cat-tab-2 .panel-tabs>li a i { color: #242424; font-size: 35px; font-weight: normal; } .cat-tab-2 .panel-tabs>li>a { color: #242424; } .cat-tab-2 .panel-tabs>li { background-color: #fff !important; border: 2px solid #d9d9d9; border-left-width: 1px; border-right-width: 1px; } .cat-tab-2 .panel-tabs>li.active { border: 1px solid #f58220; } .cat-tab-2 .panel-tabs>li.active a { color: #f58220; position: relative; background: #fff; border: 1px solid #f58220; } .cat-tab-2 .panel-tabs>li.active>a i, .cat-tab-2 .panel-tabs>li.active>a:hover i, .cat-tab-2 .panel-tabs>li.active>a:focus i { color: #f58220; } .cat-tabs .panel-body { padding-top: 80px; padding-bottom: 0; } .cat-tab-2 .panel-primary .panel-tabs>li.active a::before, .cat-tab-2 .panel-primary .panel-tabs>li.active a::after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .cat-tab-2 .panel-primary .panel-tabs>li.active a::after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 30px; margin-left: -30px; } .cat-tab-2 .panel-primary .panel-tabs>li.active a:before { border-color: rgba(107, 194, 66, 0); border-top-color: #f58220; border-width: 33px; margin-left: -33px; } .cat-tab-2 .listing-post { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); } .cat-tab-2 .listing-desc-title { font-size: 20px; text-transform: capitalize; } .cat-tab-2 .listing-image img { width: 185px; height: 145px; } /* ---- CALL TO ACTION ---- */ .call-to-action-section { position: relative; overflow: hidden; padding: 0; } .call-to-action-section .employe-img-section { position: relative; overflow: hidden; } .call-to-action-img-section-left { background: rgba(60, 146, 202, 0.7) url("../images/car-blueprint.jpg") no-repeat scroll center center / cover; height: 450px; } .call-to-action-img-section-right { background: rgba(60, 146, 202, 0.7) url("../images/car-blueprint2.jpg") no-repeat scroll center center / cover; height: 450px; } .call-to-action-section .call-to-action-detail-section { padding: 60px 50px; background-color: #fff; } .call-to-action-section .call-to-action-detail-section h5 { margin: 0; text-transform: capitalize; color: #000; font-size: 16px; font-weight: 600; } .call-to-action-section .call-to-action-detail-section h2 { text-transform: capitalize; margin-top: 0; font-weight: 600; line-height: 50px; color: #000; font-size: 40px; } .call-to-action-section .call-to-action-detail-section p { color: #242424; } .call-to-action-section .btn-call-to-action-section { margin-top: 26px; margin-right: 20px; text-transform: uppercase; } /* ---- FACTS COUNTER ---- */ .facts::before { background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0; border-right: 5px solid; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .facts { background: rgba(60, 146, 202, 0.7) url("../images/bg/fact-bg.jpg"); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; overflow-y: hidden; } .fact-box { text-align: center; } .facts .single-facts-area { display: inline-block; position: relative; } .facts .single-facts-area .facts-icon { position: relative; float: left; } .facts .single-facts-area .facts-icon i { color: #fff; font-size: 50px; line-height: 65px; margin-right: 20px; } .facts-detail { position: relative; float: left; } .facts .single-facts-area span { color: #fff; font-size: 30px; font-weight: 600; line-height: 30px; position: relative; text-transform: uppercase; } .facts h3 { color: #fff; font-size: 20px; margin: 0; position: relative; text-transform: uppercase; } .ad-listing { padding-bottom: 70px; } /* ---- CATEGORIES ---- */ .categories { position: relative; overflow: hidden; padding-bottom: 70px; } .categories .category-box { background-color: #fff; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); margin-bottom: 30px; position: relative; margin-left: 15px; margin-right: 15px; } .categories #cats-masonry .col-md-4:nth-child(8n + 1) .category-heading a { background-color: #a0bd2d; } .categories #cats-masonry .col-md-4:nth-child(8n + 2) .category-heading a { background-color: #a567cc; } .categories #cats-masonry .col-md-4:nth-child(8n + 3) .category-heading a { background-color: #81d050; } .categories #cats-masonry .col-md-4:nth-child(8n + 4) .category-heading a { background-color: #757790; } .categories #cats-masonry .col-md-4:nth-child(8n + 5) .category-heading a { background-color: #f05458; } .categories #cats-masonry .col-md-4:nth-child(8n + 6) .category-heading a { background-color: #53b9c5; } .categories #cats-masonry .col-md-4:nth-child(8n + 7) .category-heading a { background-color: #f4721e; } .categories #cats-masonry .col-md-4:nth-child(8n + 8) .category-heading a { background-color: #b89579; } .categories #cats-masonry .col-md-4:nth-child(8n + 1) .category-box { border-top: 5px solid #a0bd2d; } .categories #cats-masonry .col-md-4:nth-child(8n + 2) .category-box { border-top: 5px solid #a567cc; } .categories #cats-masonry .col-md-4:nth-child(8n + 3) .category-box { border-top: 5px solid #81d050; } .categories #cats-masonry .col-md-4:nth-child(8n + 4) .category-box { border-top: 5px solid #757790; } .categories #cats-masonry .col-md-4:nth-child(8n + 5) .category-box { border-top: 5px solid #f05458; } .categories #cats-masonry .col-md-4:nth-child(8n + 6) .category-box { border-top: 5px solid #53b9c5; } .categories #cats-masonry .col-md-4:nth-child(8n + 7) .category-box { border-top: 5px solid #f4721e; } .categories #cats-masonry .col-md-4:nth-child(8n + 8) .category-box { border-top: 5px solid #b89579; } .categories .category-heading { bottom: 30px; color: #ffffff; left: -40px; position: absolute; text-align: center; text-transform: uppercase; top: -5px; width: 40px; } .categories .category-heading a { background-color: #77c04b; box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.2); color: #fff; font-size: 20px; left: 0; letter-spacing: 1px; padding: 15px; position: absolute; text-align: center; width: 100%; word-wrap: break-word; } .categories .category-heading:hover { color: #f58220; } .categories ul { margin: 0; } .categories ul li { border-bottom: 1px solid #d9d9d9; color: #adadad; margin: 0 15px; padding: 10px 0; position: relative; overflow: hidden; } .categories ul li a:hover { color: #f58220; } .categories ul li a { color: #242424; display: block; font-size: 16px; text-transform: capitalize; } .categories ul li:last-child { border-bottom: none; } .categories ul li span { float: right; color: #999; } .categories .view-more { clear: both; font-size: 14px; font-weight: 600; text-align: center; border-top: 1px solid #d9d9d9; text-transform: uppercase; } .categories .view-more a { color: #232323; display: block; padding: 15px; } .categories .view-more a:hover { color: #f58220; } .btn-default { background-color: #f58220; color: #fff; border-radius: 5px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); padding: 10px 30px; font-weight: 600; text-transform: uppercase; border: 1px solid #f58220; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease- 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .btn-default:hover { background-color: #3f8320; color: #fff; border: 1px solid #3f8320; } /* ---- CATEGORY PAGE 1 ---- */ .category-page { position: relative; } .category-page .noo-job-search-wrapper .job-search-bg-image { height: 200px; } .category-page .job-advanced-search { top: 50px; } .light-grey { background-color: #fcfcfc !important; } .tab-content>.tab-pane, .panel-body { -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; transition: all 0.9s ease 0s; } .ad-box { background-color: #fff; clear: both; margin-bottom: 20px; float: left; position: relative; } .categories-list-page .comp-logo { padding: 5px; border: 1px solid #999; margin: 0 auto; display: table; } .comp-logo { min-height: 180px; display: flex; align-items: center; justify-content: center; } .img-responsive { max-height: 180px; width: auto; margin: 0 auto; } .categories-list-page .job-title-box { position: relative; overflow: hidden; margin-left: 15px; } .categories-list-page .job-title-box .job-title { text-transform: capitalize; color: #242424; font-size: 20px; font-weight: 600; -webkit-transition: all 0.3s ease-in-out 0s; -moz-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; } .categories-list-page .job-title-box .job-title:hover { text-transform: capitalize; color: #f58220; } .categories-list-page .job-title-box .comp-name { text-transform: capitalize; color: #242424; font-size: 14px; } .categories-list-page .job-location { font-size: 12px; } .categories-list-page .job-type { font-size: 14px; } .categories-list-page .jt-full-time-color { color: #d3b940; } .categories-list-page .jt-part-time-color { color: #ff5a00; } .categories-list-page .jt-intern-color { color: #9d27b3; } .categories-list-page .jt-remote-color { color: #46af4a; } .all-jobs-list-box { margin-bottom: 30px; /*border: 1px solid #d9d9d9;*/ } .ad-box-2 { margin-bottom: 30px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); width: 100%; } .latest-ads { padding-bottom: 70px; } .all-ads-list-box2 { position: relative; margin-bottom: 30px; } .ad-box-2 .ad-type { padding: 2px 10px; color: #fff; text-align: center; font-size: 14px; text-transform: capitalize; } .ad-box-2 p a { color: #242424; } .ad-box-2 p a:hover { color: #f58220; } .ad-box-2 .ad-title-box { float: left; position: relative; overflow: hidden; width: 80%; } .ad-box-2 .ad-title-box .ad-title { font-size: 20px; text-transform: capitalize; font-weight: 600; } .ad-box-2 .ad-title-box .ad-title a:hover { color: #f58220; } .ad-title-box .cat { float: left; margin-right: 20px; } .ad-title-box span.cat i { color: #f58220; font-size: 42px; } .ad-title-meta span { margin-right: 20px; position: relative; color: #777; } .ad-title-meta span i { margin-right: 5px; color: #ccc; font-size: 16px; } .ad-box-2 p { margin-top: 10px; } .ad-box-2-detail { padding: 20px 0; } .ad-box-2-detail .ad-price { overflow: hidden; padding: 10px; position: relative; text-align: right; width: 20%; } .ad-box-2-detail .ad-price .price { color: #555; font-size: 24px; padding: 5px 15px; font-weight: 600; } .ad-desc { position: relative; /* overflow: hidden; */ } .ad-bottom-area { position: relative; overflow: hidden; } .ad-bottom-area span { line-height: 40px; font-size: 14px; } .ad-bottom-area span a { font-size: 14px; text-transform: capitalize; padding: 0 5px; color: #777; } .ad-bottom-area span a:hover { color: #f58220; } /* ---- CATEGORY SECTION 2 ---- */ section#categories-section-2 { padding: 0; } .categories-section-2 { overflow: hidden; position: relative; } #categories h2 { margin-top: 0; margin-bottom: 10px; font-weight: 400; text-transform: capitalize; color: #494949; } #categories-section-2 h2 span { color: #f58220; } #categories-section-2 p { color: #999; display: block; line-height: 25px; margin-bottom: 60px; width: 60%; } /* ---- CATEGORY SECTION 3 ---- */ .category-section-3 { position: relative; overflow: hidden; padding-bottom: 50px; } .category-section-3 .category-section-3-box { background-color: #fff; padding: 20px; position: relative; overflow: hidden; margin-bottom: 30px; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease- 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .category-section-3 .category-section-3-box-inner { border: 1px solid #d9d9d9; padding: 50px 10px; border-radius: 10px; } .category-section-3 .category-section-3-box-inner i { text-align: center; margin: 0 auto; display: block; color: #000; font-size: 40px; } .category-section-3 .category-section-3-box-inner span { text-align: center; margin: 0 auto; display: block; font-size: 16px; } .category-section-3 .category-section-3-box-inner h4 { text-align: center; margin-bottom: 0; text-transform: capitalize; } .category-section-3-box-over-text { position: absolute; top: 0; left: 0; display: none; background-color: #fff; width: 100%; height: 100%; padding: 40px 15px; border: 2px solid #f58220; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease- 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .category-section-3-box-over-text h4 { text-align: center; color: #f58220; text-transform: capitalize; } .category-section-3 .category-section-3-box:hover .category-section-3-box-over-text { display: block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease- 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .category-section-3-box-over-text p a { text-decoration: underline; text-align: center; display: block; margin: 0 auto; } /* ---- CATEGORY LIST 4 ---- */ .category-section-4 { padding-bottom: 70px; } .category-section-4 .category-list { background: #fff none repeat scroll 0 0; overflow: hidden; position: relative; width: 100%; margin-bottom: 30px; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); } .category-section-4 .view-more { clear: both; font-size: 14px; font-weight: 600; text-align: center; text-transform: uppercase; } .category-section-4 .view-more a { color: #232323; display: block; padding: 15px; } .category-section-4 .view-more a:hover { color: #f58220; } .category-section-4 .category-list-icon { float: left; margin: 0 0 10px; position: relative; width: 100%; background-color: #f9f9f9; } .category-section-4 .category-list-icon i { color: #fff; float: left; font-size: 30px; height: 60px; line-height: 60px; text-align: center; width: 60px; margin-right: 20px; } .category-section-4 .col-md-3:nth-child(8n + 1) .category-list-icon i { background-color: #a0bd2d; } .category-section-4 .col-md-3:nth-child(8n + 2) .category-list-icon i { background-color: #a567cc; } .category-section-4 .col-md-3:nth-child(8n + 3) .category-list-icon i { background-color: #81d050; } .category-section-4 .col-md-3:nth-child(8n + 4) .category-list-icon i { background-color: #757790; } .category-section-4 .col-md-3:nth-child(8n + 5) .category-list-icon i { background-color: #f05458; } .category-section-4 .col-md-3:nth-child(8n + 6) .category-list-icon i { background-color: #53b9c5; } .category-section-4 .col-md-3:nth-child(8n + 7) .category-list-icon i { background-color: #f4721e; } .category-section-4 .col-md-3:nth-child(8n + 8) .category-list-icon i { background-color: #b89579; } .category-sub-list { position: relative; overflow: hidden; clear: both; border-bottom: 1px solid #d9d9d9; } .category-section-4 .col-md-3:nth-child(8n + 1) .category-list-icon { border-top: 5px solid #a0bd2d; } .category-section-4 .col-md-3:nth-child(8n + 2) .category-list-icon { border-top: 5px solid #a567cc; } .category-section-4 .col-md-3:nth-child(8n + 3) .category-list-icon { border-top: 5px solid #81d050; } .category-section-4 .col-md-3:nth-child(8n + 4) .category-list-icon { border-top: 5px solid #757790; } .category-section-4 .col-md-3:nth-child(8n + 5) .category-list-icon { border-top: 5px solid #f05458; } .category-section-4 .col-md-3:nth-child(8n + 6) .category-list-icon { border-top: 5px solid #53b9c5; } .category-section-4 .col-md-3:nth-child(8n + 7) .category-list-icon { border-top: 5px solid #f4721e; } .category-section-4 .col-md-3:nth-child(8n + 8) .category-list-icon { border-top: 5px solid #b89579; } .category-section-4 .category-list-title { width: auto; } .category-section-4 .category-list-title h5 { margin: 0; } .category-section-4 .category-list-title h5>a { color: #232323; display: block; font-weight: 600; font-size: 20px; text-transform: capitalize; margin-top: 15px; } .category-section-4 ul.category-list-data li::before { content: "\f105"; font-family: fontawesome; height: 100%; left: 0; position: absolute; top: 10px; width: 20px; color: #999; font-size: 14px; } .category-section-4 ul.category-list-data li { display: inline-block; position: relative; width: 100%; } .category-section-4 ul.category-list-data li a { color: #5b5b5b; display: block; padding: 10px 0 10px 15px; text-align: left; } .category-section-4 ul.category-list-data li a:hover { color: #f58220; } .category-section-4 ul.category-list-data li a span { border-radius: 100%; color: #999999; float: right; height: 24px; line-height: 24px; width: 24px; text-align: center; } .category-section-4 .category-list-data { position: relative; clear: both; padding: 0 20px; } /* ---- LOCATIONS 1 ---- */ .locations { background: url("../images/world-map.png") no-repeat center center; } .locations .category-list-icon i { color: #fff; float: left; font-size: 30px; height: 60px; line-height: 60px; text-align: center; width: 60px; margin-right: 20px; } .locations .category-list-title { width: auto; padding: 8px; } .locations .category-list-title h5 { margin: 0; } .locations .category-list-title p { margin-bottom: 0; line-height: 15px; font-size: 14px; color: #ccc; } .locations .category-list-title h5>a { color: #232323; display: block; font-size: 20px; text-transform: capitalize; } .locations .category-list-title h5>a:hover { color: #f58220; } .locations .category-list-icon { background-color: rgba(255, 255, 255, 0.7); float: left; margin: 0 0 20px; position: relative; width: 100%; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); } .locations .col-md-3:nth-child(8n + 1) .category-list-icon i { background-color: #a0bd2d; } .locations .col-md-3:nth-child(8n + 2) .category-list-icon i { background-color: #a567cc; } .locations .col-md-3:nth-child(8n + 3) .category-list-icon i { background-color: #81d050; } .locations .col-md-3:nth-child(8n + 4) .category-list-icon i { background-color: #757790; } .locations .col-md-3:nth-child(8n + 5) .category-list-icon i { background-color: #f05458; } .locations .col-md-3:nth-child(8n + 6) .category-list-icon i { background-color: #53b9c5; } .locations .col-md-3:nth-child(8n + 7) .category-list-icon i { background-color: #f4721e; } .locations .col-md-3:nth-child(8n + 8) .category-list-icon i { background-color: #b89579; } /* ---- LISTING GRID ---- */ .papular-post-slider { position: relative; overflow: hidden; padding-bottom: 70px; } .papular-post-slider.paddingtop0 { padding-bottom: 70px; } .papular-post-slider.paddingtop0 .papular-reviews { margin-bottom: 30px; } .papular-post-slider .owl-carousel .owl-wrapper-outer { overflow: visible; } .papular-post-slider .papular-reviews { background: #fff none repeat scroll 0 0; margin: 0 5px 5px; box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1); margin-bottom: 30px; } .papular-post .papular-reviews { background: #fff none repeat scroll 0 0; margin-bottom: 30px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); } .papular-reviews .absolute-in-image .duration { padding: 15px; } .papular-reviews .absolute-in-image .duration span { background: #f58220; color: #fff; font-size: 20px; padding: 5px 20px; text-transform: capitalize; } .papular-reviews a { color: #242424; font-weight: 400; } .papular-reviews a h6 { color: #242424; margin: 0 0 10px; } .papular-reviews a h4 { color: #242424; font-size: 20px; margin: 0; text-transform: capitalize; -webkit-transition: all 0.3s ease-in-out 0s; -moz-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; } .papular-reviews a h4:hover { color: #f58220; } .papular-reviews .content { padding: 15px; position: relative; overflow: hidden; } .papular-reviews .raty-wrapper>div { float: left; margin-right: 7px; margin-top: -1px; } .star-rating-read-only i { color: #f58220; } .papular-reviews .raty-wrapper>div span { display: inline-block; padding-left: 5px; padding-top: 5px; } .papular-reviews .absolute-in-image { position: absolute; right: 0; bottom: 0; } .papular-reviews .absolute-in-image .duration { padding: 15px; } .papular-reviews .image { position: relative; } .papular-reviews .cat { border: 1px solid #f58220; float: left; margin-right: 20px; padding: 10px 15px; margin-top: 8px; } .papular-reviews span.cat i { color: #f58220; font-size: 30px; } /* ---- TESTIMONIALS 1 ---- */ .testimonials-section { position: relative; overflow: hidden; padding-bottom: 50px; } .testimonials-section .testimonials-1 { margin-bottom: 30px; } .testimonials-1 .testimonials-1-inner { background: #fff; position: relative; margin-bottom: 40px; padding: 20px 20px 20px 55px; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1); } .testimonials-1 .testimonials-1-inner:before { color: #bbb; font-size: 60px; content: "\201C"; position: absolute; margin: -25px 0 0 -40px; font-family: Georgia, serif; } .testimonials-1 .testimonials-1-inner:after { width: 0; height: 0; left: 80px; content: " "; bottom: -30px; position: absolute; border-style: solid; border-width: 30px 30px 0 0; border-color: #fff transparent transparent transparent; -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.1)); filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.1)); } .testimonials-1 .testimonials-1-inner p { color: #777; font-size: 14px; margin-bottom: 0; } .testimonials-1 img { float: left; width: 60px; height: auto; margin: 0 20px; } .testimonials-1 .testimonials-author { color: #242424; display: block; font-size: 20px; overflow: hidden; padding-top: 8px; line-height: 20px; font-weight: 600; text-transform: capitalize; } .testimonials-1 .testimonials-author em { font-size: 14px; text-transform: capitalize; font-weight: 400; } /* ---- TESTIMONIAL CSS ---- */ .testimoniial-section { padding-bottom: 50px; position: relative; } .testimonial-image { margin: 0 auto; width: 90px; } .separator::after { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%; } .testimonial-section .separator { margin: 15px auto 5px; } .testimoniial-section blockquote::after { color: #cdcdcd; content: "“"; font-size: 36px; height: 25px; left: 0; line-height: 36px; position: absolute; top: 12px; width: 25px; } .testimonial-section blockquote { margin: 0; } .testimoniial-section blockquote { border-left: medium none; display: inline-block; font-size: 16px; padding: 20px 25px; position: relative; margin: 0; } .testimonial-info-1 { font-size: 18px; font-weight: 600; text-transform: capitalize; } .testimonial-info-2 { font-size: 14px; color: #777; } .testimonial { padding: 0 30px; } /* ---- TESTIMONIAL 2 CSS ---- */ .owl-testimonial-2 .single_testimonial { border: 1px solid #d9d9d9; padding: 20px; text-align: center; background-color: #fff; margin-bottom: 30px; margin-left: 15px; margin-right: 15px; } .owl-testimonial-2 .single_testimonial h4 { margin-top: 0; text-transform: capitalize; } .owl-testimonial-2 .single_testimonial i { color: #ffc207; margin-bottom: 20px; margin-top: 5px; } .owl-testimonial-2 .single_testimonial img { border-radius: 500px; display: block; height: 100px; margin: auto; width: 100px; } .owl-testimonial-2 .single_testimonial h3 { font-size: 16px; margin-bottom: 0; text-align: center; text-transform: capitalize; } /* ---- APP DOWNLOAD ---- */ .download-app { background: #edf1f5 url("../images/pattern.png") repeat; } section.download-app h1 { text-align: center; text-transform: capitalize; margin-top: 0; margin-bottom: 0; } .button-download { background-color: #414141; color: #fff; margin-right: 20px; padding: 10px 30px; text-align: left; vertical-align: middle; } .hvr-fade { backface-visibility: hidden; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); display: inline-block; overflow: hidden; transform: translateZ(0px); transition-duration: 0.3s; transition-property: color, background-color; vertical-align: middle; } .button-download img { float: left; height: 35px; margin-right: 10px; margin-top: 5px; width: 35px; } .button-download span { float: left; } .download-btns { text-align: center; margin-top: 50px; } .download-app p { text-align: center; } section.download-app .download-btns a { margin-right: 20px; } section.download-app .download-btns a:hover { opacity: 0.9; } section.download-app .download-btns a.hvr-fade { border: 1px solid #242424; } section.download-app .download-btns a.hvr-fade:hover { opacity: 1; border: 1px solid #fff; color: #fff; } .navbar.navbar-fixed-top.fixed-theme { background-color: #222; border-color: #080808; box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); } .navbar-brand.fixed-theme { font-size: 18px; } .navbar-container.fixed-theme { padding: 0; } .navbar-brand.fixed-theme, .navbar-container.fixed-theme, .navbar.navbar-fixed-top.fixed-theme, .navbar-brand, .navbar-container { transition: 0.8s; -webkit-transition: 0.8s; } .navbar-brand.modal-login { position: relative; } /* ---- CLIENTS ---- */ .clients-bg { padding: 50px 0; } .client-logo { display: inline-block; text-align: center; width: 100%; padding: 20px; } .client-logo a img { padding: 20px; border: 1px solid #555; position: relative; overflow: hidden; } .client-logo a img:hover { border: 1px solid #f58220; } /* ---- FEATURED ADS ---- */ .featured-ads { background-color: #f4f7fa; padding-bottom: 70px; } .featured-ads .featured-image-box { margin-bottom: 30px; box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.1); } .featured-ads .featured-image-box .content-area { padding: 15px; background-color: #ffffff; } .featured-ads .featured-image-box h4 { color: #242424; font-size: 20px; font-weight: 600; position: relative; overflow: hidden; text-transform: capitalize; margin: 0; } .featured-ads .featured-image-box h4 a:hover { color: #f58220; } .featured-ads .featured-image-box p { margin: 0; text-transform: capitalize; } .feature-post-meta { position: relative; overflow: hidden; padding: 10px 0; } .feature-post-meta a { line-height: 30px; color: #777; } .featured-ads .img-box { position: relative; overflow: hidden; } .feature-post-meta-bottom span { color: #f58220; font-size: 30px; } .feature-post-meta-bottom .apply { padding: 5px 20px; border: 1px solid #f58220; background-color: #f58220; color: #fff; margin-top: 6px; text-transform: uppercase; border-radius: 5px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); } .feature-post-meta-bottom .apply:hover { background-color: #3f8320; color: #fff; border: 1px solid #3f8320; } .mata-detail.animals { background-color: #a0bd2d; color: #fff; float: right; font-size: 16px; padding: 0 10px; text-transform: capitalize; } .mata-detail.laptops { background-color: #a567cc; color: #fff; float: right; font-size: 16px; padding: 0 10px; text-transform: capitalize; } .mata-detail.electronics { background-color: #53b9c5; color: #fff; float: right; font-size: 16px; padding: 0 10px; text-transform: capitalize; } .mata-detail.jobs { background-color: #b89579; color: #fff; float: right; font-size: 16px; padding: 0 10px; text-transform: capitalize; } .mata-detail.vahicles { background-color: #757790; color: #fff; float: right; font-size: 16px; padding: 0 10px; text-transform: capitalize; } .mata-detail.sports { background-color: #f05458; color: #fff; float: right; font-size: 16px; padding: 0 10px; text-transform: capitalize; } .mata-detail.cloths { background-color: #f4721e; color: #fff; float: right; font-size: 16px; padding: 0 10px; text-transform: capitalize; } .mata-detail.real-estate { background-color: #81d050; color: #fff; float: right; font-size: 16px; padding: 0 10px; text-transform: capitalize; } /* ---- COUNTER SECTION---- */ #conter-section { background-color: #fff; padding: 100px 0; } .counter { color: #111; font-size: 45px; font-weight: 400; line-height: 60px; } .content-number i { font-size: 30px; margin-right: 30px; } .number-structure-left { background: #fff none repeat scroll 0 0; border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 15px 0 0; padding: 0; position: relative; overflow: hidden; } .count-ico.n-color1, .count-ico.n-color2, .count-ico.n-color3, .count-ico.n-color4 { box-shadow: 0 0 0 1px #fff inset; box-sizing: border-box; } .count-ico { padding: 25px; } .number-structure-left:last-child { margin: 0; } .n-number p { color: #242424; margin: 0; text-transform: uppercase; font-weight: 600; } .count-ico { color: #2d3e52; } .count-ico i { font-size: 32px; } .count-ico.n-color1 { background: #28b7ff none repeat scroll 0 0; border: 4px solid #28b7ff; color: #fff; } .count-ico.n-color2 { background: #46af4a none repeat scroll 0 0; border: 4px solid #46af4a; color: #fff; } .count-ico.n-color3 { background: #f6462e none repeat scroll 0 0; border: 4px solid #f6462e; color: #fff; } .count-ico.n-color4 { background: #d3b940 none repeat scroll 0 0; border: 4px solid #d3b940; color: #fff; } .n-number { text-align: center; } /* ---- COMPANIES DETAILS ---- */ .company-detail { border: 1px solid #d9d9d9; position: relative; overflow: hidden; background-color: #fff; } aside .company-detail .company-img { padding: 10px 60px; } .company-contact-detail { position: relative; overflow: hidden; padding: 15px; } .company-contact-detail table tr { border-bottom: 1px solid #ccc; } .company-contact-detail table th { width: 30%; padding: 15px 0; color: #999; } .company-contact-detail table td { width: 70%; padding: 15px 0; color: #999; } .company-contact-detail table tr:last-child { border: none; } aside { margin-bottom: 30px; } #map { height: 250px; width: 100%; } .short-decs-sidebar li { padding: 10px 0; position: relative; overflow: hidden; border-bottom: 1px solid #d9d9d9; } .short-decs-sidebar li div { width: 50%; float: left; font-size: 16px; } .short-decs-sidebar li div i { margin-right: 10px; color: #f58220; } .short-decs-sidebar li h4 { margin: 0; font-weight: 600; font-size: 16px; } /* ---- BLOG POST CSS ---- */ .blog-posts-section { padding-bottom: 50px; } .blog-post { color: #162532; position: relative; overflow: hidden; background: #fff; margin-bottom: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); } .blog-post a { color: inherit; text-decoration: none; text-transform: capitalize; } .blog-post .tagcloud a { margin: 0 5px; } .blog-post p { margin-bottom: 30px; } .blog-postx .share-links { padding: 20px 0; position: relative; } .blog-post .share-links a { border-radius: 3px; color: #ffffff; display: inline-block; font-size: 14px; line-height: 24px; margin: 0 10px 10px 0; padding: 8px 20px; position: relative; text-transform: capitalize; } .blog-post .share-links a:hover { opacity: 0.8; } .blog-post .share-links a .fa { font-weight: 400; padding-right: 5px; } .blog-post .share-links .facebook-share { background: #3b5998 none repeat scroll 0 0; } .blog-post .share-links .twitter-share { background: #55acee; } .blog-post .share-links .instagram-share { background: #125688; } .blog-post .share-links .pinterest-share { background: #cb2027; } .post-info a { margin-right: 20px; color: #555; } .blog-post .btn { margin: 20px; margin-right: 0; } .post-img { overflow: hidden; } .post-img img { width: 100%; height: auto; -moz-transition: all 2s; -o-transition: all 2s; -webkit-transition: all 2s; transition: all 2s; } .article-slider.post-img { height: 500px; } .article-slider.post-img .slide-container .slide img { object-fit: cover; } .post-info { background-color: #fff; font-size: 14px; padding: 30px 20px; position: relative; text-transform: capitalize; width: 100%; padding-bottom: 0; } .post-info i { margin-right: 10px; } .post-title { font-size: 20px; font-weight: 600; margin-bottom: 15px; margin-top: 15px; padding: 0 20px; text-transform: capitalize; transition: all 0.4s ease 0s; } .post-title a:hover { color: #f58220; } .post-excerpt { font-size: 14px; line-height: 26px; margin-bottom: 30px; padding: 0 20px; } .blog-meta { padding: 20px 20px; background-color: #fbfbfb; position: relative; overflow: hidden; } .blog-meta .blog-tags { float: left; } .blog-meta .blog-tags span i { margin-right: 5px; color: #999; font-size: 16px; } .blog-meta .blog-tags span { font-size: 16px; margin-right: 10px; } .blog-meta .blog-tags span a { font-size: 12px; text-transform: capitalize; font-family: "Open Sans", sans-serif; } .blog-meta .share-icons { position: relative; overflow: hidden; float: right; } .blog-meta .share-icons ul { margin-bottom: 0; } .blog-meta .share-icons ul li { float: left; margin-right: 10px; } .blog-meta .share-icons ul li i { color: #ccc; font-size: 24px; } .blog-meta .share-icons ul li i:hover { color: #555; } /* ---- SINGLE BLOG PAGE CSS ---- */ .blog-single { padding: 0 30px; position: relative; overflow: hidden; } .blog-single .post-title, .blog-single .post-info { padding-left: 0; } blockquote { line-height: 30px; border-left: 5px solid #f58220; margin: 30px 0; font-size: 18px; } .blog-single .tagcloud { border-top: 1px solid #d9d9d9; padding: 20px 0; } .comments-container { position: relative; overflow: hidden; background-color: #fff; } .comment-box { border-bottom: 1px solid #e8e8e8; padding: 20px 0; position: relative; overflow: hidden; } .comments-container .comment-box ul { border-top: 1px solid #d9d9d9; margin-top: 30px; padding-left: 60px; } .comments-container .comment-box ul li:last-child { border-bottom: none; } .comment-box h4 { margin: 0; } .comment-box .news-date { color: #999; float: right; } .comment-box h4 { margin: 0; font-weight: 600; float: left; } .comment-box p { clear: both; padding-top: 10px; } .commentform { margin: 30px 0; } .commentform textarea.form-control, .commentform input.form-control { border-radius: 5px; } .commentform textarea.form-control:focus, .commentform input.form-control:focus { border-color: #999; box-shadow: none; } .commentform input.form-control { height: 40px; } .comment-box .comment-reply h6 a { background-color: #f58220; color: #fff; float: left; font-size: 14px; margin: 0; border-radius: 5px; padding: 5px 15px; border: 1px solid #f58220; text-transform: uppercase; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } .comment-box .comment-reply h6 a:hover { border: 1px solid #3f8320; background-color: #3f8320; color: #fff; } .comment-box .comment-reply h6 a:hover h6 { background-color: transparent; } .search-blog .stylish-input-group .form-control { background-color: #fff; border-color: #ccc; border-right: 0 none #ccc; height: 50px; border-radius: 5px; } .search-blog .stylish-input-group .input-group-addon { background: white none repeat scroll 0 0; border-left: 1px solid #ccc; border-radius: 0; } .search-blog .stylish-input-group button { background: transparent none repeat scroll 0 0; border: 0 none; } /* ---- ACCORDIAN CSS ---- */ .panel-title a { display: block; position: relative; padding: 10px 60px 10px 15px; font-weight: 400; font-size: 18px; line-height: 1.6; color: #6d7194; } .drop-accordion .panel-default { overflow: hidden; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .drop-accordion .panel-heading { overflow: hidden; margin-bottom: 5px; padding: 0; border: 1px solid #d9d9d9; background: fcfcfc; border-radius: 0; background-color: transparent; } .leaf-ui .drop-accordion .panel-heading, .circlus-ui .drop-accordion .panel-heading { border-radius: 4px; } .panel-title a { display: block; position: relative; padding: 20px 60px 20px 20px; font-weight: 400; font-size: 20px; line-height: 1.6; color: #242424; text-transform: uppercase; } .panel-title .expand-icon-wrap { position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px solid #d9d7d7; font-size: 24px; line-height: 46px; color: #f58220; } .tab-collapsed .expand-icon { color: #fff; } .expand-icon-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .panel-title .expand-icon { padding: 0 18px; vertical-align: middle; } .panel-title .expand-icon:before { content: "\f055"; } .drop-accordion .panel-body { line-height: 25px; padding: 20px; position: relative; border: 1px solid #d9d7d7; } .circlus-ui .drop-accordion .panel-body, .leaf-ui .drop-accordion .panel-body { border-radius: 4px; } .panel-body-icon { width: 75px; float: left; padding: 10px; } .panel-body-icon i { font-size: 45px; color: #f58220; } .drop-accordion .tab-collapsed { border: transparent; background: #f58220; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .tab-collapsed a { color: #fff; } .tab-collapsed .expand-icon-wrap { border-color: #fff; color: #fff; } .tab-collapsed .expand-icon:before { content: "\f056"; } .panel-body ul { list-style: disc; padding: 0 0 0 30px; text-decoration: none; margin-bottom: 0; } /* ---- SOCIAL ICONS CSS ---- */ ul.social-network { list-style: none; display: inline; margin: 0 auto; padding: 0; display: table; } ul.social-network li { display: inline; margin: 0 5px; } .social-network a.icoRss { background-color: #f56505; border: 2px solid #f56505; } .social-network a.icoRss:hover { background-color: transparent; border: 2px solid #f56505; } ul.onwhite a.icoRss:hover { color: #f56505; } .social-network a.icoFacebook { background-color: #3b5998; border: 2px solid #3b5998; } .social-network a.icoFacebook:hover { background-color: transparent; border: 2px solid #3b5998; } ul.onwhite a.icoFacebook:hover { color: #3b5998; } .social-network a.icoTwitter { background-color: #33ccff; border: 2px solid #33ccff; } .social-network a.icoTwitter:hover { background-color: transparent; border: 2px solid #33ccff; } ul.onwhite a.icoTwitter:hover { color: #33ccff; } .social-network a.icoGoogle { background-color: #bd3518; border: 2px solid #bd3518; } .social-network a.icoGoogle:hover { background-color: transparent; border: 2px solid #bd3518; } ul.onwhite a.icoGoogle:hover { color: #bd3518; } .social-network a.icoVimeo { background-color: #0590b8; border: 2px solid #0590b8; } .social-network a.icoVimeo:hover { background-color: transparent; border: 2px solid #0590b8; } ul.onwhite a.icoVimeo:hover { color: #0590b8; } .social-network a.icoLinkedin { background-color: #007bb7; border: 2px solid #007bb7; } .social-network a.icoLinkedin:hover { background-color: transparent; border: 2px solid #007bb7; } ul.onwhite a.icoLinkedin:hover { color: #007bb7; } .social-circle li a { display: inline-block; position: relative; margin: 0 auto 0 auto; text-align: center; width: 50px; height: 50px; font-size: 20px; color: #fff; border-radius: 5px; } .social-circle li i { margin: 0; line-height: 45px; text-align: center; } /* ---- PRICING CSS ---- */ .pricing-section-1 { padding-bottom: 70px; } .pricing-section-1 .ui_box { background: #3d3d3d; position: relative; width: 100%; margin-bottom: 30px; } .pricing-section-1 .ui_box__inner { padding: 30px; } body .ui_box__inner span { font-size: 36px; font-weight: 700; } .pricing-section-1 .ui_box h2 { font-weight: 600; margin-top: 0; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc; color: #fff; text-transform: capitalize; font-size: 24px; } .pricing-section-1 .ui_box p { clear: left; color: #fff; line-height: 20px; } .pricing-section-1 .drop { padding: 20px 30px; background-color: #f58220; } .pricing-section-1 .drop p { margin-bottom: 0; font-size: 20px; font-family: "Source Sans Pro", sans-serif; } .pricing-section-1 .ui_box:hover>.drop { bottom: -42px; opacity: 1; transition-duration: 0.3s; transition-property: bottom, opacity; } .pricing-section-1 .ui_box:hover>.drop .arrow { transform: rotate(765deg); transition-duration: 1s; transition-property: transform, -webkit-transform; } .pricing-section-1 .features_left { float: left; } .pricing-section-1 .features_left li { color: #fff; font-size: 16px; padding: 5px 0; } .pricing-section-1 .features_left li.cut { color: #999; text-decoration: line-through; } .pricing-section-1 .arrow { border-right: 1px solid #fff; border-top: 1px solid #fff; float: right; height: 14px; position: relative; right: 0; top: -18px; transform: rotate(45deg); transition-duration: 1s; transition-property: transform, -webkit-transform; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); width: 14px; } .price-rates { font-size: 50px; font-weight: 600; text-transform: uppercase; float: right; color: #fff; } .price-rates small { font-size: 14px; display: block; text-transform: capitalize; text-align: right; line-height: 0; color: #ccc; } /* ---- PRICING 2 CSS ---- */ .pricing-white {} .pricing-white .ui_box { background: #fff; position: relative; width: 100%; border: 1px solid #d9d9d9; } .pricing-white .ui_box h2 { border-bottom: 1px solid #999; color: #242424; } .pricing-white .features_left li, .pricing-white .price-rates, .pricing-white .ui_box p { color: #242424; } .pricing-white .drop p { color: #fff; } .pricing-white .price-rates small { color: #ccc; } /* ---- PLANS ---- */ .header-text { max-width: 20em; font-weight: 600; color: #3b3a3a; margin: 0 auto; margin-bottom: .5em; } /* SWITCH */ .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked+.slider { background-color: #F58220; } input:focus+.slider { box-shadow: 0 0 1px #F58220; } input:checked+.slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /* PLAN */ .plan-period-switch { margin: 2em; } .plan-container-switch .period-label { font-weight: 600; font-size: 1.2em; margin: 01em; padding-top: 5px; vertical-align: middle; } .plan-container-switch { display: flex; align-items: center; } .plan-container-switch .plan-label-container p, .at-sight-monthly-value { font-size: 10px; font-weight: 600; margin-bottom: 0; } .pricing-table-small { margin: 0 1em; min-width: 260px; width: 280px; max-width: 320px; box-shadow: 0px 0px 25px 3px rgb(32 32 32 / 7%); padding: .8em; margin-top: 4em; display: flex; flex-direction: column; } .pricing-table-small .pricing-table-small-content { height: 100%; } .container-plans { display: flex; justify-content: center; flex-wrap: wrap; } .container-plans .v-line { transform: rotate(90deg); } .pricing-table-small .pricing-table-title h1 { font-size: 26px; font-weight: 600; margin-bottom: 5px; } .pricing-table-small .pricing-table-title p { font-size: 12px; font-weight: 400; color: #929292; height: 44px; display: flex; align-items: center; justify-content: center; } .pricing-table-small .price-table-values h2 { font-family: 'Lexend Deca'; font-weight: 600; color: #00a195; } .pricing-table-small .price-table-values small { font-size: 35%; } .plan-container-checks { display: flex; width: 100%; justify-content: space-evenly; flex-wrap: wrap; } .price-yearly, .price-monthly, .price-no-support, .price-with-support { display: none; } /* PLAN CONTENT */ .pricing-table-small-content { text-align: left; } .pricing-table-small { overflow: hidden; position: relative; } .pricing-table-small-content .attributes { padding: .2em .5em; display: flex; align-items: center; } .pricing-table-small-content .attributes .att-ico { font-size: 1.5em; color: #00a195; font-weight: 600; margin-right: 5px; } .pricing-table-small-content .attributes .att-text { font-weight: 600; } .pricing-table-small-content.perk-list { margin-bottom: 1em; } .pricing-table-small-content .perks { display: flex; align-items: center; margin: .2em 0; } .pricing-table-small-content .perk-ico { padding-right: .5em; } .container-plans .pupular-tag { position: absolute; padding: 0.2em 0; display: flex; justify-content: center; color: #FFF; background-color: #F58220; font-weight: 600; width: 22em; text-transform: uppercase; font-family: "Lexend Deca"; transform: rotate(45deg); top: 26px; right: -115px; box-shadow: 0 0 4px 1px rgb(32 32 32 / 20%); } .container-plans .price-at-sight { font-weight: 600; color: #00a195; } /* SUPPORT */ .container .header { margin-bottom: 3rem; } .support-item { margin: 2rem 0; } .support-item .support-item-head { display: flex; } .support-item .support-item-body { text-align: left; background: hsl(0deg 0% 98%); padding: 1em; border-radius: 10px; } .support-item .support-item-head span { font-size: 2em; margin-right: 1rem; color: #0DE27B; } /* ---- PRICING 3 & 4 CSS ---- */ .pricing-section-2 { padding-bottom: 70px; } .single-price { background: #fff; padding-bottom: 35px; border: 1px solid #d9d9d9; margin-bottom: 30px; } #featured-price { background: #f58220; } .plan-price { background: #f58220; } .price-header { padding: 30px 0 20px; } .plan-title { font-size: 24px; color: #242424; font-weight: 600; text-transform: capitalize; font-family: "Source Sans Pro", sans-serif; } .plan-price { border-radius: 50%; margin: 0 auto; height: 130px; width: 130px; display: flex; justify-content: center; align-content: center; flex-direction: column; color: #fff; } .plan-price>h4 { font-size: 50px; margin: 0; } .plan-price>h4>span { font-size: 20px; } .price-features { margin-top: 35px; } .price-features>p { font-size: 15px; color: #242424; font-family: "Source Sans Pro", sans-serif; } .price-features>p>strong {} .price-footer { margin-top: 35px; } .price-footer>a { background-color: #f58220; border: 1px solid #f58220; color: #fff; height: 45px; border-radius: 0; margin-top: 10px; padding: 10px 35px; text-transform: capitalize; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease- 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .price-footer>a:hover { background-color: #3f8320; border: 1px solid #3f8320; color: #fff; } .price-footer>a:hover { color: #fff; } #featured-price .plan-title { color: #fff; } #featured-price .plan-price { background: #fff; color: #222; } #featured-price .price-features>p { color: #fff; } #featured-price .price-footer>a { background: #fff; color: #242424; } #featured-price .price-footer>a:hover { color: #fff; background-color: #3f8320; border: 1px solid #3f8320; } .flat .plan-price { border-radius: 0; } /* ---- PRICING TABLE 5 CSS ---- */ .pricing-section-5 { position: relative; padding-bottom: 70px; } .pricing-section-5 .pricing-table-small { background-color: #fff; border-radius: 4px; box-shadow: 0 5px 15px 0 #eff1f8; float: left; margin-bottom: 30px; padding: 20px 30px; width: 100%; } .pricing-section-5 .pricing-table-small-title { border-bottom: 1px solid #ebebeb; float: left; margin-bottom: 10px; padding-bottom: 10px; width: 100%; } .pricing-section-5 .pricing-table-small-title p { text-transform: capitalize; } .pricing-section-5 .pricing-table-small-content { border-bottom: 1px solid #ebebeb; float: left; margin-bottom: 30px; padding-bottom: 20px; width: 100%; } .pricing-section-5 span.pts-price { color: #f58220; font-size: 30px; font-weight: 600; text-transform: uppercase; width: 35%; line-height: 40px; } .pricing-section-5 .pricing-table-small-button { display: block; float: left; position: relative; width: 100%; text-transform: uppercase; font-size: 30px; } .pricing-section-5 .pricing-table-small-button i { margin-left: 10px; font-size: 20px; } .pricing-table-small-title h1 { margin: 0; float: left; width: 65%; line-height: 40px; } .pricing-table-small-content h1 { line-height: 30px; margin: 0; padding: 20px 0; font-size: 26px; text-transform: uppercase; } .pricing-table-small-content h1 small { font-size: 12px; text-transform: capitalize; } /* -------- HOME MAP -------- */ .home-map { height: 600px; z-index: 9; } .leaflet-bar a.leaflet-control-zoom-in, .leaflet-bar a.leaflet-control-zoom-out, .leaflet-bar a.leaflet-control-zoom-in:hover, .leaflet-bar a.leaflet-control-zoom-out:hover { height: 2em; width: 2em; display: flex; justify-content: center; align-items: center; } .leaflet-bar a.leaflet-control-zoom-fullscreen, .leaflet-bar a.leaflet-control-zoom-fullscreen:hover { height: 3em; width: 3em; display: flex; justify-content: center; align-items: center; } .map-zoom-icon { font-size: 1em; } .leaflet-bar a.leaflet-control-zoom-fullscreen .map-zoom-icon { font-size: 1.5em; } /* -------- END HOME MAP -------- */ /* ---- CONTACT US PAGES CSS ---- */ .contact-us { position: relative; overflow: hidden; } #map-contact { height: 450px; } #map-contact .map-img h4 { margin: 0; font-family: "Source Sans Pro", sans-serif; font-weight: 600; } #map-contact .map-img p { font-family: "Source Sans Pro", sans-serif; } label { font-size: 16px; font-weight: 600; text-transform: capitalize; margin-bottom: 10px; } .contact-us input { height: 45px; letter-spacing: 1px; text-transform: uppercase; } .contact-us input:focus, .contact-us textarea:focus { border: 1px solid #d9d9d9; box-shadow: none; } .contact-us .btn { height: 45px; text-transform: uppercase; float: right; width: auto; } .contact-us h4 { color: #fff; font-size: 18px; margin-bottom: 30px; margin-top: 0; position: relative; text-transform: capitalize; } .contact-us .personal-info li { border-bottom: 1px solid #3c4450; color: #fff; display: inline-block; font-size: 14px; line-height: 24px; padding: 10px 0; width: 100%; } .contact-us .contact_block { background-color: #242424; padding: 30px; } .contact-us .personal-info li:last-child { border-bottom: none; } .contact-us .map-contact-inner { height: 400px; } .contact-us .contact_block ul.personal-info li i { margin-right: 10px; } /* ---- OTHER PAGES CSS ---- */ .widget { background-color: #fff; margin-bottom: 30px; overflow: hidden; padding: 20px; position: relative; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); } .widget .widget-heading { background-color: transparent; padding-bottom: 10px; text-transform: capitalize; margin-bottom: 20px; font-size: 18px; font-weight: 600; } .widget-heading .title { padding-bottom: 15px; border-bottom: 2px solid #f58220; } .widget .checkbox label, .radio label { padding-left: 0; } .widget .form-inline .select2-container { border: 1px solid #d9d9d9; border-radius: 5px; } .widget .checkbox label { width: 100%; padding: 0; } .widget .checkbox { margin: 5px 0; } .widget .radio { padding: 10px 0; } .widget .radio:first-child { margin-top: 0; padding-top: 0; } .widget ul li a span { border: 1px solid #f58220; border-radius: 5px; color: #f58220; float: right; font-size: 14px; padding: 2px 10px; } .widget .categories-module { background-color: #fff; } .widget .categories-module li { border-bottom: 1px solid #d9d9d9; display: block; padding-bottom: 13px; padding-top: 13px; } .widget .categories-module li:last-child, .widget .related-post li:last-child { padding-bottom: 0; border-bottom: none; } .widget .related-post li span:last-child { margin-bottom: 0; } .widget .categories-module li::before { color: #242424; content: "\f101"; padding: 0 5px; font-family: FontAwesome; } .widget .categories-module li a { color: #777; font-size: 16px; text-transform: capitalize; } .widget .categories-module li a:hover { color: #f58220; } .widget .related-post li { position: relative; overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; } .widget .related-post li img { width: auto; height: 54px; float: left; margin-right: 10px; } .widget .related-post li a { color: #242424; /* margin-bottom: 5px; */ position: relative; overflow: hidden; display: block; font-size: 16px; font-weight: 600; } .widget .related-post li a:hover { color: #f58220; } .widget .related-post li span { position: relative; overflow: hidden; /* margin-bottom: 5px; */ display: block; font-size: 14px; color: #777; } .widget .related-post li span i { color: #f58220; position: relative; margin-right: 10px; font-size: 14px; } .popular-companies-container { display: grid; grid-template-columns: 95px 1fr; grid-template-areas: "logo name" "logo delivery" "logo schedule"; column-gap: 0.5em; } .ad-companies-container { display: grid; grid-template-columns: 1fr; column-gap: 0.5em; padding: 10px 20px; } .ad-companies-container .pc-name { font-size: 17px; } .ad-companies-container .pc-logo { margin-bottom: 10px !important; margin: 0px 80px; } .popular-companies-container .pc-logo { grid-area: logo; margin-top: auto; margin-bottom: auto !important; } .pc-logo { border-radius: 10px; overflow: hidden; } .popular-companies-container i { margin-right: 5px !important; } .popular-companies-container .pc-name { grid-area: name; } .popular-companies-container .pc-delivery { grid-area: delivery; } .popular-companies-container .pc-schedule { grid-area: schedule; display: flex !important; align-items: baseline; } .other-companies { display: grid; grid-template-columns: 1fr 1fr 1fr; } .other-companies li { padding-bottom: 0; } .other-companies li:not(:last-child) { border-right: 1px solid #ccc; } .other-companies .popular-companies-container { padding: 0 1em; grid-template-columns: 1fr; border-bottom: none !important; } .widget .form-inline { overflow: hidden; position: relative; overflow: hidden; position: relative; } .widget .form-group input.form-control { height: 50px; width: 100%; border-color: #d9d9d9; } .widget .select2-container--default .select2-selection--single { height: 50px; border: none; } .widget .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; } .widget .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; padding-left: 15px; } .widget .form-group { width: 100%; margin-bottom: 20px; } .widget .btn-search-submit { height: 50px; width: 100%; font-size: 16px; font-weight: 600; text-transform: uppercase; } .widget .btn-search-submit span { margin-right: 10px; } .widget .ad-rules { background-color: #fff; } .widget .ad-rules li { display: block; padding: 15px 0; font-size: 16px; padding-left: 20px; } .widget .ad-rules li::before { content: "\f101"; left: 20px; position: absolute; font-family: FontAwesome; } .scrollup { width: 40px; height: 40px; position: fixed; bottom: 34px; right: 20px; display: none; background-color: #f58220; padding: 5px; opacity: 0.5; border-radius: 5px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } .scrollup:hover { opacity: 1; } .scrollup i { color: #fff; display: block; line-height: 30px; text-align: center; } /* ---- FOOTER ---- */ .fixed-footer { z-index: 9999999; } footer.footer-bg { background: #fff url("../images/city.png") repeat-x scroll center bottom; padding-bottom: 120px !important; } footer { padding: 5em 0; border-top: 3px solid #F58220; background: #fff url("../images/world-map.png") no-repeat scroll center center; } .footer_block { overflow: hidden; clear: both; } .footer_block .f_logo { clear: both; color: #ff4632; font-size: 24px; margin-bottom: 30px; margin-top: 0; position: relative; } .f_logo .img-responsive { max-height: 80px; } .footer_block h4 { font-size: 20px; margin-top: 0; text-transform: capitalize; color: #242424; margin-bottom: 30px; position: relative; font-weight: 600; } .footer_block p { color: #777; font-weight: 300; margin: 0; } .footer_block a { font-size: 14px; text-transform: capitalize; display: block; color: #242424; } .footer_block a:hover { color: #f58220; } .footer-links li::before { color: #969ea7; content: ""; font-family: "FontAwesome"; left: 16px; position: absolute; } ul.footer-links li { padding: 10px 0; padding-left: 20px; border-bottom: 1px solid #999; } ul.footer-links li:first-child { padding-top: 0; } .newsletter-block { margin: 10px 0; display: flex; flex-direction: column; align-items: center; margin-top: 2em; } .newsletter-block form { margin-top: 10px; } .newsletter-container { display: flex; } .newsletter-container>div { display: flex; align-items: center; padding: 0.5em; border-radius: 4px; border: 1px solid hsl(0deg 0% 90%); background: hsl(0deg 0% 95%); } .newsletter-container>button { padding: 10px 15px; margin-left: 1em; } .newsletter-container>div label { cursor: text; margin: 0; margin: 0 0.5em; } .newsletter-container>div input { font-size: 18px; outline: none; box-shadow: none !important; border: none; background: transparent; color: #777; } .newsletter-container>div label i { font-size: 18px; color: #777; } .recentpost li { display: block; margin: 0 0 20px 0; } .recentpost li:last-child { margin-bottom: 0; } .recentpost li span { position: relative; width: 60px; height: 60px; background: #bfbfbf; float: left; margin: 0 10px 10px 0; overflow: hidden; } .recentpost li span a.plus { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; margin: 0; text-align: center; } .recentpost li span a.plus img { width: 60px; height: 60px; } .recentpost li span a.plus i { position: absolute; top: 50%; left: 0; display: block; width: 100%; margin-top: -100%; font-family: "latoregular"; font-size: 30px; color: #fff; font-style: normal; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms; -ms-transition: all ease-in-out 300ms; } .recentpost li span a.plus:hover i { margin-top: 0; } .recentpost li p { line-height: 20px; } .recentpost li p a { margin: 0; font-size: 16px; color: #242424; text-transform: capitalize; font-weight: 600; font-family: "Source Sans Pro", sans-serif; } .recentpost li p a:hover { color: #f58220; } .recentpost li h3 { font-size: 14px; color: #242424; margin: 0; font-weight: 400; font-family: "Open Sans", sans-serif; } footer .personal-info li { border-bottom: 1px solid #999; color: #242424; display: inline-block; font-size: 14px; line-height: 24px; padding: 10px 0; width: 100%; } ul.personal-info li:first-child { padding-top: 0; } .footer_block .personal-info li i { color: #969ea7; float: left; font-size: 18px; margin-right: 20px; margin-top: 5px; } .footer-bottom-section { padding: 50px 0; } .footer-bottom { text-align: center; } .footer-bottom p { font-size: 14px; line-height: 20px; margin-bottom: 0; } ul.footer-menu { position: relative; overflow: hidden; margin: 0 auto; display: table; } .footer-bottom .footer-menu li { float: left; padding: 0 20px; font-size: 14px; border-right: 1px solid #969ea7; text-transform: capitalize; } .footer-bottom .footer-menu li:last-child { border-right: none; } .social-bar { position: relative; overflow: hidden; margin-top: 20px; } .social-bar ul { display: flex; } .social-bar li { display: inline-block; margin: 0 25px 0 0; } .social-bar li a { color: #999; font-size: 15px; } .social-bar li a:hover { color: #f58220; } .small-footer p { line-height: 50px; } .small-footer ul.social-network { line-height: 50px; float: right; margin: auto; } .small-footer .footer-bottom { text-align: left; } .footer-style-2 .block-post { position: relative; overflow: hidden; display: block; } .footer-style-2 .block-post li { float: left; position: relative; padding: 5px; } .footer-style-2 .block-post li a.plus img { width: 70px; height: 70px; } .footer-style-2 .block-post li a.plus { width: 100%; height: 100%; text-align: center; position: relative; overflow: hidden; } .block-post li a span { position: absolute; top: 0%; left: 0; width: 100%; height: 100%; display: none; font-size: 16px; color: #fff; line-height: 70px; } .block-post li:hover span { display: block; background-color: rgba(0, 0, 0, 0.5); /* width: ; */ } .tagcloud { position: relative; overflow: auto; max-height: 432px; margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center; } .tagcloud li { border: 1px solid #ccc; float: left; margin-bottom: 10px; margin-right: 10px; padding: 5px 10px; border-radius: 5px; } .tagcloud li a { color: #999; } .tagcloud li:hover { border: 1px solid #f58220; } .tagcloud li:hover a { color: #f58220; } /* ---- PROFILE CARD USERS ---- */ .profile-content { position: relative; animation: animatop 0.9s cubic-bezier(0.425, 1.14, 0.47, 1.125) forwards; margin-bottom: 30px; } .profile-content .card { padding: 20px; border-radius: 0; background-color: white; position: relative; overflow: hidden; } .profile-content .card:after { content: ""; display: block; width: 190px; height: 300px; background-color: #337ab7; position: absolute; animation: rotatemagic 0.75s cubic-bezier(0.425, 1.04, 0.47, 1.105) 1s both; } .profile-content .firstinfo { z-index: 2; position: relative; } .profile-content .firstinfo img { float: left; width: 150px; height: 150px; margin-right: 20px; } .profile-content .firstinfo .profileinfo { padding: 0px 20px; } .profile-content .firstinfo .profileinfo h1 { font-size: 24px; margin: 0; } .profile-content .firstinfo .profileinfo h1 a:hover { color: #337ab7; } .profile-content .firstinfo .profileinfo h3 { font-size: 20px; color: #337ab7; margin: 0; } .profile-content .firstinfo .profileinfo p.bio { color: #5a5a5a; line-height: 1.2; font-style: initial; padding: 10px 0; } .profile-content .profile-skills span { position: relative; overflow: hidden; background-color: transparent; color: #337ab7; border: 1px solid #337ab7; font-size: 12px; padding: 5px 10px; border-radius: 2px; margin-right: 5px; margin-bottom: 5px; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease- 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .profile-content .profile-skills span:hover { background-color: #337ab7; color: #fff; border: 1px solid #337ab7; } @keyframes animatop { 0% { opacity: 0; bottom: -600px; } 100% { opacity: 1; bottom: 0px; } } @keyframes animainfos { 0% { bottom: 10px; } 100% { bottom: -42px; } } @keyframes rotatemagic { 0% { opacity: 0; transform: rotate(0deg); top: -24px; left: -253px; } 100% { transform: rotate(-30deg); top: -24px; left: -78px; } } .profile-content .hire-btn { position: absolute; display: none; top: 20px; right: 30px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease- 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .profile-content .hire-btn a { margin: 0; font-weight: 600; font-size: 16px; text-transform: capitalize; } .profile-content .hire-btn a i { margin-right: 5px; } .profile-content:hover .hire-btn { display: block; } /* ---- CALL TO ACTION 1 ---- */ .call-to-action-1 h3 { color: #fff; margin: 0; font-size: 40px; text-transform: uppercase; } .call-to-action-1 i.icon-trophy { color: #fff; float: left; font-size: 50px; line-height: 80px; margin-right: 20px; } .call-to-action-1 p { color: #fff; } .call-to-action-1 .btn { margin-top: 20px; font-size: 20px; font-weight: normal; text-transform: uppercase; } .call-to-action-1 { position: relative; overflow: hidden; } .call-to-action-1::before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .call-to-action-1 { background: rgba(60, 146, 202, 0.7) url("../images/bg/5.jpg"); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; overflow-y: hidden; } /*-- BENIFITS --*/ .benifts { background: #f5f5f5; } .benifts .inner-services.inner-page { padding: 15px 0; } .benifts .services-box:nth-child(1) .services-widget { background: #ffffff; } .benifts .services-box:nth-child(4) .services-widget { background: #ffffff; } .benifts .services-box:nth-child(5) .services-widget { background: #ffffff; } .benifts .services-box:nth-child(8) .services-widget { background: #ffffff; } .benifts .services-box { padding: 0; } .benifts .services-widget { overflow: hidden; padding: 46px 30px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .benifts .services-widget .licon { margin-right: 20px; line-height: 1.5; } .benifts .services-widget .licon .services-icon { color: #f58220; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .benifts .services-widget .licon .services-icon:before { font-size: 40px; line-height: 1.2; } .benifts .services-widget .media-body { border-left: 2px solid #f58220; padding-left: 30px; } .benifts .services-widget .media-body h3 { margin: 0 0 10px 0; position: relative; font-size: 20px; font-weight: 600; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; color: #212121; text-transform: capitalize; } .benifts .services-widget .media-body h3 a:hover { color: #f58220; text-decoration: none; outline: none; } .benifts .services-widget .media-body p { margin-bottom: 0; font-size: 16px; } .benifts .services-widget .services-inner .btn-form a { color: #ffffff; } .benifts .services-widget .services-inner .btn-form a:hover { color: #f58220; } .benifts .services-widget .services-inner h4 { margin: 0px 0 20px 0; } .benifts .services-widget .services-inner .fa { color: #000; font-size: 31px; -webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; position: absolute; right: -12px; top: 55px; transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1); transition: all 0.4s ease-out 0s; } /* ---- SINGLE AD DETAIL ---- */ .ad-listing-single .detail-titile { border-bottom: 1px solid #ccc; } .detail-titile .ad-name h3 { font-weight: 600; margin: 0; } .detail-titile .ad-name { text-align: left; padding: 10px; } .detail-location i { margin-right: 5px; } .detail-titile .price { font-size: 24px; font-weight: 600; margin: 1px 0 0; color: #f58220; text-align: right; padding-right: 15px; line-height: 1.4 !important; } .detail-titile .price-imv { font-size: 14px; font-weight: 600; margin: 1px 0 0; color: #f58220; text-align: right; padding-right: 15px; line-height: 1.4 !important; } .detail-titile .ad-icon div { width: 4em; height: 4em; margin-left: 0.5em; background-size: contain; } .detail-titile .container-ad-name { display: flex; align-items: center; } .ad-listing-single .detail-titile .price { box-shadow: none; } .ad-listing-single .cat-icon { background-color: #a567cc; float: left; margin-right: 20px; padding: 10px 20px; } .ad-listing-single .cat-icon i { font-size: 40px; color: #fff; line-height: 55px; } .ad-detail-title h3 i { font-size: 18px; margin-right: 5px; } .ad-detail-title h3 { margin: 0; font-size: 20px; padding: 4px 10px; color: #fff; background-color: #f58220; text-transform: uppercase; padding-left: 30px; } .ad-listing-single .ad-detail ul { margin-bottom: 0; position: relative; overflow: hidden; } .ad-listing-single .ad-detail ul li { border-bottom: 1px solid #ddd; position: relative; overflow: hidden; padding: 8px 0; } .ad-listing-single .ad-detail ul li:last-child { border: none; } .ad-listing-single .ad-detail-desc { padding: 0 30px; } .ad-listing-single .ad-detail-desc span { font-size: 16px; color: #555; } .ad-listing-single .ad-detail-desc .about-text { font-size: 14px; } .ad-listing-single .ad-detail-desc span:last-child { font-weight: 600; } .nav-dots { z-index: 9; } .ad-slider .images::before { content: ""; width: calc(100% - 1em); height: 100%; position: absolute; left: 1em; box-shadow: 0px -20px 20px 0px #00000024 inset, 0px 20px 20px 0px #00000024 inset; z-index: 9; } /* AD CONTACT FORM */ .contact-form .form-group { text-align: left; } .input-ad-contact { display: flex; align-items: center; margin-right: 0; height: 46px; width: 100%; } .input-ad-contact-list-item { padding-top: 0 !important; padding-bottom: 0 !important; display: flex; align-items: center; justify-content: space-between; } .input-ad-contact-list-item-submit { padding-top: 5px !important; padding-bottom: 5px !important; display: flex; align-items: center; justify-content: space-between; } .input-ad-contact-list-item-submit button { height: 36px; width: 36px; display: flex; justify-content: center; align-items: center; } .input-ad-contact input { outline: none; height: 100%; width: 100%; background: transparent; margin-left: 10px; text-align: right; box-shadow: none !important; border: none !important; padding-right: 10px; } .input-ad-contact textarea { outline: none; height: 100%; width: 100%; background: transparent; margin-left: 10px; text-align: right; box-shadow: none !important; border: none !important; padding-right: 10px; } .input-ad-contact input:focus { background: rgb(0, 0, 0); background: linear-gradient(90deg, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.22426470588235292) 36%, rgba(0, 0, 0, 0.29709383753501406) 94%, rgba(0, 0, 0, 0.35871848739495793) 100%); } .input-ad-contact textarea:focus { background: rgb(0, 0, 0); background: linear-gradient(90deg, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.22426470588235292) 36%, rgba(0, 0, 0, 0.29709383753501406) 94%, rgba(0, 0, 0, 0.35871848739495793) 100%); } /*Business Card Css */ .business-card { background: #f8f8f8; padding: 35px 20px; } .profile-img { height: 100px; background: white; } .job { color: #666666; font-size: 16px; } .mail { font-size: 16px; } .business-card .media-body h3 { margin-bottom: 0; font-size: 20px; font-weight: 600; } .business-card .media-body { padding: 10px 0; } .business-card .media-left { padding-right: 20px; } .ad-listing-single ul.desc-points li i { color: #f58220; margin-right: 15px; } .ad-listing-single ul.desc-points li { font-family: "Open Sans", sans-serif; line-height: 40px; } .ad-listing-single .separator { margin: 30px 0; } .ad-listing-single aside { margin-top: 30px; } .desc-points { margin-bottom: 50px; } /* ---- SINGLE LISTING 2 ---- */ .single-listing-2 .listing-2-title h2 { margin-top: 0; } .listing-2-meta { position: relative; overflow: hidden; display: block; margin-bottom: 20px; } .single-listing-2 .listing-2-meta ul li { float: left; font-family: "Open Sans", sans-serif; margin-right: 15px; } .single-listing-2 .listing-2-meta ul li i { margin-right: 5px; font-size: 24px; color: #555; } .single-listing-2 .listing-2-meta ul li a i.fa-facebook-square { color: #3b5998; font-size: 30px; } .single-listing-2 .listing-2-meta ul li a i.fa-twitter-square { color: #55acee; font-size: 30px; } .single-listing-2 .listing-2-meta ul li a i.fa-google-plus-square { color: #dd4b39; font-size: 30px; } .single-listing-2 .listing-2-meta ul li a i.fa-pinterest-square { color: #cb2027; font-size: 30px; } .listing-2-btn { position: relative; overflow: hidden; padding-bottom: 30px; } .listing-2-btn a i { color: #fff; margin-right: 5px; } .listing-2-btn a { text-transform: uppercase; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4); margin: 0 10px; background-color: #555; color: #fff; padding: 10px 20px; } .listing-2-btn a:first-child { margin-left: 0; } .listing-2-btn a:hover { background-color: #f58220; color: #fff; } .listing-2-price { padding: 0 20px; margin-bottom: 50px; font-size: 30px; font-weight: 600; color: #999; line-height: 20px; padding-left: 0; } .listing-2-price span { font-size: 30px; color: #f58220; margin-left: 15px; } .single-listing-2 #map-contact { height: 260px; } .single-listing-2 .atuhoer-img { float: left; } .single-listing-2 .atuhoer-img>img { border-radius: 0; height: 90px; width: 90px; } .single-listing-2 .post-type-des { float: none; overflow: hidden; padding-left: 30px; } .single-listing-2 .post-type-des>a { color: #242424; font-size: 20px; font-weight: 600; text-transform: capitalize; } .single-listing-2 .author-side { position: relative; overflow: hidden; padding: 20px; background-color: #fff; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); } /* ---- DASHBOARD ---- */ section.dashboard-menu { padding: 60px 0; } .dashboard-menu-container { padding: 20px 0; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; } .dashboard-menu-container ul { margin-bottom: 0; } .dashboard-menu-container ul li { border-right: 1px solid #d9d9d9; display: block; float: left; text-align: center; width: 14%; } .dashboard-menu-container ul li:hover .menue-name, .dashboard-menu-container ul li:hover .icon i { color: #f58220; } .dashboard-menu-container ul li.active .menue-name { color: #f58220; } .dashboard-menu-container ul li.active .icon i { color: #f58220; } .dashboard-menu-container ul li:last-child { border-right: none; } .dashboard-menu-container ul li .icon i { font-size: 30px; color: #ddd; text-align: center; padding-top: 10px; } .dashboard-menu-container ul li .menue-name { padding: 10px 0; font-size: 16px; color: #242424; font-weight: 600; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease- 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .dashboard { padding-top: 0; } section.dashboard-menu-2 { padding-top: 0; border-top: 2px solid #f58220; } section.dashboard-menu-2 .dashboard-menu-container ul li .menue-name { font-size: 14px; } section.dashboard-menu-2 .dashboard-menu-container { padding: 0; } section.dashboard-menu-2 .dashboard-menu-container ul li.active .menue-name { background-color: #f58220; color: #fff; } .main-box { background: #fff; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); margin-bottom: 16px; position: relative; overflow: hidden; } .profile-box-contact .profile-box-header { border-radius: 3px 3px 0 0; color: #242424; padding: 20px 0; background-color: #fff; position: relative; overflow: hidden; } .profile-box-contact .profile-img { border: 3px solid #d9d9d9; border-radius: 5%; float: left; height: 110px; margin-right: 15px; width: 110px; } .profile-box-contact h2 { display: inline-block; font-weight: 400; line-height: 1.1; margin: 0; } .profile-box-contact .contact-details { font-size: 14px; margin: 0; padding: 4px 0 0; font-family: "Open Sans", sans-serif; } .profile-box-contact .contact-details li { padding: 3px 0; } .profile-box-contact .contact-details li i { font-size: 15px; margin-right: 10px; text-align: center; width: 15px; color: #242424; } .profile-box-contact .profile-box-footer { padding-bottom: 15px; padding-top: 10px; position: relative; overflow: hidden; background-color: #fafafa; } .profile-box-contact .profile-box-footer a { color: #242424; display: block; float: left; padding: 15px 10px; text-align: center; width: 33.33%; } .profile-box-contact .profile-box-footer .value { display: block; font-size: 1.8em; } .profile-box-contact .profile-box-footer .label { color: #242424; display: block; font-size: 14px; font-weight: 600; text-transform: uppercase; } .profile-box-contact .profile-box-header .social-network { margin-top: 20px; } .profile-box-contact .profile-box-header .profile-btn { margin-top: 20px; text-align: center; } .profile-box-contact .profile-box-header .profile-btn a { text-transform: uppercase; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); margin: 0 10px; background-color: #555; color: #fff; padding: 5px 10px; } .profile-box-contact .profile-box-header .profile-btn a i { margin-right: 5px; } .profile-box-contact .profile-box-header .profile-btn a:first-child { margin-left: 0; } .profile-box-contact .profile-box-header .profile-btn a:hover { background-color: #f58220; color: #fff; } .dashboard-main-disc .select2-container { border: 1px solid #d9d9d9; } .dashboard-main-disc { position: relative; overflow: hidden; background-color: #fff; padding: 0px 20px; padding-bottom: 30px; } .meta-detail { position: relative; overflow: hidden; } .meta-detail dt { width: 10%; float: left; line-height: 28px; padding: 10px 20px; text-align: left; font-size: 18px; font-weight: 400; color: #fff; background-color: #f58220; border: 2px solid #fff; text-align: center; font-family: "Open Sans", sans-serif; } .meta-detail dt i { font-size: 24px; } .meta-detail dd { width: 90%; float: left; padding: 10px 20px; text-align: left; font-size: 16px; line-height: 28px; background-color: #fafafa; border: 2px solid #fff; font-family: "Open Sans", sans-serif; } .dashboard-main-disc input.form-control { height: 45px; background-color: #fefefe; } .dashboard-main-disc .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 45px; } .dashboard-main-disc .select2-container--default .select2-selection--single, .dashboard-main-disc .select2-container--default .select2-selection--single .select2-selection__arrow { height: 45px; } .dashboard-main-disc .form-control:focus, .commentform textarea.form-control:focus, .commentform input.form-control:focus { box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); border: 1px solid #d9d9d9; } .dashboard-main-disc .ad-box-2 .expired { font-size: 20px; font-weight: 600; color: #f58220; } .dashboard-main-disc .ad-box-2 .pending { font-size: 20px; font-weight: 600; color: #f0ad4e; } .widget.same-company-ads { padding: 20px; } .widget.same-company-ads .widget-heading { text-align: left; } .dashboard-main-disc .edit-btns { padding: 20px; min-width: 200px; } .dashboard-main-disc .edit-btns a { padding: 0; margin-bottom: 10px; } .dashboard-main-disc .edit-btns a span { display: block; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); } .dashboard-main-disc .edit-btns i { margin: 0 5px; } .search-follower { margin-top: 34px; } ul.followers { margin: 0; padding: 0; } ul.followers { overflow: hidden; padding: 30px 0; position: relative; } ul.followers li.client { padding: 10px 10px; position: relative; width: 47%; margin-right: 20px; float: left; border-bottom: 1px solid #d9d9d9; } ul.followers li.client img.avatar { border-radius: 10px; float: left; height: 50px; width: 50px; margin-right: 10px; } ul.followers li.client .client-details { position: relative; } ul.followers li.client .client-details p { margin: 0; } ul.followers li.client .client-details p a.name { color: #555; display: block; font-size: 16px; } ul.followers li.client .client-details p a.name:hover { color: #f58220; } ul.followers li.client .client-details p span.email { display: block; line-height: 12px; } ul.followers li.client .client-details ul.icons-nav { position: absolute; right: 0; top: 15px; } ul.followers li.client .client-details ul.icons-nav li:first-child { padding-left: 0; } ul.followers li.client .client-details ul.icons-nav li { float: left; margin-left: 10px; } ul.followers li.client .client-details ul.icons-nav li i { color: #999; } ul.followers li.client .client-details ul.icons-nav li i:hover { color: #555; } /* ---- FILTER OPTIONS ---- */ .filters { position: relative; margin-bottom: 30px; background-color: #fff; border-bottom: 5px #f58220; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.21); } .filters .filter-option { line-height: 25px; } .filters .form-group { margin-bottom: 0; } .filters .select2-container { border: 1px solid #d9d9d9; border-top: none; border-bottom: none; } .filters .select2-container--default .select2-selection--single { height: 50px; } .filters i { font-size: 20px; padding: 15px; color: #f58220; } .filters i.active { background-color: #f58220; color: #fff; } .filters i:hover { background-color: #f58220; color: #fff; } .filters p { margin: 0; line-height: 50px; margin-left: 20px; text-transform: capitalize; } .widget .categories-module.nobullet li::before { content: normal; } /* ---- LOGIN ---- */ .login-logo { background: #34495e none repeat scroll 0 0; color: #fff; display: block; font-size: 2em; font-weight: 400; padding: 35px 0; text-align: center; text-transform: uppercase; } .login-box-inner { background: #fff; border-radius: 0 0 3px 3px; background-clip: padding-box; border: 1px solid #e1e1e1; border-bottom-width: 5px; padding: 40px 25px; } .login-box-inner.with-heading { padding-top: 20px; } .login-box-inner h4 { margin-top: 0; margin-bottom: 10px; } .login-box-inner .reset-pass-input { padding: 15px 0; margin-bottom: 0; } .login-logo { background: #f2f2f2; color: #fff; display: block; padding: 20px; text-align: center; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; } .login-logo h2 { margin: 0; font-size: 24px; text-align: left; } .login-logo>span { display: block; font-size: 0.6em; font-weight: 300; text-transform: none; } #login-box .input-group { margin-bottom: 10px; } #login-box .input-group input { font-weight: 300; } #login-box .input-group .input-group-addon { padding-left: 0; padding-right: 0; min-width: 50px; } #login-box .input-group .input-group-addon i { color: #efefef; } #login-box #login-forget-link { display: block; font-size: 0.875em; text-align: right; margin-top: 3px; } #login-box .remember-me-wrapper { padding: 10px 0; } #login-box .btn { font-size: 1.125em; font-weight: 600; padding-bottom: 10px; padding-top: 10px; text-transform: uppercase; margin-top: 8px; } #login-box .form-group { margin-bottom: 7px; } #login-box .form-group .checkbox label { padding-left: 7px; } #login-box .form-group .checkbox input { margin-left: 0; } #login-box .btn-facebook, #login-box .btn-twitter { text-transform: none; font-size: 1em; margin-bottom: 10px; } #login-box .social-text { margin: 0; padding: 15px 0; text-align: center; font-size: 0.875em; } .login-box-inner .input-group>.form-control, .login-box-inner .input-group>.input-group-addon { height: 46px; line-height: 42px; padding-top: 0; padding-bottom: 0; } .login-box-inner .input-group>.input-group-addon { height: 44px; } #login-box-footer { text-align: center; font-size: 0.875em; margin-top: 10px; } #login-page .login-create, #login-page-full .login-create { margin-bottom: 20px; } #login-box .btn-facebook, #login-box .btn-twitter { font-size: 1em; margin-bottom: 10px; text-transform: none; } #login-box .btn { font-size: 1.125em; font-weight: 600; margin-top: 8px; padding-bottom: 10px; padding-top: 10px; text-transform: uppercase; } .modal-sm { width: 350px; } .login-box-inner .input-group { margin-bottom: 20px; } .login-box-inner .input-group-addon { background-color: transparent; border-color: #d9d9d9; } .form-control:focus { border-color: #d9d9d9; box-shadow: ; } .social-text { padding: 20px 0; text-align: center; text-transform: capitalize; } .remember-me-wrapper { padding: 10px 0; } .remember-me-wrapper label { font-size: 14px; } /* ---- POST AD ---- */ .post-ad { position: relative; overflow: hidden; } .post-ad-box { background-color: #fff; padding: 20px; position: relative; overflow: hidden; } .post-ad-box .alert { margin-bottom: 30px; } .post-ad-box .alert h3 { text-transform: capitalize; } .post-ad-box .alert a.btn-default { margin-top: 30px; } .post-ad-box .form-group { position: relative; overflow: hidden; } .post-ad-box .btn-search-submit { margin-top: 30px; } .post-ad-box .form-group label.col-form-label { line-height: 40px; } .post-ad-box .form-group input.form-control { height: 40px; } .post-ad-box .select2-container--default .select2-selection--single { background-color: #d9d9d9; height: 45px; } .post-ad-box .select2-container--default .select2-selection--single .select2-selection__arrow { height: 45px; } .post-ad-box .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 45px; } .post-ad-box .toggle-btn .btn-default { background-color: #fff; border-color: #ccc; color: #333; text-shadow: none; font-weight: 400; } .post-ad-box .toggle-btn .btn-default:hover { border: 1px solid #d9d9d9; outline: none; line-height: 19px; box-shadow: none; } .post-ad-box .toggle-group .toggle-off { padding-left: 40px; box-shadow: none; } .post-ad-box .toggle-btn .toggle-on.btn { line-height: 28px; padding-right: 40px; text-transform: uppercase; box-shadow: none; } .slow .toggle-group { transition: left 0.7s; -webkit-transition: left 0.7s; } .fast .toggle-group { transition: left 0.1s; -webkit-transition: left 0.1s; } .quick .toggle-group { transition: none; -webkit-transition: none; } .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; } .toggle.ios .toggle-handle { border-radius: 20px; } .toggle.android { border-radius: 0px; } .toggle.android .toggle-handle { border-radius: 0px; } .uploadImages small { color: #ccc; font-size: 12px; line-height: 20px; float: left; } .uploadImages .post-ad-box .form-group label.col-form-label { line-height: 20px; } .ad-detail-heading { background-color: #d9d9d9; padding: 10px 20px; margin-top: 30px; margin-bottom: 50px; } .ad-detail-heading h4 { margin: 0; } .checkbox label:after, .radio label:after { content: ""; display: table; clear: both; } .checkbox .cr, .radio .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; width: 20px; height: 20px; float: left; margin-right: 10px; } .radio .cr { border-radius: 50%; } .checkbox .cr .cr-icon, .radio .cr .cr-icon { position: absolute; font-size: 10px; line-height: 0; top: 50%; left: 30%; color: #f58220; } .checkbox label input[type="checkbox"], .radio label input[type="radio"] { display: none; } .checkbox label input[type="checkbox"]+.cr>.cr-icon, .radio label input[type="radio"]+.cr>.cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all 0.3s ease-in; } .checkbox label input[type="checkbox"]:checked+.cr>.cr-icon, .radio label input[type="radio"]:checked+.cr>.cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; } .checkbox label input[type="checkbox"]:disabled+.cr, .radio label input[type="radio"]:disabled+.cr { opacity: 0.5; } .post-ad-box .radio { margin: 30px 0; } .post-ad-box .radio:first-child { margin-top: 0; } .post-ad-box .radio:last-child { border-bottom: 1px solid #d9d9d9; padding-bottom: 50px; } .post-ad-box .checkbox label, .radio label { line-height: 18px; width: 100%; } .no-margin-for-text { margin-bottom: 10px; } .text-below-heading { margin-bottom: 50px; padding: 10px 0; } .checkbox label span { line-height: 20px; /*margin-bottom:30px; */ } /* MAP LISTING CSS */ #map-canvas { height: 600px; } #map-canvas .gm-style .gm-style-iw { width: 280px !important; } #map-canvas .papular-reviews .image img { width: 280px; height: 210px; overflow-y: hidden; overflow-x: hidden; } #map-canvas .papular-post-slider .papular-reviews { margin: 0; box-shadow: none; } #map-canvas .gm-style-iw div { overflow-y: hidden; overflow-x: hidden; } #map-canvas .gm-style-iw div div { overflow-y: hidden; overflow-x: hidden; } #map-canvas .gm-style-iw { overflow-y: hidden; overflow-x: hidden; } #map-canvas .papular-post-slider .papular-reviews .content { padding: 10px 0; } /* ---- AD HEADER ---- */ .ad-header { padding: 15px 0; } .ad-header-menu #navbar-logo { margin-right: 30px; } .ad-header-menu .navbar-right li i { margin-right: 5px; } .ad-map-section { padding-top: 0; padding-bottom: 0; } #map_canvas { width: 100%; height: 400px; } .breadcrumb-transparent { padding: 250px 0 20px 0; } .nopaddingleft { padding-left: 0; } .nopaddingright { padding-right: 0; } .dropdown-menu-mobile-item { display: none; } .dropdown-menu-mobile-item>li>a { line-height: 20px; padding: 8px 15px 8px 25px; color: #777; width: 100%; display: flex; font-weight: 600; font-size: 14px; } .dropdown-menu-mobile-item>li { background: rgba(32, 32, 32, 0.05); margin: 0.3em 0; border-radius: 5px; position: relative; align-items: center; justify-content: space-between; } .drop-submeu li { padding-left: 2em; } .button-collapse { position: absolute; right: 0; top: 0; height: 2.6em; width: 4em; background: transparent; border: none; z-index: 99; } .button-collapse:active, .button-collapse:focus { position: absolute; } .button-collapse i { font-size: 2em; } .open>.dropdown-menu-mobile-item { display: block; } .advanced-interative-menu-city { height: 25em; width: 55em; max-width: 98vw; background: #f4f7fa } .advanced-interative-menu-city .dropdown-container { display: grid; height: 100%; grid-template-columns: 35% 65%; } .advanced-interative-menu-city .dropdown-container::before { content: none; } .advanced-interative-menu-city .dropdown-container::after { content: none; } .advanced-interative-menu-city .dropdown-container .selector { padding: 1em 0; padding-left: 0.5em; margin: 0.5em 0; } .advanced-interative-menu-city .dropdown-container .selector>p { padding-left: 1em; font-family: "Quicksand"; font-weight: 600; font-size: 16px; margin-bottom: 2em; } .advanced-interative-menu-city .dropdown-container .selector ul>li { padding: 1em; border-top-left-radius: 10px; border-bottom-left-radius: 10px; cursor: pointer; } .advanced-interative-menu-city .dropdown-container .selector ul>li.aim-active { background-color: #fff; } .advanced-interative-menu-city .dropdown-container .selector ul>li.aim-active .title .icon, .advanced-interative-menu-city .dropdown-container .selector ul>li.aim-active .title span { color: #F58220; } .advanced-interative-menu-city .dropdown-container .selector ul>li.aim-active .title span { text-decoration: underline; } .advanced-interative-menu-city .dropdown-container .selector ul>li.aim-active .title .icon { text-decoration: none; } .advanced-interative-menu-city .dropdown-container .data { background-color: #fff; border-radius: 10px; margin-right: 10px; } .advanced-interative-menu-city .dropdown-container .selector .title .icon { font-size: 26px; padding-right: 10px; } .advanced-interative-menu-city .dropdown-container .selector .title span { display: flex; align-items: center; color: #242424; } .advanced-interative-menu-city .dropdown-container .selector .sub-title span { font-weight: bold; font-size: 11px; color: #7d7d7d; } .advanced-interative-menu-city .dropdown-container .data .data-container { padding: 0.5em; height: 100%; } .advanced-interative-menu-city .dropdown-container .data .data-container .card { height: 100%; width: 100%; transform: scale(0.8); border-radius: 10px; transition: transform 0.2s 0s ease; padding: 1em; cursor: pointer; position: relative; overflow: hidden; margin-top: 0; margin-bottom: 0; } .advanced-interative-menu-city .dropdown-container .data .data-container .card:hover { transform: scale(0.9); } .advanced-interative-menu-city .dropdown-container .data .data-container .card h4 { font-family: "Quicksand"; color: #FFF; font-size: 30px; line-height: 1; font-weight: bold; } .advanced-interative-menu-city .dropdown-container .data .data-container.utils { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: 'u1 buttons' 'u2 buttons' ; height: 100%; } .advanced-interative-menu-city .dropdown-container .data .data-container .card.raft { background: hsla(38, 95%, 59%, 1); background: linear-gradient(135deg, hsla(38, 95%, 59%, 1) 0%, hsla(38, 95%, 48%, 1) 37%, hsla(38, 94%, 79%, 1) 100%); background: -moz-linear-gradient(135deg, hsla(38, 95%, 59%, 1) 0%, hsla(38, 95%, 48%, 1) 37%, hsla(38, 94%, 79%, 1) 100%); background: -webkit-linear-gradient(135deg, hsla(38, 95%, 59%, 1) 0%, hsla(38, 95%, 48%, 1) 37%, hsla(38, 94%, 79%, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FAB233", endColorstr="#EF9906", GradientType=1); } .advanced-interative-menu-city .dropdown-container .data .data-container .card.road { background: hsla(38, 95%, 59%, 1); background: linear-gradient(135deg, hsla(38, 95%, 59%, 1) 0%, hsla(38, 95%, 48%, 1) 37%, hsla(38, 94%, 79%, 1) 100%); background: -moz-linear-gradient(135deg, hsla(38, 95%, 59%, 1) 0%, hsla(38, 95%, 48%, 1) 37%, hsla(38, 94%, 79%, 1) 100%); background: -webkit-linear-gradient(135deg, hsla(38, 95%, 59%, 1) 0%, hsla(38, 95%, 48%, 1) 37%, hsla(38, 94%, 79%, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FAB233", endColorstr="#EF9906", GradientType=1); } .advanced-interative-menu-city .dropdown-container .data .data-container .card.radio { background: hsla(176, 100%, 32%, 1); background: linear-gradient(135deg, hsla(176, 100%, 32%, 1) 0%, hsla(176, 100%, 26%, 1) 36%, hsla(176, 100%, 40%, 1) 100%); background: -moz-linear-gradient(135deg, hsla(176, 100%, 32%, 1) 0%, hsla(176, 100%, 26%, 1) 36%, hsla(176, 100%, 40%, 1) 100%); background: -webkit-linear-gradient(135deg, hsla(176, 100%, 32%, 1) 0%, hsla(176, 100%, 26%, 1) 36%, hsla(176, 100%, 40%, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00A195", endColorstr="#00857C", GradientType=1); } .advanced-interative-menu-city .dropdown-container .data .data-container .card.weather { background: hsla(213, 100%, 31%, 1); background: linear-gradient(135deg, hsla(213, 100%, 31%, 1) 0%, hsla(213, 100%, 20%, 1) 37%, hsla(213, 100%, 34%, 1) 100%); background: -moz-linear-gradient(135deg, hsla(213, 100%, 31%, 1) 0%, hsla(213, 100%, 20%, 1) 37%, hsla(213, 100%, 34%, 1) 100%); background: -webkit-linear-gradient(135deg, hsla(213, 100%, 31%, 1) 0%, hsla(213, 100%, 20%, 1) 37%, hsla(213, 100%, 34%, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00479E", endColorstr="#002E66", GradientType=1); } .advanced-interative-menu-city .dropdown-container .data .data-container .card.phone-book { background: hsla(14, 82%, 51%, 1); background: linear-gradient(135deg, hsla(14, 82%, 51%, 1) 0%, hsla(14, 82%, 42%, 1) 37%, hsla(14, 82%, 62%, 1) 100%); background: -moz-linear-gradient(135deg, hsla(14, 82%, 51%, 1) 0%, hsla(14, 82%, 42%, 1) 37%, hsla(14, 82%, 62%, 1) 100%); background: -webkit-linear-gradient(135deg, hsla(14, 82%, 51%, 1) 0%, hsla(14, 82%, 42%, 1) 37%, hsla(14, 82%, 62%, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#E94D1D", endColorstr="#C33C13", GradientType=1); } .advanced-interative-menu-city .dropdown-container .data .data-container .card.raft::before { content: "\ed39"; font-family: 'icomoon' !important; font-size: 10em; color: rgba(16, 16, 16, 0.1); position: absolute; right: -3%; bottom: 35%; } .advanced-interative-menu-city .dropdown-container .data .data-container .card.road::before { content: "\ecfe"; font-family: 'icomoon' !important; font-size: 10em; color: rgba(16, 16, 16, 0.1); position: absolute; right: -3%; bottom: 35%; } .advanced-interative-menu-city .dropdown-container .data .data-container .card.radio::before { content: "\ece8"; font-family: 'icomoon' !important; font-size: 10em; color: rgba(16, 16, 16, 0.1); position: absolute; right: -3%; bottom: 35%; } .advanced-interative-menu-city .dropdown-container .data .data-container .card.weather::before { content: "\ea4e"; font-family: 'icomoon' !important; font-size: 10em; color: rgba(16, 16, 16, 0.1); position: absolute; right: -3%; bottom: 35%; } .advanced-interative-menu-city .dropdown-container .data .data-container .card.phone-book::before { content: "\e90b"; font-family: 'icomoon' !important; font-size: 10em; color: rgba(16, 16, 16, 0.1); position: absolute; right: 0%; bottom: 36%; } .advanced-interative-menu-city .dropdown-container .data .data-container .three-col { display: grid; align-content: center; grid-template-columns: 33.3% 33.3% 33.3%; height: 100%; } .advanced-interative-menu-city .dropdown-container .data .data-container .three-col .banner { display: grid; grid-template-columns: 1fr 1fr 1fr; height: 12rem; width: 100%; object-fit: cover; } .advanced-interative-menu-city .dropdown-container .data .data-container .three-col .card-event-container { padding: 1em; } .advanced-interative-menu-city .dropdown-container .data .data-container .three-col .card-event-container:hover { background: #f5822021; border-radius: 10px; } .advanced-interative-menu-city .dropdown-container .data .data-container .three-col .card-event .title, .advanced-interative-menu-city .dropdown-container .data .data-container .three-col .card-event .source { margin-bottom: 0; font-size: 12px; font-family: 'Quicksand'; } .advanced-interative-menu-city .dropdown-container .data .data-container .three-col .card-event .source { font-size: 10px; overflow: hidden; } .advanced-interative-menu-city .dropdown-container .data .data-container .view-more { display: flex; justify-content: flex-end; } .advanced-interative-menu-city .dropdown-container .data .data-container .view-more a { font-weight: bold; color: #F58220; } .advanced-interative-menu-city .dropdown-container .data .data-container .view-more a:hover { color: #f69846; } .advanced-interative-menu-city .dropdown-container .data .data-container .view-more a:active { color: #E16F0B; } .advanced-interative-menu-city .dropdown-container .data .data-container .utils-menu-container { grid-area: buttons; overflow-y: auto; max-height: 22em; border-left: solid 1px rgba(32, 32, 32, 0.1); margin: 1em 0; padding-left: 1em; } .advanced-interative-menu-city .dropdown-container .data .data-container .utils-menu-container>p { font-family: "Quicksand"; font-weight: 600; font-size: 16px; margin-bottom: 2em; padding-top: 1em; } .advanced-interative-menu-city .dropdown-container .data .data-container .utils-menu-container ul a { font-size: 16px; line-height: 1.8; } .advanced-interative-menu-city .dropdown-container .data .data-container .utils-menu-container ul a:hover { color: #F58220; } /* ---- TOURISM ---- */ html, body { overflow-x: hidden; } .masonry-section { background: rgba(22, 22, 22, 1); min-height: 50vh; } .masonry-content { margin: 0 5vw; } .multi-banner-container h1, .masonry-content h1 { color: #FEFEFE; font-weight: 500; width: 100%; text-align: center; font-family: "Lexend Deca"; font-size: 42px; display: block; line-height: 1.2; } .multi-banner-container p.m-content-subtitle, .masonry-content p.m-content-subtitle { text-align: center; width: 100%; margin-bottom: 0; color: #FEFEFE; font-size: 12px; } .multi-banner-container p.m-content-subtitle { color: #353535; } .masonry-content h1.left-section-header { text-align: left; padding-left: 5vw; } .trail-svg { height: 55vh; width: auto; position: absolute; } .wind-rose-svg { position: absolute; height: auto; width: 12em; bottom: -7em; right: -4em; transform-style: preserve-3d; } .desc-content { padding: 0 5vw; display: grid; grid-template-columns: 1fr 25rem; grid-gap: 2em; } .desc-content .widget.transparent-widget { padding: 0; } .desc-content .widget.transparent-widget, .desc-content .widget.transparent-widget .categories-module { background: transparent; box-shadow: none; } .desc-content .widget.transparent-widget .title, .desc-content .widget.transparent-widget .categories-module li::before, .desc-content .widget.transparent-widget .categories-module a { color: #f2f2f2; } .desc-content .widget.transparent-widget .categories-module a:hover { color: #F58220; } .desc-content-text p, .desc-content-text li, .desc-content-text a, .desc-content-text td, .desc-content-text h1, .desc-content-text h2, .desc-content-text h3, .desc-content-text h4, .desc-content-text h5, .desc-content-text strong { color: #f2f2f2; font-family: 'Quicksand' } .bottom-large-padding { padding-bottom: 8em; } .dark-an-section { background: rgb(25 25 25); } .article-source { margin-top: -0.5em; margin-bottom: 2em; padding: 0 5vw; } .article-source a { color: #F2F2F2; } .article-source a i { padding-right: 0.5em; } .map-canvas { width: 100%; height: 400px; } .container { width: 90%; } .hero-section { width: 100%; height: 100vh; padding: 0; z-index: 4; } .hero-image { height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; padding-top: 130px; padding-bottom: 10em; } .hero-title { font-family: "Lexend Deca"; font-size: 48px; color: #FFF; font-weight: 600; text-align: left; line-height: 1; } .hero-subtitle { font-family: "Lexend Deca"; color: #FFF; font-weight: 200; text-align: left; } .hero-container-grid { display: grid; grid-template-columns: 1fr 30vw; grid-template-rows: 1fr auto; grid-gap: 1em; align-items: center; } .hero-container-grid.container { height: 100%; } .hero-container-grid.container::after, .hero-container-grid.container::before { content: none; } .hero-topics { display: flex; overflow-y: auto; flex-wrap: wrap; align-items: center; padding: 0 1em; width: 65%; max-height: 265px; margin-top: -2em; } .hero-topics::-webkit-scrollbar { height: 1px; width: 1px; } .hero-topics::-webkit-scrollbar-track { background: transparent; } a.topic-button { padding: 1em; border-radius: 10px; background: rgba(32, 32, 32, 0.5); margin: 0.5em; border: solid 3px #F2F2F2; } a.topic-button i { font-size: 32px; color: #F2F2F2; } a.topic-button p { color: #F2F2F2; font-family: 'Lexend Deca'; margin: 10px 0; font-size: 18px; } a.topic-button:hover { transform: scale(1.1) } a.topic-button.active { border-color: #F58220; } a.topic-button.active p { color: #F58220; } a.topic-button.active i, a.topic-button.active i:before { color: #F58220; } .hero-ad-container { width: 23em; min-height: 13em; height: 37vh; border-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; overflow: hidden; position: absolute; right: calc(-4em + -5vw); bottom: -2em; box-shadow: -1px -1px 3px 2px rgb(32 32 32 / 60%); cursor: pointer; -webkit-transition: transform 0.3s 0s ease; -moz-transition: transform 0.3s 0s ease; -o-transition: transform 0.3s 0s ease; transition: transform 0.3s 0s ease; } .hero-ad-container:hover { transform: translateX(-3em); } .hero-ad-container img { width: auto; z-index: 1; height: 100%; object-fit: cover; position: absolute; left: 0px; } .hero-ad-container::before { content: ''; z-index: 2; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.25); } .hero-ad-grid-item { position: relative; width: 100%; height: 100%; } .hero-extra-container { width: 23em; height: 6em; border-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; border: 3px solid #FFF; border-right: none; overflow: hidden; position: absolute; right: calc(-4em + -5vw); top: 1em; /* box-shadow: -1px -1px 3px 2px rgb(32 32 32 / 60%); */ cursor: pointer; -webkit-transition: transform 0.3s 0s ease; -moz-transition: transform 0.3s 0s ease; -o-transition: transform 0.3s 0s ease; transition: transform 0.3s 0s ease; background: rgba(32, 32, 32, 0.5); padding-right: 2em; padding-left: 1em; } .hero-extra-container:hover { transform: translateX(-3em); } .hero-extra-container a { display: flex; align-items: center; justify-content: space-around; height: 100%; } .hero-extra-container a p { color: #FFF; font-size: 20px; margin-bottom: 0; font-family: "Lexend Deca"; font-weight: 200; } .hero-extra-container a i { color: #FFF; font-size: 30px; } .hero-ad-info { height: 100%; width: 100%; position: absolute; z-index: 3; } .hero-ad-info::before { content: ''; height: 100%; width: 100%; position: absolute; z-index: 3; left: -1px; background: linear-gradient(0deg, rgb(0 0 0 / 95%) 0%, rgb(0 0 0 / 0%) 35%); } .hero-ad-info>div { display: flex; align-items: center; position: absolute; bottom: 0; width: 100%; z-index: 3; } .hero-ad-info>div i { font-size: 2em; margin: 0.5em 0em; } .hero-ad-info>div i, .hero-ad-info>div p { color: #E6E6E6; padding: 0 0.5em; } .hero-ad-info>div p { font-family: "Lexend Deca"; font-weight: 200; margin-bottom: 0; font-size: 1.3em; text-align: left; line-height: 1; margin-bottom: 0.5em; padding-left: 0; } .container::before, .container::after { content: ""; flex-basis: 100%; width: 0; order: 2; } .tourism-ad-item-background { position: relative; min-height: inherit; display: flex; flex-direction: column; margin: 0.5em; border-radius: 10px; background-repeat: no-repeat; background-size: cover; background-position: center center; overflow: hidden; -webkit-transition: transform 0.3s 0s ease; -moz-transition: transform 0.3s 0s ease; -o-transition: transform 0.3s 0s ease; transition: transform 0.3s 0s ease; } .tourism-ad-top-text { display: flex; z-index: 10; padding: 10%; padding-bottom: 0px; } .tourism-ad-top-text i, .tourism-ad-top-text p { color: #FCFCFC; font-size: 14px; z-index: 9; } .tourism-ad-top-text p { font-family: 'Quicksand'; font-weight: 600; margin-bottom: 0; text-shadow: 2px 2px 4px black; } .tourism-ad-top-text::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgb(0 0 0 / 58%) 0%, rgb(0 0 0 / 0%) 50%); } .tourism-ad-top-subtext { padding-left: 12%; display: flex; align-items: center; } .tourism-ad-top-subtext p { font-family: 'Quicksand'; } .tourism-ad-top-subtext p, .tourism-ad-top-subtext i { display: none; color: #FCFCFC; font-size: 11px; margin-bottom: 0; padding: 0 5px; } .tourism-ad-item-background:hover { transform: scale(1.03); } .tourism-ad-item-background::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(0deg, rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 0%) 50%); } .tourism-ad-footer { margin-top: auto; z-index: 10; padding: 5px 10px; } .tourism-ad-footer p { font-family: 'Quicksand'; font-size: 11px; margin-bottom: 0; } .tourism-ad-more { font-family: 'Lexend Deca'; font-weight: 600; text-align: right; margin-bottom: 0; } .grid-sizer, .grid-item { width: 25%; } .grid-item--width2 { width: 66%; } .grid-item--width3 { width: 99%; } .grid-item--height1 { min-height: 16em } .grid-item--height2 { min-height: 25em } .grid-item--height3 { min-height: 33em } .grid-a { min-height: inherit; } .scrollable-grid { position: relative; margin-top: 5em; /* height: 80vh; */ /* overflow: auto; */ } .tourism-ad-footer { height: 100%; } .tourism-ad-footer p { color: #FFF; } .tourism-masonry-pagination-container { padding-left: 10vw; padding-right: 10vw; margin-top: 5em; } .tourism-masonry-pagination-container div { float: right; } .tourism-masonry-pagination-container div .kopa-pagination ul li span, .tourism-masonry-pagination-container div .kopa-pagination ul li a { color: #FEFEFE; border-radius: 5px; } .media-content { /* height: 100%; */ margin-top: 5%; } .media-section { background: #000; min-height: 100vh; } .media-section h1 { color: #FEFEFE; font-weight: 500; font-family: "Lexend Deca"; } .media-box { position: relative; height: inherit; margin-right: 10px; margin-top: 10px; width: 70%; border-radius: 20px; overflow: auto; } .media-selector { width: 30%; overflow-y: auto; height: 100%; } .media-selector::-webkit-scrollbar { width: 2px; } .media-selector::-webkit-scrollbar-track { background: transparent; } .media-selector li { padding-top: 1em; padding-bottom: 1em; padding-left: 0.5em; width: 100%; border-bottom-left-radius: 15px; border-top-left-radius: 15px; background: linear-gradient(90deg, rgba(180, 180, 180, 0.15), rgba(180, 180, 180, 0.07), rgba(180, 180, 180, 0)); margin: 10px 0; } .media-selector a { cursor: pointer; font-family: 'Quicksand'; font-size: 16px; color: #FEFEFE; } .media-selector li:hover { background: linear-gradient(90deg, rgba(180, 180, 180, 0.5), rgba(180, 180, 180, 0.25), rgba(180, 180, 180, 0)); } .media-selector li.active { background: linear-gradient(90deg, rgb(245 130 32), rgb(245 130 32 / 50%), rgba(245, 130, 32, 0)); } .media-container { display: flex; height: 70vh; align-items: center; } .widget-tourism { background: transparent } .widget-tourism .widget-tourism-partner-list { display: flex; width: 100%; justify-content: space-evenly; } .widget-heading-tourism .title { border-bottom-width: 0; color: #FEFEFE; font-family: 'Quicksand'; } .widget-tourism .widget-tourism-partner-list li { border-bottom-width: 0; background: linear-gradient(90deg, rgb(180 180 180 / 22%), rgb(180 180 180 / 15%), rgb(180 180 180 / 22%)); padding: 1em; border-radius: 15px; } .widget-tourism .widget-tourism-partner-list li a { color: #FEFEFE; } .widget .related-post.widget-tourism-partner-list li span { color: #999999; margin: 5px; } /* announcement */ .announcement-section { background: #262626; } .announcement-content { margin: 0 5vw; } .announcement-carousel-container { margin-top: 4em; } div.an-owl-carousel .item { padding-left: 20px; padding-right: 20px; } .an-home-owl-carousel .owl-stage-outer { width: 100%; } .an-item-container { width: 100%; /* background: #FEFEFE; box-shadow: 0px 1px 0px 1px hsl(0deg 0% 78%), 4px 4px 16px 2px #000; */ background: #1c1c1c; box-shadow: 0px 1px 0px 1px #1c1c1c, 4px 4px 16px 2px #000; border-radius: 15px; padding: 2px; margin-top: 20px; margin-bottom: 20px; overflow: hidden; position: relative; } .an-item-container .desc { position: absolute; height: 100%; width: 100%; top: 0; display: flex; flex-direction: column; justify-content: space-between; } .abs-a { position: absolute; height: 100%; width: 100%; z-index: 9; } .an-item-container .image img { border-radius: 15px; width: 100%; height: 280px; object-fit: cover; } .an-item-container .desc .top { margin-top: 1em; background: rgb(254, 254, 254); background: linear-gradient(90deg, rgba(254, 254, 254, 0.42) 0%, rgba(254, 254, 254, 0.32) 35%, rgba(254, 254, 254, 0.38) 69%, rgba(254, 254, 254, 0.42) 100%); } .an-item-container .desc .subcategory { text-align: right; font-size: 10px; padding-right: 20px; } .an-item-container .desc .bottom { padding-right: 1em; padding-left: 1em; background: linear-gradient(90deg, rgba(24, 24, 24, 0.7256652661064426) 0%, rgba(24, 24, 24, 0.8068977591036415) 35%, rgba(24, 24, 24, 0.9301470588235294) 55%, rgba(24, 24, 24, 0.8965336134453782) 90%); /* background: linear-gradient(90deg, rgba(254, 254, 254, 0.62) 0%, rgba(254, 254, 254, 0.52) 35%, rgba(254, 254, 254, 0.58) 69%, rgba(254, 254, 254, 0.62) 100%); */ } .an-item-container .desc .bottom .container { display: flex; width: 100%; justify-content: space-between; padding-left: 0; padding-right: 0; } .an-item-container .desc .bottom .container::before { content: none; } .an-item-container .desc .bottom .container::after { content: none; } .an-item-container .desc .bottom .tourism-an-desc { margin-bottom: 0; color: #FEFEFE; text-shadow: 2px 2px 2px rgb(32, 32, 32); display: none; } .an-item-container .desc .bottom .tourism-an-price { width: 100%; } .an-item-container .desc .bottom .tourism-an-price p { text-align: right; margin-bottom: 0; color: #FEFEFE; text-shadow: 2px 2px 2px rgb(32, 32, 32); } a.tourism-an-title { font-size: 16px; margin: 0 10px; font-weight: 600; color: #FEFEFE; text-shadow: 2px 2px 2px rgb(32, 32, 32); } a.tourism-an-title:hover { color: #f58220; } .owl-theme div.owl-nav [class*=owl-] { background: rgba(22, 22, 22, 0.5); color: #FEFEFE; border: solid 2px #fff; font-size: 22px; line-height: 0; padding: 0.8em !important; border-radius: 10px; } .tourism-companies-section { background: #242424; } .tourism-companies-content { margin: 0 5vw; } .tourism-companies { display: flex; flex-direction: column; align-items: center; width: 100%; } .company-crousel { margin-top: 2em; margin-bottom: 2em; } .company-crousel .item a, .company-crousel .item img { object-fit: contain; } .company-crousel .item img { border-radius: 5px; box-shadow: 0px 0px 10px 0px rgb(0 0 0); } .company-crousel .item { height: 10em; object-fit: contain; } .company-crousel .owl-item.active.center .item { height: 12em; } .tourism-company-content { width: 100%; } /* --> Accordion */ .simple-accordion .accordion-angle { float: right; background: transparent; border: none; } .simple-accordion .accordion-angle.expanded { transform: rotateX(180deg); } .simple-accordion-panel { max-height: 0; opacity: 0; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .simple-accordion-panel.expanded { opacity: 1; max-height: 100vh; } /* Checkout plan */ .prompt-new-sub-toast>div { display: flex; justify-content: center; } .prompt-new-sub-toast button { margin: 0 1em; outline: none; border: solid 2px white; padding: .25em .5em; border-radius: 10px; background: transparent; } .prompt-new-sub-toast button:active { transform: scale(0.9); } .prompt-new-sub-toast button#confirm-checkout-sub-plan { background: white; color: #DBB328; } .prompt-new-sub-toast p { color: white; text-shadow: 2px 1px rgb(32 32 32 / 20%); } /* ---- MEDIA QUERIES ---- */ @media (min-width: 768px) { .hidden-desk { display: none; } .ad-box-2-detail { display: flex; min-height: 180px; flex-direction: column; justify-content: space-between; } /* TOURISM */ .tourism-ad-container { padding: 0 5em; } } @media (min-width: 1500px) and (max-width: 2919px) { .main-section { height: 730px; } .call-to-action-section .call-to-action-detail-section { padding: 75px 30px; background-color: #fff; } .search-form-contaner { margin-top: 130px; } .home3-bg .search-form-contaner { margin-top: 300px; } .post-ad-box3 { padding: 20px 70px; } } @media (min-width: 1280px) and (max-width: 1499px) { .post-ad-box3 { padding: 20px 70px; } } @media screen and (min-device-width: 768px) and (max-device-width: 1279px) and (orientation: landscape) { .call-to-action-section .call-to-action-detail-section h2 { font-size: 26px; } .call-to-action-section .call-to-action-detail-section { padding: 40px 50px; } .benifts .services-widget { padding: 15px; } .panel-body .tab-content .listing-post { width: 100%; } .listing-info { padding: 10px; } .listing-post .listing-desc { padding: 5px 0; } .listing-info span { margin-bottom: 5px; } .listing-info .btn { margin-top: 0; } .category-list { clear: both; } .locations .category-list-title { padding: 0; } .locations .category-list-icon i { font-size: 24px; height: 50px; line-height: 50px; margin-right: 10px; width: 50px; } .papular-reviews .cat { margin-right: 10px; padding: 5px; } .papular-reviews a h4 { font-size: 14px; font-weight: 600; } .category-section-3 .category-section-3-box-inner h4 { font-size: 14px; font-weight: 600; } .category-section-3 .category-section-3-box { padding: 10px; } .cat-tab-2 .listing-desc-title { font-size: 18px; } .pricing-table-small-title h1 { width: 56%; font-size: 30px; } .categories ul li { margin: 0 10px; } .call-to-action-1 .btn { font-size: 16px; } .ad-header-menu #navbar-logo { float: none; display: block; } } @media (min-width: 768px) and (max-width: 1279px) { .header3 .navbar-default .navbar-nav>li>a { padding: 15px 10px; } #header2 .navbar-brand img { margin-left: 10px; } section.download-app .download-btns a { margin-bottom: 20px; } .cat-tabs .panel-tabs>li>a { padding: 30px 15px; } .main-section .form-inline .form-control { width: 100%; } .cat-tabs .job-title-box { margin-left: 0; } section.download-app h1 { font-size: 26px; margin: 0; } .cat-tabs .panel-tabs>li a i { font-size: 30px; margin-right: 0px; } .ad-box { padding: 30px 15px; } .search-form-contaner { margin-top: 140px; } #popular-categories li a { width: 33.3%; } #header2 { background-color: transparent; padding: 0 10px; } #top-bar ul li a { padding: 10px 29px; } .cat-tabs .panel { margin-top: -102px; } .cat-tab-2 .panel { margin-top: 0; } .tab-content .listing-post { float: left; margin: 6px; width: 48%; } .footer_block h4 { margin-top: 30px; } .cat-tab-2 .listing-post { width: 100%; margin: 0; margin-bottom: 30px; } .cat-tab-2 .listing-image img { height: auto; width: auto; } .listing-desc .listing-desc-date i { font-size: 18px; } .listing-desc .listing-price { font-size: 20px; } .listing-desc .listing-price span { font-size: 20px; } .ad-box-2 p { margin-top: 0; /* display: none; */ } .ad-box-2-detail { padding: 13px 0; } .ad-box-2 .ad-title-box .ad-title { font-size: 20px; margin-bottom: 5px; } .ad-bottom-area { margin-top: 10px; } .ad-box-2-detail .ad-price { padding: 0; } .ad-box-2 { padding: 0; } .ad-title-meta { margin-top: 5px; } .fact-box { margin-bottom: 30px; } .facts { padding-bottom: 50px; } .flate-search .noUi-horizontal { margin-bottom: 5px; } .flate-search .btn-search-submit span { margin-right: 0; } .home3-bg .search-form-contaner { margin-top: 120px; } .home3-bg .search-main-title { font-size: 30px; } .home3-bg .form-group { margin-bottom: 20px; } .ad-listing .btn-group .btn-danger { color: #fff; } .single-listing-2 #map-contact { margin-bottom: 30px; } .dashboard-menu-container ul li { width: 13.5%; } .dashboard-menu-container ul li .menue-name { font-size: 14px; } .dashboard-menu-container { padding: 10px; } .navbar-default .navbar-nav>li>a { font-size: 12px; padding: 30px 10px; } section.dashboard-menu-2 .dashboard-menu-container ul li .menue-name { font-size: 12px; } .profile-box-contact .profile-box-header .profile-btn { margin-top: 10px; } .ad-header-menu .navbar-header { float: none; clear: both; } .post-ad-box3 { padding: 20px 50px; } } .js-splash { background: #000000bf !important; } @media (max-width: 992px) { .ad-slider .images::before { width: calc(100% - 2em); } .hero-container-grid { grid-template-columns: 1fr; grid-template-rows: 1fr; } .navbar-collapse.collapse.in { background: rgba(0, 0, 0, 0.4); } .hero-ad-container { min-height: 13em; height: 13em; bottom: 1.8em; } .hero-ad-grid-item { width: 100%; height: 22em; } .desc-content { grid-template-columns: 1fr; } } @media (min-width: 992px) { .nopaddingleftdesktop { padding-left: 0; } .nopaddingrightdesktop { padding-right: 0; } } @media (max-width: 767px) { .wrapper { margin: 0 5vw; } .hero-topics { overflow-y: none; overflow-x: auto; flex-wrap: nowrap; width: 100%; } .other-companies { grid-template-columns: 1fr; } .related-post .popular-companies-container { grid-template-columns: 1fr; grid-template-areas: "logo" "name" "delivery" "schedule"; } .related-post .popular-companies-container .pc-logo { display: flex; justify-content: center; padding-bottom: 1em; } .related-post .popular-companies-container .pc-logo img { height: 150px; margin-right: auto; } .related-post li:not(:last-child) { border-bottom: 1px solid #ccc !important; border-right: none; } /* TOURISM */ .mobile-button-menu i, .button-collapse i { color: #FFF; } .navbar-default .navbar-toggle:hover { /* background: rgba(32, 32, 32, 0.86); */ } .navbar.navbar-default#kopa-main-nav { background: transparent; } .navbar.header-top { background: #f4f7fa; display: none; } .grid-sizer, .grid-item { width: 50%; } .media-container { flex-direction: column; height: 85vh; } .media-selector, .media-box { width: 100%; margin-bottom: 10 } .tourism-ad-top-subtext { display: hidden; } .widget-tourism .widget-tourism-partner-list { display: flex; flex-direction: column; } .widget-tourism .widget-tourism-partner-list li { border-bottom-width: 0 !important; } .related-post.widget-tourism-partner-list .popular-tourism-companies-container .pc-logo img { height: 80px; } .advanced-interative-menu-city .dropdown-container { grid-template-columns: 1fr; } .advanced-interative-menu-city .dropdown-container .selector>p { display: none; } #back-top, #back-top .scrollup { bottom: 9rem !important; } .bottom-bar { display: block; position: fixed; background: #FFF; bottom: 0; width: 100%; z-index: 9999; box-shadow: -1px 0 2px 2px rgba(32, 32, 32, 0.1); } .companies-white .masonry-content h1, .event-home-container .masonry-content h1, .multi-banner-container h1, .masonry-content h1 { font-size: 22px; } } @media (min-width: 320px) and (max-width: 767px) { .hidden-desk { display: block; } section { padding: 50px 0; position: relative; } .navbar-header { min-height: 80px; } .navbar-default { max-height: 100vh; overflow-y: auto; } #top-bar ul li a { padding: 10px 20px; float: left; } #top-bar ul.navbar-nav { margin: 0 auto; display: block; } #header2 .mega-menu { padding: 0; } .txt-rotator-bg h3 { font-size: 24px; } #header2 { top: 50px; background-color: #fff; padding: 10px 0; } #header2 .submit-btn { margin-top: 2px; } #header2 .submit-btn:hover { background-color: transparent; } #header2.nav-down { top: 0 !important; } #header2 .navbar-nav { float: none !important; } #header2 .navbar-brand img { margin-top: 5px; margin-left: 10px; } .home-2 .search-form-contaner { margin-top: 150px; } .main-section .form-inline .form-control { width: 100% !important; } .slidershow-bg .form-inline .form-control { width: 100% !important; } .select2-container { width: 100% !important; } .transparent-header .mega-menu { padding: 0 10px !important; } .transparent-header .mega-menu>section.menu-list-items { padding: 10px 0; } .transparent-header .menu-links { background-color: #000; } .slidershow-bg .form-group { display: block !important; width: 100% !important; } .search-main-title { color: #fff; font-size: 18px !important; text-transform: uppercase; } .cat-tabs .cat-title { background-color: #f58220; color: #fff; font-size: 14px; left: 24%; letter-spacing: 2px; padding: 15px; position: absolute; text-transform: uppercase; top: -50px; z-index: 999; } .cat-tabs .cat-title::before { border-width: 46px 45px 5px 6px; } .cat-tabs .cat-title::after { border-width: 6px 52px 45px 7px; } .btn-default { padding: 10px 15px; } .cat-tabs .job-title-box { margin: 0; } .cat-tabs .job-title-box .job-title { margin-bottom: 10px; } .btn-custom { display: block; width: 90%; margin: 0 15px; } section.download-app h1 { font-size: 24px; } section.download-app .download-btns a { display: block; margin-bottom: 20px; margin-right: 0px; overflow: hidden; position: relative; } .footer-bottom-section { padding: 3em 0; } .cat-tabs .job-title-box { padding: 0 15px; } .cat-tabs .panel-tabs>li>a { padding: 25px 15px; } #popular-categories li a { width: 100%; padding: 40px 20px; } .fact-box { margin-bottom: 20px; } .no-bg:hover { background-color: transparent; } .main-section { height: 600px; } .search-form-contaner { margin-top: 40px; } .Heading-title h1 { font-size: 24px; } .Heading-title p { width: 100%; } .footer-bottom-section { padding: 30px 0; } .call-to-action-section .call-to-action-detail-section h2 { font-size: 19px; font-weight: 600; line-height: 28px; } .call-to-action-section .btn-call-to-action-section { display: block; } .mega-menu>section.menu-list-items { padding: 10px; } .mega-menu .menu-logo>li>a { padding-bottom: 5px; padding-top: 5px; } .price-rates { font-size: 30px; } .Heading-title-left h1 { font-size: 20px; } .Heading-title-left, .Heading-title { margin-bottom: 30px; } .maintenance-container ul#coming-soon-page li p { font-size: 20px; } .maintenance-container ul#coming-soon-page li span { font-size: 30px; } .maintenance-container ul#coming-soon-page li.seperator { font-size: 30px; } .maintenance-container { transform: translate(0%, 5%); } .maintenance-container ul#coming-soon-page { margin-top: 20px; } .contact-us .btn { margin-bottom: 30px; } .ad-box-2 .job-title-box .comp-name { display: block; } .ad-box-2 .job-type { padding: 0; } .ad-box-2 .job-salary { top: 105px; } .social-circle li i { line-height: 40px; } .social-circle li a { width: 40px; height: 40px; } .ad-short-detail dt { font-size: 14px; width: 50%; } .ad-short-detail dd { font-size: 14px; width: 50%; } .company-list .company-list-name h5, .company-list .company-list-name p { padding: 0; } .company-list-name { padding-top: 20px; } .ribbon { top: -25px; } .mega-menu>section.menu-list-items { padding: 10px 5px; } .index5-main-section .employer-main-section, .index5-main-section .employee-main-section { padding: 30px; height: 350px; } .index5-main-section .employer-main-section h1, .index5-main-section .employee-main-section h1 { font-size: 20px; line-height: 30px; } .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { padding: 0 15px; } .profile-content .card::after { height: 0; } .profile-content .firstinfo img { display: none; } .profile-content .firstinfo .profileinfo { padding: 0; } .profile-content .hire-btn { right: -16px; top: 10px; } .profile-content .profile-skills span { float: left; } #navbar-logo-mobile { margin: 5px; } .cat-tabs .panel { margin-top: -42px; } .cat-tabs .panel-tabs>li a i { font-size: 28px; } .cat-tabs .panel-tabs>li>a { padding: 0 5px; } .listing-desc-title { font-size: 18px; } .listing-desc .listing-price { font-size: 18px; text-transform: capitalize; } .listing-desc .listing-price span { font-size: 18px; } .listing-desc .listing-desc-date { font-size: 12px; } .listing-desc .listing-desc-date i { font-size: 14px; line-height: 24px; } .categories .category-box { background-color: #fff; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); margin-bottom: 30px; margin-left: 30px; margin-right: 0; position: relative; } .call-to-action-1 i.icon-trophy { font-size: 40px; margin-right: 10px; line-height: 50px; } .call-to-action-1 h3 { font-size: 20px; } .footer_block h4 { margin-top: 30px; } .load-more-btn .btn-default { margin-top: 20px; } .cat-tab-2 .panel { margin-top: 0; } .cat-tab-2 .panel-primary .panel-tabs>li.active a::before, .cat-tab-2 .panel-tabs>li.active a::after { left: 56%; } .cat-tab-2 .panel-primary .panel-tabs>li.active a::before { border-width: 30px; margin-left: -33px; } .cat-tab-2 .panel-primary .panel-tabs>li.active a::after { border-width: 27px; margin-left: -30px; } .cat-tab-2 .listing-image img { height: auto; width: auto; } .call-to-action-section .call-to-action-detail-section { padding: 50px 20px; } .pricing-section-5 .pricing-table-small { padding: 20px; } .header3 #navbar-logo { margin-left: 15px; margin-top: 7px; } .header3 .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .header3 .navbar-default .navbar-toggle:hover .icon-bar, .header3 .navbar-default .navbar-toggle:focus .icon-bar { background-color: #242424; } .header3 .navbar-default .navbar-toggle { border-color: #fff; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #fff; } .mobile-button-menu { border: none; margin-top: 1.3em; } .mobile-button-menu i { font-size: 2em; } .header3 .navbar-nav { background-color: #fff; margin-top: 0; } .header3 .navbar-default .navbar-nav>li>a { color: #555; } .home3-bg .search-form-contaner { margin-top: 150px; padding: 20px 10px; } .home3-bg { height: 620px; padding: 0; } .home3-bg .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #fff; } .header3 .submit-btn, .header3 .header-login-btn { color: #fff; margin: 10px; } .header3 .submit-btn:hover, .header3 .submit-btn:focus, .header3 .header-login-btn:hover, header3 .header-login-btn:focus { border-color: #555; color: #555; } .header3 .submit-btn:hover i, .header3 .header-login-btn:hover i { color: #555; } .header3 .header-login-btn { margin: 0; margin: 10px; color: #fff; } .header3 .header-login-btn:hover {} .ad-box-2-detail .ad-price .price { background-color: #fff; border-radius: 5px; color: #555; font-size: 24px; font-weight: 600; padding: 5px 15px; } .ad-box-2-detail .ad-price { color: #fff; float: right; left: 0; overflow: hidden; padding: 10px; position: absolute; text-align: right; top: -60px; width: 100%; } .ad-box-2 .ad-title-box { width: 100%; } .ad-title-box .cat { margin-right: 10px; } .ad-title-box span.cat i { color: #555; font-size: 38px; } .ad-box-2 .ad-title-box .ad-title { font-size: 20px; line-height: 25px; margin-bottom: 10px; } .ad-box-2 .ad-bottom-area .btn { margin-top: 10px; display: block; width: 100%; } .navbar-default .navbar-nav>li>a { padding: 10px; } .benifts .services-widget .licon { display: none; } .benifts .services-widget { border-bottom: 1px solid #ccc; } .facts .single-facts-area .facts-icon i { margin: 0; } .facts .single-facts-area .facts-icon { float: none; } .facts h3 { font-size: 16px; } .ad-breadcrumb .page-banner h1 { text-align: center; } .ad-listing .btn-group .btn-danger { color: #fff; } .ad-listing-single .cat-icon { display: none; } .detail-titile .price { padding: 0 10px; text-align: left; } .detail-titile .ad-name { padding-bottom: 0; } .ad-breadcrumb .page-banner .breadcrumb { float: none; text-align: center; } .single-listing-2 .listing-2-title h2 { font-size: 24px; } .single-listing-2 .listing-2-meta ul li { margin-bottom: 10px; } .listing-2-btn a { margin: 0; margin-bottom: 10px; display: block; } .single-listing-2 #map-contact { margin-bottom: 30px; } .single-listing-2 .atuhoer-img { float: none; } .single-listing-2 .atuhoer-img>img { height: auto; width: auto; margin-bottom: 20px; } .single-listing-2 .post-type-des { padding-left: 0; } .dashboard-menu-container ul li { float: left; width: 50%; border-bottom: 1px solid #d9d9d9; } .dashboard-menu-container ul li:nth-child(2n + 2) { border-right: none; } .dashboard-menu-container { padding: 10px; } .main-box { margin-top: 30px; } .profile-box-contact .profile-img { height: auto; width: auto; margin-bottom: 20px; } .profile-box-contact .profile-box-header { text-align: center; } header { overflow: hidden; z-index: 99; } .header-top-right ul li { padding: 0 5px; } .nav-down .submit-btn { margin-top: 10px; margin-right: 10px; font-size: 14px; text-transform: uppercase; } .nav-down .submit-btn:hover { background-color: transparent; } .navbar-fixed-top.nav-down { background-color: #fff; } .header3 { background-color: #fff; top: 50px; } .ad-header-menu .submit-btn { margin-top: 10px; margin-right: 10px; } .ad-header-menu .submit-btn:hover, .index4-header .submit-btn:hover { background-color: transparent; } .header-top-right.pull-right { float: left; } .index4-header .submit-btn { font-size: 14px; font-weight: 600; margin-right: 10px; margin-top: 10px; text-transform: uppercase; } .meta-detail dd { width: 80%; font-size: 14px; } .meta-detail dt { width: 20%; padding: 10px; } .ad-listing .btn-group button.btn-danger { background-color: #fff; } } @media all and (min-width: 768px) { .navbar-nav li:hover>.dropdown-menu { display: block; } } .tiny-subtitle { font-family: "Quicksand", sans-serif; font-weight: 400; margin: 0; line-height: 1; font-size: 0.8em; color: #aaa8a8; } .hide { display: hidden } [class^="travel-ico-"], [class*=" travel-ico-"] { background-image: url('../../images/sprite.png'); background-repeat: no-repeat; display: inline-block; line-height: 20px; margin-top: 1px; vertical-align: text-top; } .travel-ico-auto { width: 73px; height: 28px; background-position: -286px -471px; } .travel-ico-moto { width: 52px; height: 32px; background-position: -619px -503px; } .travel-ico-caminhao-2-eixos { width: 83px; height: 46px; background-position: -410px -361px; } .travel-ico-caminhao-3-eixos { width: 116px; height: 46px; background-position: -189px -361px; } .travel-ico-caminhao-reboque { width:105px; height:46px; background-position:-305px -361px } .travel-icon-carro-com-reboque { width: 112px; height: 28px; background-image: url('../../images/carro-com-reboque.png'); background-repeat: no-repeat; display: inline-block; vertical-align: text-top; background-position: 0px 0px !important; } .travel-icon-caminhao-reboque { width: 129px; height: 40px; background-image: url('../../images/icon_caminhaoreboque.png'); background-repeat: no-repeat; display: inline-block; /* margin-top: 5px; */ vertical-align: text-top; background-position: 0px 0px !important; } .travel-icon-caminhao-inflamavel { width: 92px; height: 40px; background-image: url('../../images/caminhao-inflamavel.png'); background-repeat: no-repeat; display: inline-block; vertical-align: text-top; background-position: 0px 0px !important; } .travel-icon-carro-forte { width: 84px; height: 35px; background-image: url('../../images/carro-forte.png'); background-repeat: no-repeat; display: inline-block; vertical-align: text-top; background-position: 0px 0px !important; } .travel-icon-caminhao-lixo { width: 83px; height: 40px; background-image: url('../../images/icon_caminhaolixo.png'); background-repeat: no-repeat; display: inline-block; vertical-align: text-top; background-position: 0px 0px !important; }