/*------------- List Of Table ----------- # CSS Document # Fonts # Page Loader # Global Settings # Header Navigation Styles # Homes Banner # Ecommerce Elements # General Features # Blog Designs # Footer Start # Responsiveness Start # Bottom To top Scroll ------------- List Of Table ----------*/ /* CSS Document */ @import url(../css/plugins/animation.css); @import url(../css/plugins/bootstrap.min.css); @import url(../css/plugins/slick.css); @import url(../css/plugins/slick-theme.css); @import url(../css/plugins/dropzone.css); @import url(../css/plugins/magnificpopup.css); @import url(../css/plugins/date-picker.css); @import url(../css/plugins/themify.css); @import url(../css/plugins/line-icons.css); @import url(../css/plugins/iconfont.css); @import url(../css/plugins/font-awesome.css); @import url(../css/plugins/flaticon.css); /*------------------------------------ Fonts ------------------------------------ */ @import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap'); /*------------------------------------------------------------ Page Loader -------------------------------------------------------------*/ .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } .counter { animation-duration: 1s; animation-delay: 0s; } .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999999; } /*------------------------------------------------------------ Global Settings -------------------------------------------------------------*/ * { outline: none; } .modal-open { overflow: hidden !important; } body { background: #ffffff; color: #696969; font-size: 14px; font-family: 'Jost', sans-serif; margin: 0; overflow-x: hidden !important; font-weight: 400; } .snackbar-container p, .tooltip { font-family: 'Jost', sans-serif; font-size: 14px !important; font-weight: 500 !important; } html { position: relative; min-height: 100%; background: #ffffff; } a { color: #34495e; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover, a:focus { text-decoration: none; } a.link { color: #34495e; } a.link:hover, a.link:focus, a:hover, a:focus { color: #111111; } a.text-success:focus, a.text-success:hover { color: #27b737 !important; } a.text-primary:focus, a.text-primary:hover { color: #006cff !important; } a.text-warning:focus, a.text-warning:hover { color: #ff9b20 !important; } a.text-danger:focus, a.text-danger:hover { color: #ea2b33 !important; } a.white-link { color: #ffffff; } a.bg-light:focus, a.bg-light:hover { background-color: #f6f8f7 !important; } a.white-link:hover, a.white-link:focus { color: #263238; } .overflow-hidden { overflow: hidden; } .page-link:focus { box-shadow: none; } section { padding: 40px 0 40px; position: relative; } section.space { padding: 60px 0 60px; } section.space.min { padding: 60px 0 30px; } section.middle { padding: 40px 0 40px; } section.middle.min { padding: 40px 0 10px; } .light-bg { background: #f5f5f5; } p { line-height: 1.8; } .tbl { display: table; } .full-height { height: 100%; } .no-ul-list { padding: 0; } .no-ul-list li { list-style: none;font-size:16px; }.side-filter-box h6.ft-medium {font-size: 18px;} .progress { margin-bottom: 1.5em; } .full-width { width: 100%; } p, ul, ol, dl, dt, dd, blockquote, address { margin: 0 0 10px; } .owl-carousel .item { padding: 0 15px; } .explore-content h1, .explore-content h2 { font-family: 'Jost', sans-serif; font-weight: 600; } .shadow-0 { box-shadow: none !important; } .dn { display: none; } .btn:hover, .btn:focus { outline: none; box-shadow: none; } /*------------ GLobal Settings: Heading-------------*/ h1, h2, h3, h4, h5, h6 { color: #202838; font-weight: 400; } h1 { line-height: 40px; font-size: 36px; } h2 { line-height: 36px; font-size: 30px; } h3 { line-height: 30px; font-size: 24px; } h4 { line-height: 26px; font-size: 21px; } h5 { line-height: 22px; font-size: 18px; } h6 { line-height: 20px; font-size: 16px; } .lead { font-size: 20px !important; } .lead-i { font-family: 'Work Sans', sans-serif; font-size: 22px !important; font-style: italic; } html body .dl { display: inline-block; } html body .db { display: block; } .no-wrap td, .no-wrap th { white-space: nowrap; } .circle { border-radius: 100%; } .theme-bg { background: #F41b3b !important; } .dark-theme-bg { background: #005536; } .dark-theme-cl { color: #005536; } .trans-bg { background: rgba(255, 255, 255, 0.1); !important; } .theme-bg-light { background: rgba(244, 27, 59, 0.11) !important; } .bg-title { background: #03343b; } .bg-trans { background: rgba(0, 0, 0, 0.11) !important; } .theme-cl { color: #F41b3b !important; } .dark_bg { background: #1a212e; } .gray { background: #f4f4f7; } .border { border: 1px solid #eef2f5 !important; } .br-top { border-top: 1px solid #eef2f5 !important; } .br-bottom { border-bottom: 1px solid #eef2f5 !important; } .br-left { border-left: 1px solid #eef2f5 !important; } .br-right { border-right: 1px solid #eef2f5 !important; } .b-0 { border: none !important; } .br-0 { border-right: none; } .bb-0 { border-bottom: none; } .bt-0 { border-top: none; } .bl-0 { border-left: none; } .border-dark { border: 1px solid #000000; } .hover-theme:hover, .hover-theme:focus { background: #F41b3b !important; color: #ffffff !important; } /*------------ Global Settings: Ul List Style ----------------*/ ul.list-style { padding: 0; margin: 0; } ul.list-style li { margin-bottom: 1.2em; line-height: 1.5; list-style: none; padding-left: 30px; position: relative; } ul.list-style li:before { content: "\e64c"; position: absolute; left: 0; font-size: 14px; top: 0; color: #525252; font-family: 'themify'; } ul.list-style.style-2 li:before { content: "\e628" !important; color: #525252; } ul.icons_lists { padding: 0; margin: 0; } ul.icons_lists li { position: relative; padding-left: 25px; margin-bottom: 10px; font-size: 15px; } ul.icons_lists li:last-child { margin-bottom: 0px; } ul.icons_lists li:before { width: 15px; height: 15px; background: #f4f5f7; content: "\e64c"; position: absolute; display: flex; align-items: center; justify-content: center; font-family: themify; font-size: 6px; left: 0; top: 3px; border-radius: 50%; color: #6f80ab; } ul.icons_lists.colors li:before { color: #F41b3b; background: rgba(40, 182, 97, 0.11) !important; } /* -------------------------- Global Settings: Font Style & Position -----------------*/ .fs-sm { font-size: 14px !important; } .fs-md { font-size: 16px !important; } .fs-lg { font-size: 18px !important; } .fs-xl { font-size: 40px !important; } .position-absolute { position: absolute !important; } .position-relative { position: relative; } .medium { font-size: 90%; } .ft-light { font-weight: 300; } .ft-regular { font-weight: 400; } .ft-medium { font-weight: 500; } .ft-bold { font-weight: 600; } .ab-left { left: 0.7rem; right: auto; z-index: 1; top: 0.7rem; } .ab-right { right: 0.7rem; left: auto; top: 0.7rem; z-index: 1; } .line-through { text-decoration: line-through; } .lh-1 { line-height: 1; } .text-underline { text-decoration: underline; } .text-upper { text-transform: uppercase; } .badge { padding: .47em .8em; font-size: 82%; border-radius: .15rem; letter-spacing: 0.08rem; } /*------------ Global Settings: Cutom Height ----------------*/ .ht-10 { height: 10px; } .ht-20 { height: 20px; } .ht-30 { height: 30px; } .ht-40 { height: 40px; } .ht-50 { height: 50px; } .ht-60 { height: 60px; } .ht-70 { height: 70px; } .ht-80 { height: 80px; } .ht-80 { height: 80px; } .ht-100 { height: 100px; } .ht-110 { height: 110px; } .ht-120 { height: 120px; } .ht-130 { height: 130px; } .ht-140 { height: 140px; } .ht-150 { height: 150px; } .ht-160 { height: 160px; } .ht-170 { height: 170px; } .ht-180 { height: 180px; } .ht-190 { height: 190px; } .ht-200 { height: 200px; } .ht-100 { height: 100%; min-height: 580px; } .h-100 { height: 100vh; min-height: 580px; } .hts-100 { height: 100%; } .z-index-1 { z-index: 1; } /*------------ Global Settings: Background & Image ----------------*/ .bg-dark { background-color: #172228 !important; } .text-dark { color: #172228 !important; } .bg-img-holder { position: absolute; height: 100%; top: 0; left: 0; background-size: cover !important; background-position: 50% 50% !important; z-index: 0; transition: opacity .3s linear; -webkit-transition: opacity .3s linear; opacity: 0; background: #172228; } .bg-img-holder:not([class*='col-']) { width: 100%; } .bg-img-holder.background--bottom { background-position: 50% 100% !important; } .bg-img-holder.background--top { background-position: 50% 0% !important; } .image--light .bg-img-holder { background: none; } .bg-img-holder img { display: none; } .imagebg.border--round { overflow: hidden; } [data-overlay] { position: relative; } [data-overlay]:before { position: absolute; content: ''; background: #000000; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } [data-overlay] *:not(.container):not(.bg-img-holder) { z-index: 2; } [data-overlay].image--light:before { background: #fff; } [data-overlay].bg--primary:before { background: #4a90e2; } [data-overlay="1"]:before { opacity: 0.1; } [data-overlay="2"]:before { opacity: 0.2; } [data-overlay="3"]:before { opacity: 0.3; } [data-overlay="4"]:before { opacity: 0.4; } [data-overlay="5"]:before { opacity: 0.5; } [data-overlay="6"]:before { opacity: 0.6; } [data-overlay="7"]:before { opacity: 0.7; } [data-overlay="8"]:before { opacity: 0.8; } [data-overlay="9"]:before { opacity: 0.9; } [data-overlay="10"]:before { opacity: 1; } [data-overlay="0"]:before { opacity: 0; } [data-scrim-bottom] { position: relative; } .imagebg { position: relative; } .imagebg .container { z-index: 2; } .imagebg .container:not(.pos-absolute) { position: relative; } .parallax { overflow: hidden; } /**! 07. Icons **/ .icon { line-height: 1em; font-size: 3.14285714em; } /*-------------- GLobal Settings: Text Colors ----------------*/ div[data-overlay] h1, div[data-overlay] h2, div[data-overlay] h3, div[data-overlay] h4, div[data-overlay] h5, div[data-overlay] h6 { color: #fff; } div[data-overlay] p { color: #fff; } .text-white { color: #ffffff !important; } .text-danger { color: #ea2b33 !important; } .text-muted { color: #656b78 !important; } .text-gray { color: #b3b8c5 !important; } .text-warning { color: #ff9b20 !important; } .text-success { color: #27b737 !important; } .text-info { color: #2196f3 !important; } .text-inverse { color: #3e4555 !important; } .text-sky { color: #009688 !important; } html body .text-blue { color: #02bec9; } html body .text-purple { color: #7460ee; } html body .text-primary { color: #e42d29 !important; } html body .text-megna { color: #1dc8cd; } html body .text-dark { color: #111111; } html body .text-themecolor { color: #e42d29; } /*------------------------ Global Settings: Lists ------------------*/ .lists-4, .lists-3, .lists-2, .lists-1 { margin: 0; padding: 0; } .lists-4 li, .lists-3 li, .lists-2 li, .lists-1 li { list-style: none; margin: 1px 0 10px; margin-left: 22px; position: relative; } .lists-4 li:before, .lists-3 li:before, .lists-2 li:before, .lists-1 li:before { font-family: 'themify'; margin: 0; position: relative; color: #66676b; float: left; margin-left: -22px; display: block; } .lists-4.color li:before, .lists-3.color li:before, .lists-2.color li:before, .lists-1.color li:before { color: #e42d29; } .lists-1 li:before { content: "\e71b"; font-size: 13px; } .lists-2 li:before { content: "\e724"; font-size: 13px; } .lists-3 li:before { content: "\e64c"; font-size: 13px; } .lists-4 li:before { content: "\e65d"; font-size: 13px; } /*-------------- Global Settings: Alerts & Notification --------------*/ .alert-primary { color: #0055ff; background-color: #eaf1ff; border-color: #eaf1ff; } .alert-success { color: #27b737; background-color: #e9ffeb; border-color: #e9ffeb; } .alert-warning { color: #ff9b20; background-color: #fff5e9; border-color: #fff5e9; } .alert-info { color: #08a7c1; background-color: #effdff; border-color: #effdff; } .alert-danger { color: #ea2b33; background-color: #ffe7e8; border-color: #ffe7e8; } .alert-dark { color: #3e4758; background-color: #eff4ff; border-color: #eff4ff; } .alert-secondary { color: #4b5d6f; background-color: #d6dfe8; border-color: #d6dfe8; } .alert button.close { background: transparent; width: auto; height: auto; font-size: 16px; opacity: 0.7; } /*-------------- GLobal Settings: Background Colors ----------------*/ .bg-primary { background-color: #e42d29 !important; } .bg-success { background-color: #27b737 !important; } .bg-info { background-color: #1ac790 !important; } .bg-warning { background-color: #ff9b20 !important; } .bg-danger { background-color: #ea2b33 !important; } .bg-orange { background-color: #ec2828 !important; } .bg-yellow { background-color: #fed700; } .bg-facebook { background-color: #3b5a9a; } .bg-twitter { background-color: #56adf2; } html body .bg-megna { background-color: #1dc8cd; } html body .bg-sky { background-color: rgb(0 150 136) !important; } html body .bg-inverse { background-color: #374158; } html body .bg-purple { background-color: #7460ee; } html body .bg-light-primary { background-color: #f1effd; } html body .bg-light-success { background-color: #e8fdeb; } html body .bg-light-info { background-color: #cfecfe; } html body .bg-light-sky { background-color: rgba(0, 150, 136, 0.1) !important; } html body .bg-light-extra { background-color: #ebf3f5; } html body .bg-light-warning { background-color: #fff8ec; } html body .bg-light-danger { background-color: #ffeced; } html body .bg-light-inverse { background-color: #f6f6f6; } html body .bg-light-purple { background-color: #eeebff; } html body .bg-light { background-color: #f6f7f8 !important; } html body .bg-white { background-color: #ffffff; } html body .bg-whites { background-color: #f4f5f7; } html body .bg-red { background-color: #e21137; } html body .bg-green { background-color: #4caf50; } html body .bg-sky { background-color: #20b2c1; } html body .bg-blue { background-color: #03a9f4; } html body .bg-dark-blue { background-color: #192c48; } /*----------- GLobal Settings: Simple List -----------*/ ul.simple-list { padding: 0; margin: 0; } ul.simple-list li { list-style: none; padding: 10px 5px 10px 28px; } ul.simple-list li { list-style: none; padding: 10px 5px 10px 28px; position: relative; } ul.simple-list li:before { content: "\e6af"; font-family: themify; position: absolute; left: 0; } /*------------ GLobal Settings: Table ------------*/ .table thead th { vertical-align: bottom; border-bottom: 1px solid transparent; border-top: 0px !important; } .table-striped tbody tr:nth-of-type(odd) { background-color: #f7f9fb; } .table tr th, .table tr td { padding: 12px 15px; vertical-align: middle; } .table.tbl-big tr th, .table.tbl-big tr td { padding: 20px 15px; } .table.tbl-big.center tr th, .table.tbl-big.center tr td { padding: 20px 15px; text-align: center; } table.table tr th { font-weight: 600; } .table-dark { color: #fff; background-color: #212529; } .table-dark td, .table-dark th, .table-dark thead th { border-color: #32383e !important; } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .tbl-lg .table tr th, .tbl-lg .table tr td { border-color: #eaeff5; padding: 22px 20px; vertical-align: middle; } /*------------- GLobal Settings: Buttons ----------------*/ .btn { padding: 12px 25px; cursor: pointer; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; border-radius: 0.1rem; } .btn.btn-sm { padding: 10px 15px; } .btn.btn-md { padding: 14px 30px; } .btn.btn-lg { padding: 18px 35px; } .text-light { color: #ffffff !important; } .btn-square { padding: 15px 15px; } .prd_btn_square { width: 48px; height: 45px; padding: 0; color: #000000; font-size: 17px; background: #ffffff; border-radius: 2px; margin: 0 2px; display: inline-flex; align-items: center; justify-content: center; transition: all ease 0.4s; } .prd_btn_square:hover, .prd_btn_square:focus { color: #ffffff; background: #212121; } .btn.btn-default { background: #ebedf1; } .btn-dark { color: #ffffff; background-color: #172228; border-color: #172228; } .btn-dark:hover, .btn-dark:focus { color: #ffffff; background-color: #000000; border-color: #000000; } .btn-dark-light { color: #172228; background-color: #ffffff; border-color: #172228; } .btn-dark-light:hover, .btn-dark-light:focus { color: #ffffff; background-color: #000000; border-color: #000000; } .text-dark { color: #00438b; } .text-gray { color: #e3ecfc; } .btn-light { background: #ffffff; border: 1px solid #e4e9ef; transition: all ease 0.4s; color: #6e81a0; } .btn-light:hover, .btn-light:focus { background: #e4e9ef; border: 1px solid #e4e9ef; color: #6e81a0; } .theme-btn-light { color: #F41b3b; background: #ffffff; border: 1px solid #F41b3b; transition: all ease 0.4s; } .theme-btn-light:hover, .btn-light:focus { background: #F41b3b; border: 1px solid #F41b3b; color: #ffffff; } .btn.bg-dark { color: #ffffff; } /*----------- Modal ---------------*/ button.close { position: absolute; top: 15px; right: 15px; font-size: 10px; color: #121212; opacity: 1; background: #f4f5f7; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; justify-content: center; border-radius: 50%; z-index: 1; cursor: pointer; } .modal.lg-modal .modal-dialog { max-width: 950px; } button.close { border: 1px solid #e0e0e0; background: #ededed; color: #252525; font-weight: 600; } .option-log { display: flex; align-items: center; margin-top: 1rem; width: 100%; justify-content: space-between; } .option-log .single-log-opt { display: flex; align-items: center; justify-content: center; flex: 0 0 48%; position: relative; width: 48%; } .option-log .single-log-opt .log-btn { position: relative; font-weight: 500; font-size: 13px; border: 1px solid #ecf2f7; height: 50px; padding: 10px 20px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background: #ecf2f7; width: 100%; margin: 0 auto; } .option-log .single-log-opt .log-btn img { width: 15px; margin-right: 7px; } .signup-screen-wrap { display: flex; justify-content: center; border-radius: 10px; overflow: hidden; flex-wrap: wrap; } .signup-screen-single { display: flex; flex-direction: column; flex: 0 0 100%; background: #ffffff; padding: 2rem 2rem; } /*----------- GLobal Settings: Pagination ------------------*/ .pagination { display: table; padding-left: 0; border-radius: 4px; margin: 20px auto 0 !important; } .pagination>li>a, .pagination>li>a, .pagination>li>span { position: relative; font-weight: 500; margin: 0; float: left; color: #172228; text-decoration: none; background-color: transparent; border-radius: 0; padding: 0.8rem 1rem; font-size: 0.925rem; line-height: 1; text-align: center; border: none; border-bottom: 1px solid #ecedf1; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a:focus, .pagination>li>a:hover { z-index: 2; color: #F41b3b; cursor: pointer; background-color: transparent; border-color#F41b3b; } .pagination li:first-child a { background: transparent; border: none; border-radius: 0% !important; color: #172228; } .pagination li:last-child a { background: transparent; border: none; border-radius: 0% !important; color: #172228; } .pagination>li { display: inline; } .page-item.active .page-link { z-index: 2; color: #F41b3b; background-color: transparent; border-color: #F41b3b; } /*----------- Global Settings: Custom Checkbox & Radio Button ----------------*/ .checkbox-custom, .radio-custom { opacity: 0; position: absolute; } .checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label { display: inline-block; vertical-align: middle; margin: 0px; cursor: pointer; margin-left: 0; } .checkbox-custom-label, .radio-custom-label { position: relative; width: 100%; } .checkbox-custom+.checkbox-custom-label:before { content: ''; background: #fff; border: 1px solid #b7b9bb; display: inline-block; vertical-align: middle; width: 18px; height: 18px; border-radius: 2px; padding: 2px; margin-right: 10px; text-align: center; } ._adv_features_list label i { font-style: initial; font-weight: 600; float: right; } .radio-custom+.radio-custom-label:before { content: ''; background: #fff; border: 2px solid #dae3ec; display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 50%; padding: 2px; margin-right: 10px; text-align: center; } .checkbox-custom:checked+.checkbox-custom-label:before { background: rgba(5, 175, 120, 0.1); border-radius: 2px; border: none; } .checkbox-custom:checked+.checkbox-custom-label:after { content: "\f058"; font-family: "Font Awesome 5 Free"; position: absolute; left: 5px; top: 5px; font-size: 10px; color: #05af78; } .radio-custom+.radio-custom-label:before { border-radius: 50%; } .radio-custom:checked+.radio-custom-label:before { background: #F41b3b; border-color: #F41b3b; box-shadow: inset 0px 0px 0px 4px #fff; } .company-brands label { font-weight: normal; color: #828f99; font-size: 15px; } .checkbox-custom:focus+.checkbox-custom-label, .radio-custom:focus+.radio-custom-label { outline: none /* focus style */ } .company-brands input[type='checkbox']:focus { outline: none; } .company-brands label:focus { outline: none; } /*--------------- GLobal Settings: On off switch ---------------*/ .onoffswitch { position: relative; width: 70px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin: 0 auto; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid transparent; border-radius: 20px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; -webkit-box-sizing: border-box; box-sizing: border-box; } .onoffswitch-inner:before { content: ""; padding-right: 27px; background-color: #27b737; color: #FFFFFF; } .onoffswitch-inner:after { content: ""; padding-right: 24px; background-color: #3e4555; color: #999999; text-align: right; } .onoffswitch-switch { display: block; width: 23px; margin: 6px; background: #FFFFFF; height: 23px; position: absolute; top: -1px; bottom: 0; right: 35px; border-radius: 20px; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch { right: 0px; } /*----------- GLobal Settings: Custom Radio Button ------------*/ [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; } [type="radio"]:checked+label, [type="radio"]:not(:checked)+label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; } [type="radio"]:checked+label:before, [type="radio"]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } [type="radio"]:checked+label:after, [type="radio"]:not(:checked)+label:after { content: ''; width: 12px; height: 12px; background: #F41b3b; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } [type="radio"]:not(:checked)+label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } [type="radio"]:checked+label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /*------------- GLobal Settings: Bootstrap 4 hack --------------*/ .card-columns { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .card-columns .card { margin-bottom: 30px; } .invisible { visibility: hidden !important; } .hidden-xs-up { display: none !important; } @media (max-width: 575px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } .hidden-xl-down { display: none !important; } /************************************** Header Navigation Styles ***************************************/ .nav-brand, .nav-brand:focus, .nav-brand:hover, .nav-menu>li>a { color: #000; } .light-menu .nav-brand, .light-menu .nav-brand:focus, .light-menu .nav-brand:hover, .light-menu .nav-menu>li>a { color: #ffffff } .light-menu .nav-menu>.active>a, .light-menu .nav-menu>.focus>a, .light-menu .nav-menu>li:hover>a { color: #ffffff !important; } .light-menu .nav-menu>li>a .submenu-indicator-chevron { border-color: transparent #ffffff #ffffff transparent; } .menu__list, .nav-dropdown, .nav-menu, ul { list-style: none } .menu__link, .navigation, .navigation * { -webkit-tap-highlight-color: transparent } .navigation, .navigation * { box-sizing: border-box } .navigation { width: 100%; display: table; position: relative; font-size: 14px; } .nav-toggle, .navigation-hidden .nav-header { display: none } .navigation-portrait { height: 60px; display: flex; align-items: center; width: 100%; } .navigation-fixed { position: fixed; top: 0; left: 0 } .navigation-hidden { width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important } .align-to-right { float: right; letter-spacing: 0.5px; } .nav-header { display: flex; align-items: center; float: left; } .nav-brand { padding: 12px 15px; font-size: 24px; padding-left: 0; text-decoration: none !important } .deatils ul li a, .indicate a, .logo h1 a, .nav-button, .nav-dropdown>li>a, .nav-menu>li>a, nav a { text-decoration: none } .navigation-portrait .nav-brand { font-size: 18px; line-height: 2.2; } .nav-logo>img { height: 48px; margin: 11px auto; padding: 0 15px; float: left } .nav-logo:focus>img { outline: initial } .deatils ul li a, .indicate a, .menu__link:focus, .menu__link:hover, nav a, nav a:focus, nav a:hover { outline: 0 } .navigation-portrait .nav-logo>img { height: 36px; margin: 6px auto 6px 15px; padding: 0 } .nav-toggle { width: 30px; height: 18px; padding: 0px 0px 0; position: absolute; top: 55%; left: 0; cursor: pointer; transform: translateY(-55%); -webkit-transform: translateY(-55%); } .nav-toggle:before { content: ""; position: absolute; width: 24px; height: 2px; background-color: #70798b; border-radius: 10px; box-shadow: 0 .5em 0 0 #70798b, 0 1em 0 0 #70798b } .navigation-portrait .nav-toggle { display: block } .navigation-portrait .nav-menus-wrapper { width: 320px; height: 100%; top: 0; left: -400px; position: fixed; background-color: #fff; z-index: 20000; overflow-y: auto; -webkit-overflow-scrolling: touch; transition-duration: .8s; transition-timing-function: ease } .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right { left: auto; right: -400px } .nav-menus-wrapper.nav-menus-wrapper-open { left: 0 } .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open { right: 0 } .nav-menus-wrapper-close-button { width: 25px; height: 25px; margin: 10px 5px; display: none; float: right; color: #363f50; font-size: 12px; cursor: pointer; background: #ecf1f5; border-radius: 50%; align-items: center; justify-content: center; line-height: 0; } .navigation-portrait .nav-menus-wrapper-close-button { display: inline-flex !important; } .navigation-portrait .nav-menus-wrapper-close-button { display: block } .nav-menu { margin: 0; padding: 0; line-height: normal } .navigation-portrait .nav-menu { width: 100% } .navigation-landscape .nav-menu.nav-menu-centered { float: none; text-align: center } .nav-menu>li { display: inline-block; float: left; text-align: left } .navigation-portrait .nav-menu>li { position: relative; border-top: solid 1px #f0f0f0 } .navigation-portrait .nav-menu>li:last-child { border-bottom: solid 1px #f0f0f0 } .nav-menu+.nav-menu>li:first-child { border-top: none } .navigation-landscape .nav-menu.nav-menu-centered>li { float: none } .nav-menu>li>a { padding: 13px 18px; display: inline-block; font-weight: 500; font-size: 13px; color: #202838; } .nav-menu.nav-menu-social>li>a { /* padding: 22px 12px; */ font-weight: 600 !important; } .navigation-portrait .nav-menu>li>a { height: auto; width: 100%; padding: 12px 15px 12px 26px } .nav-menu>.active>a, .nav-menu>.focus>a, .nav-menu>li:hover>a { color: #F41b3b !important; } .nav-menu>li>a>[class*=ion-], .nav-menu>li>a>i { width: 18px; height: 16px; line-height: 16px; -ms-transform: scale(1.4); transform: scale(1.1); top: 1px; position: relative; } .nav-menu>li>a>[class*=ion-] { width: 16px; display: inline-block; transform: scale(1.8) } .navigation-portrait .nav-menu.nav-menu-social { width: 100%; text-align: center } .nav-menu.nav-menu-social>li { text-align: center; float: none; border: none !important } .navigation-portrait .nav-menu.nav-menu-social>li { width: auto } .nav-menu.nav-menu-social>li>a>[class*=ion-] { font-size: 12px } .nav-menu.nav-menu-social>li>a>.fa, .nav-menu.nav-menu-social>li>a>.fas { font-size: 15px } .navigation-portrait .nav-menu.nav-menu-social>li>a { padding: 15px } .submenu-indicator { margin-left: 6px; margin-top: 5px; float: right; transition: all .3s } .navigation-portrait .submenu-indicator { width: 54px; height: 44px; margin-top: 0; position: absolute; text-align: center; z-index: 20000 } .submenu-indicator-chevron { height: 6px; width: 6px; display: block; border-style: double; border-width: 0 2px 2px 0; border-color: transparent #172228 #172228 transparent; -ms-transform: rotate(45deg); transform: rotate(45deg); transition: border .3s; } .navigation-portrait .submenu-indicator-chevron { position: absolute; top: 18px; left: 24px } .nav-menu>.active>a .submenu-indicator-chevron, .nav-menu>.focus>a .submenu-indicator-chevron, .nav-menu>li:hover>a .submenu-indicator-chevron { border-color: transparent #F41b3b #F41b3b transparent } .light-menu .nav-menu>.active>a .submenu-indicator-chevron, .light-menu .nav-menu>.focus>a .submenu-indicator-chevron, .light-menu .nav-menu>li:hover>a .submenu-indicator-chevron { border-color: transparent #ffffff #ffffff transparent } .navigation-portrait .submenu-indicator.submenu-indicator-up { -ms-transform: rotate(-180deg); transform: rotate(-180deg) } .nav-overlay-panel { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: none; z-index: 19999 } .no-scroll { width: 100%; height: 100%; overflow: hidden } .nav-search { height: 70px; float: right; z-index: 19998 } .navigation-portrait .nav-search { height: 48px; padding: 0 10px; margin-right: 52px } .navigation-hidden .nav-search { display: none } .nav-search-button { width: 70px; height: 70px; line-height: 70px; text-align: center; cursor: pointer; background-color: #fbfcfd } .nav-search-icon { width: 14px; height: 14px; margin: 2px 8px 8px 4px; display: inline-block; vertical-align: middle; position: relative; color: #70798b; text-align: left; text-indent: -9999px; border: 2px solid; border-radius: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition: color .3s } .nav-search-icon:after, .nav-search-icon:before { content: ''; pointer-events: none } .nav-search-icon:before { width: 2px; height: 11px; top: 11px; position: absolute; left: 50%; border-radius: 0 0 1px 1px; box-shadow: inset 0 0 0 32px; transform: translateX(-50%) } .nav-search-button:hover .nav-search-icon { color: #e42d29 } .navigation-portrait .nav-search-button { width: 50px; height: 48px; line-height: 46px; font-size: 22px } .nav-search>form { width: 100%; height: 100%; padding: 0 auto; display: none; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 99 } .nav-search-inner { width: 70%; height: 70px; margin: auto; display: table } .navigation-portrait .nav-search-inner { height: 48px } .nav-search-inner input[type=search], .nav-search-inner input[type=text] { height: 70px; width: 100%; margin: 0; padding: 0 12px; font-size: 26px; text-align: center; color: #70798b; outline: 0; line-height: 70px; border: none; background-color: transparent; transition: all .3s } .navigation-portrait .nav-search-inner input[type=search], .navigation-portrait .nav-search-inner input[type=text] { height: 48px; font-size: 18px; line-height: 48px } .nav-search-close-button { width: 28px; height: 28px; display: block; position: absolute; right: 20px; top: 20px; line-height: normal; color: #70798b; font-size: 20px; cursor: pointer; text-align: center } .nav-button, .nav-text { display: inline-block; font-size: 14px } .navigation-portrait .nav-search-close-button { top: 10px; right: 14px } .nav-button { margin: 18px 15px 0; padding: 8px 14px; color: #fff; text-align: center; border-radius: 4px; background-color: #e42d29; transition: opacity .3s } .nav-button:focus, .nav-button:hover { color: #fff; text-decoration: none; opacity: .85 } .navigation-portrait .nav-button { width: calc(100% - 52px); margin: 17px 26px } .nav-text { margin: 25px 15px; color: #70798b } .navigation-portrait .nav-text { width: calc(100% - 52px); margin: 12px 26px 0 } .navigation-portrait .nav-text+ul { margin-top: 15px } .nav-dropdown { min-width: 250px; margin: 0; padding: 0; display: none; position: absolute; z-index: 98; white-space: nowrap } .navigation-portrait .nav-dropdown { width: 100%; position: static; left: 0 } .nav-dropdown .nav-dropdown { left: 100% } .nav-menu>li .nav-dropdown { border: none; padding: 15px; background: #ffffff; border-radius: 0.5rem; box-shadow: 0px 0px 42px 0px rgba(32, 32, 32, 0.15); -webkit-box-shadow: 0px 0px 42px 0px rgba(32, 32, 32, 0.15); } .nav-menu>li>.nav-dropdown:before { background-color: #ffffff; content: ""; width: 22px; height: 22px; left: 27px; top: -12px; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; } .nav-dropdown>li { width: 100%; float: left; clear: both; position: relative; text-align: left } .nav-dropdown>li>a { width: 100%; padding: 14px 20px 14px 10px; border-bottom: 1px solid #e4e8ec; display: inline-block; float: left; color: #202838; -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; font-family: 'Jost', sans-serif; } .nav-dropdown>li:last-child>a { border-bottom: none; } .nav-dropdown>li>a:hover, .nav-dropdown>li>a:focus { padding-left: 20px; color: #F41b3b; } .social-icon a i, .social-icons a i { width: 32px; height: 32px; display: inline-block; border-radius: 16px } .nav-dropdown>.focus>a, .nav-dropdown>li:hover>a { color: #F41b3b; } .nav-dropdown.nav-dropdown-left { right: 0 } .nav-dropdown>li>.nav-dropdown-left { left: auto; right: 100% } .navigation-landscape .nav-dropdown-left>li>a { text-align: right } .navigation-portrait .nav-dropdown>li>a { padding: 12px 20px 12px 30px } .navigation-portrait .nav-dropdown>li>ul>li>a { padding-left: 50px } .navigation-portrait .nav-dropdown>li>ul>li>ul>li>a { padding-left: 70px } .navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a { padding-left: 90px } .navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a { padding-left: 110px } .nav-dropdown .submenu-indicator { right: 15px; top: 16px; position: absolute } .menu__list, .navbar, nav a { position: relative } .navigation-portrait .submenu-indicator { right: 0; top: 0 } .nav-dropdown .submenu-indicator .submenu-indicator-chevron { -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron { -ms-transform: rotate(45deg); transform: rotate(45deg) } .nav-dropdown>.focus>a .submenu-indicator-chevron, .nav-dropdown>li:hover>a .submenu-indicator-chevron { border-color: transparent #F41b3b #F41b3b transparent; } .navigation-landscape .nav-dropdown-left .submenu-indicator { left: 10px } .navigation-landscape .nav-dropdown-left .submenu-indicator .submenu-indicator-chevron { -ms-transform: rotate(135deg); transform: rotate(135deg) } nav a { display: inline-block } .header { background: #fff; z-index: 6; display: flex; align-items: center; width: 100%; } .header-top { padding: 1em 0; background: #05222A } .indicate { float: left } .deatils { float: right } .indicate a { font-size: 1.1em; color: #C6C7C7; vertical-align: middle } .deatils ul li i, .indicate i { font-size: 1.2em; color: #888f90; vertical-align: middle } .indicate i { margin-right: .5em } .deatils ul li { display: inline-block; margin: 0 5px } .deatils ul li i { margin-right: .5em } .deatils ul li a { font-size: 1.1em; color: #C6C7C7; vertical-align: middle } .social-icons { float: right; margin-top: .7em } .logo h1 a { color: #fff; font-size: 1.3em } .logo span { display: block; font-size: .32em; letter-spacing: 4px } .header-bottom { padding: 1em 0 } .navbar-nav { float: left; margin: 0 } .navbar-default { background: #fff; border: none !important } .navbar-default .navbar-nav>li>a { color: #05222A; font-size: 1.3em; font-weight: 900 } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #02B875; background-color: #fff } .navbar { min-height: 50px; margin-bottom: 0; border: 1px solid transparent } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #05222A; background-color: #fff } .menu__list { -webkit-flex-wrap: inherit; flex-wrap: inherit } .menu__item { display: block; margin: 1em 0 } .menu__link { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none } .menu--francisco .menu__item { margin: 0 1.5em } .menu--francisco .menu__link { position: relative; overflow: hidden; height: 3em; padding: 1em 0; text-align: center; color: #b5b5b5; -webkit-transition: color .3s; transition: color .3s } .menu--francisco .menu__link:focus, .menu--francisco .menu__link:hover { color: #929292 } .menu--francisco .menu__item--current .menu__link { color: #02B875 } .menu--francisco .menu__link::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; opacity: 0; background: #02B875; -webkit-transform: translate3d(0, -3em, 0); transform: translate3d(0, -3em, 0); -webkit-transition: -webkit-transform 0s .3s, opacity .2s; transition: transform 0s .3s, opacity .2s } .menu--francisco .menu__item--current .menu__link::before, .menu--francisco .menu__link:hover::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .5s, opacity .1s; transition: transform .5s, opacity .1s; -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: cubic-bezier(.4, 0, .2, 1) } .menu--francisco .menu__helper { display: block; pointer-events: none } .menu--francisco .menu__item--current .menu__helper, .menu__link:hover .menu__helper { -webkit-animation: anim-francisco .3s forwards; animation: anim-francisco .3s forwards } @-webkit-keyframes anim-francisco { 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } 51% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes anim-francisco { 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } 51% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .nav-menu.nav-menu-social>li.add-listing { border-radius: 4px; top: 10px; position: relative; height: 45px; padding: 0px; margin-left: 10px; background: #F41b3b; } .nav-menu.nav-menu-social>li.add-listing i, .mobile_nav .embos_45 i { margin-right: 10px; width: 25px; height: 25px; display: flex; border-radius: 50%; background: rgba(255, 255, 255, 0.2); font-size: 10px; align-items: center; justify-content: center; line-height: 0; top: 0; } .mobile_nav span.embos_45 { width: 100%; display: flex; align-items: center; justify-content: center; font-size: 12px; } .nav-menu.nav-menu-social>li.add-listing a { top: 0px; padding: 22px 22px; color: #ffffff !important; display: flex; align-items: center; } .nav-menu.nav-menu-social>li.add-listing.bg-whit { background: #ffffff !important; } .nav-menu.nav-menu-social>li.add-listing.bg-whit a { color: #333d46 !important; } .nav-brand img { max-width: 130px; position: relative; top: 0px; } .nav-menu>li>a.crs_yuo12, .mobile_nav .crs_yuo12 { width: 42px; height: 42px; display: inline-flex; align-items: center; border: 1px solid #eaeff7; border-radius: 4px; padding: 0; margin: 0; justify-content: center; color: #748194; position: relative; margin-left: 7px; } .nav-menu>li>a.crs_yuo12, .mobile_nav .crs_yuo12.w-auto { width: auto; padding: 4px 15px; } .nav-menu>li>a.crs_yuo12, .mobile_nav .crs_yuo12 i.fas { top: 0; } /*--------- Dashboard Dropdown ----------*/ .btn-group.account-drop { position: relative; padding: 22px 15px; } .account-drop .dropdown-menu a { padding: 0.6rem 0; font-size: 14px; } .account-drop .dropdown-menu { top: 70px !important; right: 0 !important; background: #fff; box-shadow: none; min-width: 250px; left: initial !important; border: none; padding: 0rem; overflow: hidden; border-radius: 0.4rem; box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%); -webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%); } .drp_menu_headr { display: flex; align-items: center; padding: 1.2rem; background: #006cff; } .drp_menu_headr h4 { font-size: 18px; margin: 0; color: #ffffff; } .account-drop .dropdown-menu ul { padding: 0; margin: 0; } .account-drop .dropdown-menu ul li { list-style: none; padding: 0; width: 100%; display: block; } .account-drop .dropdown-menu ul li a { width: 100%; display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #495363; position: relative; font-family: 'Jost', sans-serif; padding: 1rem 1.2rem; border-bottom: 1px solid #edf0f3; } .account-drop .dropdown-menu ul li:last-child a { border-right: none; } .account-drop .dropdown-menu ul li a i { margin-right: 4px; position: relative; top: -2px; } .notti_coun { position: absolute; right: 10px; width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; background: #333333; border-radius: 50%; font-size: 13px; font-weight: 600 !important; font-family: 'Jost', sans-serif; color: #ffffff; } span.notti_coun.style-1 { background: #2bb170; } span.notti_coun.style-2 { background: #9972e6; } span.notti_coun.style-3 { background: #03a9f4; } span.expiration { position: absolute; right: 10px; padding: 4px 10px; border-radius: 4px; background: #f31f67; font-size: 12px; top: 13px; color: #ffffff; } .dn-counter { background-color: #2c2c2c; color: #fff; font-size: 10px; display: inline-block; line-height: 17px; min-width: 17px; min-height: 17px; border-radius: 50%; position: relative; margin-left: -5px; top: -4px; text-align: center; -webkit-transition: all .5s; transition: all .5s; padding: 0 2px; } .navigation.navigation-portrait .dn-counter { top: 0px; } /*----------Dark Menu --------*/ @media (min-width: 993px) { .nav-menu.nav-menu-social>li.add-listing.bg-white { background: #ffffff !important; } .nav-menu.nav-menu-social>li.add-listing.bg-white a { color: #333333 !important; } .header.header-fixed { box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1); -webkit-box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1); background: #ffffff; position: fixed !important; z-index: 999; width: 100%; top: 0; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: slideInDown; animation-name: slideInDown; } .header.no-fixed-head.header-fixed { position: relative; box-shadow: none; } .header.head-shadow { box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1); -webkit-box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1); z-index: 92; position: relative; } .header.head-border { border-bottom: 1px solid #e9ecef; } .nav-menu.nav-menu-social>li.add-listing a { top: -12px; display: flex; align-items: center; } .header.header-dark { background-color: #1f263e; } .header.header-dark .nav-brand, .header.header-dark .nav-brand:focus, .header.header-dark .nav-brand:hover, .header.header-dark .nav-menu>li>a { color: #ffffff; } .header.header-dark .nav-menu>li .nav-dropdown { background: #232b46; } .header.header-dark .nav-dropdown>li>a { border-bottom: 1px solid #2e3654; } .header.header-dark .nav-menu>li>.nav-dropdown:before { background-color: #232b46; } .searchingBar.fixedSearching { box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1); -webkit-box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1); position: fixed; z-index: 999; width: 100%; top: 0; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: slideInDown; animation-name: slideInDown; } /*------ transparent --------*/ .header.header-transparent { background: transparent; position: absolute; top: 0; left: 0; right: 0; display: inline-block; width: 100%; z-index: 6; } .header.header-transparent.header-fixed { box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1); -webkit-box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1); background: #ffffff; position: fixed; z-index: 999; width: 100%; top: 0; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: slideInDown; animation-name: slideInDown; } .header.header-transparent .nav-brand, .header.header-transparent .nav-brand:focus, .header.header-transparent .nav-brand:hover, .header.header-transparent .nav-menu>li>a { color: #ffffff; } .header.header-transparent.header-fixed .nav-brand, .header.header-transparent.header-fixed .nav-brand:focus, .header.header-transparent.header-fixed .nav-brand:hover, .header.header-transparent.header-fixed .nav-menu>li>a { color: #333d46; } .change-logo .nav-brand.fixed-logo { display: none; } .change-logo.header-fixed .nav-brand.fixed-logo { display: block; } .change-logo.header-fixed .nav-brand.static-logo { display: none; } .dark-text .nav-brand, .header-transparent.dark-text .nav-brand:focus, .header-transparent.dark-text .nav-brand:hover, .header-transparent.dark-text .nav-menu>li>a { color: #404656; } .header-transparent.dark-text .nav-menu>li>a:hover, .header-transparent.dark-text .nav-menu>li>a:focus { color: #e42d29; } .header-transparent .submenu-indicator-chevron { border-color: transparent #ffffff #ffffff transparent; } .header-transparent.dark-text .submenu-indicator-chevron { border-color: transparent #172228 #172228 transparent; } .header-transparent.header-fixed .submenu-indicator-chevron { border-color: transparent #506377 #506377 transparent; } .header.header-fixed a.alio_green { color: #07ad7f !important; } .mobile_nav { display: none; } li._my_prt_list a { display: inline-flex; font-size: 14px; font-weight: 600; color: #293544; font-family: 'Jost', sans-serif; } li._my_prt_list a span { width: auto; padding: 0px 6px; background: #006cff; border-radius: 50px; color: #ffffff; margin-right: 4px; } } @media (max-width: 992px) {.navigation-portrait .nav-menu>li {border: none !important;padding: 0px 0px !important;} /* .navigation-portrait .nav-brand { margin-left: 40px; } */ .mobile_nav { margin-top: 0px; } .nav-brand img { max-width: 110px; position: relative; top: 0px; } .nav-brand { padding: 0px 15px; padding-right: 0; } .nav-header { width: 100%; } .navigation-portrait .nav-brand { flex: 1; } .mobile_nav ul { display: inline-flex; margin: 0; padding: 0; align-items: center; } .mobile_nav ul li { display: inline-block; padding-left: 12px; } .mobile_nav ul li:first-child { padding-left: 0;  } .mobile_nav ul li a { display: inline-flex; font-weight: 500; color: #293544; font-family: 'Jost', sans-serif; } .mobile_nav ul li._my_prt_list a span { width: auto; padding: 0px 6px; background: #006cff; border-radius: 50px; color: #ffffff; margin-right: 4px; } .mobile_nav ul li i.fas { position: relative; top: 3px; } .navigation-portrait .nav-menu.nav-menu-social { display: none; } .mobile_nav .account-drop .btn.btn-order-by-filt img.avater-img { width: 25px; border-radius: 50%; } .mobile_nav ul li a.add_prt { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; background: #fb8b00; border-radius: 50%; color: #ffffff; line-height: 0; } .mobile_nav ul li a.add_prt i.fas { top: 0; } } /* DROPDOWN STYLE =========================== */ nav .menu>li.dropdown>a:before, nav .menu>li.megamenu>a:before { margin-left: 10px; content: "\e61a"; font-family: 'themify'; float: right; position: relative; font-size: 12px; top: 2px; } nav .menu>li.dropdown li.dropdown>a:before { margin-left: 10px; content: "\e649"; font-family: 'themify'; float: right; position: relative; font-size: 14px; top: 1px; } nav .menu li.dropdown.open>a { color: #e74c3c; } .top-header { background: #232c3d; padding: 12px 0; color: #ffffff; } .cn-info ul { padding: 0; margin: 0; } .cn-info ul li { list-style: none; display: inline-block; margin-right: 15px; } .cn-info ul li i { margin-right: 5px; } .cn-info ul li:last-child { margin-right: 0; } .top-social { padding: 0; margin: 0; float: right; } .top-social li { list-style: none; display: inline-block; margin-right: 15px; } .top-social li:last-child { margin-right: 0; } .top-social li a { width: 25px; height: 25px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.1); color: #ffffff; font-size: 12px; border-radius: 50%; } .mg-menu-items { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } .mg-menu-items i { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; } .mg-menu-items h5 { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 16px; font-size: 15px; color: #031b4e; margin-bottom: 0; } .mg-menu-items h5>span { color: #72809D; display: block; font-weight: 500; font-family: 'Muli', sans-serif; } .account-drop .btn.btn-order-by-filt { padding: 3px; margin-top: 0; font-weight: 600; border-radius: 50% !important; box-shadow: 0px 0px 0px 3px rgb(237 240 245); -webkit-box-shadow: 0px 0px 0px 3px rgb(237 240 245); } .account-drop .btn.btn-order-by-filt img.avater-img { width: 30px; border-radius: 50%; } li.login-attri .account-drop a { height: auto; line-height: 1.5; padding: 10px 10px !important; box-shadow: none; color: #606c8e !important; font-size: 15px; } /*=================================================== Homes Banner ==================================================*/ .image-cover { display: flex; height: auto; padding: 5rem 0; align-items: center; position: relative; justify-content: center; background-position: center !important; background-size: cover !important; } .bg-cover { background-position: center !important; background-size: cover !important; } .image-cover.image_bottom { background-position: bottom !important; } .home-banner { transition: all 0.6s; border-radius: 0; position: relative; background-size: cover !important; background-position: center !important; } .intro-bg { background: #eff6f2; } .home-banner { min-height: 520px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; text-align: left; } .bnc-ico { position: absolute; top: 50%; left: 8px; transform: translateY(-50%); color: #aeb3bb; font-size: 17px; } .main-search-wrap { background: #fff; padding: 0 120px 0 0; border-radius: 6px; margin-top: 30px; } .fl-wrap { float: left; width: 100%; position: relative; } .main-search-item { float: left; width: 33.3%; box-sizing: border-box; border-left: 1px solid #eee; height: 65px; position: relative; display: inline-flex; align-items: center; } .half-column .main-search-item { width: 50%; } .one-column .main-search-item { width: 100%; } .main-search-wrap .main-search-item:first-child { border: none; } .main-search-button .btn { position: absolute; right: 0px; height: 65px; width: 120px; color: #fff; top: 0; border: none; border-radius: 0 6px 6px 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; } .main-search-button .btn i { margin-left: 5px; } .main-search-item .radius { border-radius: 6px 0 0 6px; } .main-search-item .form-control { box-shadow: none; border: none; height: 65px !important; } span.search-tag { padding-left: 10px; font-size: 17px; font-weight: 600; color: #1d1f22; } span.search-tag i { color: #b7bdc5; font-size: 20px; position: relative; top: 2px; } .Rego-search-shadow { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; border-radius: 20px; background: #ffffff; box-shadow: 0 8px 16px rgb(146 152 198 / 8%); -webkit-box-shadow: 0 8px 16px rgb(146 152 198 / 8%); padding: 2rem; margin-top: -60px; z-index: 22; } .Rego-search-shadow .main-search-wrap { margin: 0; border: 1px solid #eee; } .Rego-top-cates { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; } .Rego-top-cates ul { margin: 0; padding: 0; text-align: center; position: relative; } .Rego-top-cates ul li { display: inline-block; padding: 0.5rem; list-style: none; } .Rego-top-cates ul li a { display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.1); width: 110px; height: 100px; border-radius: 6px; transition: all ease 0.4s; } .Rego-top-cates ul li a .Rego-tp-ico { font-size: 25px; color: #ffffff; line-height: 1; margin-bottom: 5px; } .Rego-top-cates ul li a .Rego-tp-title h5 { font-size: 13px; margin: 0; letter-spacing: 0.2px; } .Rego-top-cates ul li a:hover, .Rego-top-cates ul li a:focus, .Rego-top-cates ul li a:active { background: #ffffff; } .Rego-top-cates ul li a:hover .Rego-tp-title h5, .Rego-top-cates ul li a:focus .Rego-tp-title h5, .Rego-top-cates ul li a:active .Rego-tp-title h5 { color: #353535; } .Rego-top-cates ul li a:hover .Rego-tp-ico, .Rego-top-cates ul li a:focus .Rego-tp-ico, .Rego-top-cates ul li a:active .Rego-tp-ico { color: #f41b3b; } .Rego-counter { position: relative; width: 100%; } .Rego-counter ul { padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; } .Rego-counter ul li { display: block; list-style: none; margin: 2rem 0; } .Rego-counter ul li .Rego-ylp-first h3 { font-size: 35px; font-weight: 600; margin: 0 0 5px; } .Rego-counter ul li .Rego-ylp-last span { font-size: 13px; font-weight: 500; } .Rego-counter ul li .Rego-ylp-first h3 span { margin-right: 2px; } .Rego-bnr-cats { display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: center; padding-top: 3rem; } .Rego-bnr-cats ul { padding: 0; margin: 0; text-align: center; } .Rego-bnr-cats ul li { display: inline-block; padding: 5px; list-style: none; position: relative; } .Rego-bnr-cats ul li a { padding: 4px 10px; color: #ffffff; background: rgba(255, 255, 255, 0.1); border-radius: 2px; font-weight: 500; font-size: 12px; text-transform: capitalize; transition: all ease 0.4s; } .Rego-bnr-cats ul li a:hover, .Rego-bnr-cats ul li a:focus, .Rego-bnr-cats ul li a:active { color: #F41b3b; background: #ffffff; } .Rego-over-cats-sty { display: flex; align-items: self-start; flex-direction: column; flex-wrap: wrap; width: 100%; padding-top: 2.5rem; } .Rego-over-cats-sty ul { display: -webkit-flex; display: flex; overflow: hidden; margin: 1rem 0 0 0; padding: 0; padding-right: 20px; } .Rego-over-cats-sty ul li { display: inline-block; list-style: none; } .Rego-over-cats-sty li a { height: 45px; width: 45px; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 60px; margin-right: -15px; background: #252525; color: #ffffff; transition: all ease 0.4s; } .Rego-over-cats-sty li a.bg-1 { background: #f44336; } .Rego-over-cats-sty li a.bg-2 { background: #03a9f4; } .Rego-over-cats-sty li a.bg-3 { background: #8bc34a; } .Rego-over-cats-sty li a.bg-4 { background: #ff9800; } .Rego-over-cats-sty li a.bg-5 { background: #9558da; } .Rego-over-cats-sty li a.bg-6 { background: #795548; } .Rego-over-cats-sty li a.bg-7 { background: #607d8b; } .Rego-over-cats-sty li a.bg-more { background: #009688; } .Rego-over-cats-sty li a:hover, .Rego-over-cats-sty li a:focus, .Rego-over-cats-sty li a:active { margin: 0; } .nav-menus-wrapper .fl-wrap { float: left; width: auto; position: relative; margin: 8px 0; border: 1px solid #e9ebf1; } .nav-menus-wrapper span.search-tag { font-size: 12px; font-weight: 500; } .nav-menus-wrapper .main-search-item { height: 46px; } .nav-menus-wrapper .main-search-item .form-control { box-shadow: none; border: none; font-size: 14px; height: 46px !important; } .nav-menus-wrapper .main-search-button .btn { height: 40px; width: auto; padding: 0 10px; margin: 3px; border-radius: 5px; } .uli-list-info { position: relative; display: block; margin: 0; width: 100%; } .uli-list-features ul { margin: 0; padding: 0; } .uli-list-features ul li { list-style: none; display: block; padding: 1rem 0; max-width: 550px; } .uli-list-features ul li:last-child { padding-bottom: 0; border: none; } .uli-list-features .list-uiyt { display: flex; align-items: flex-start; width: 100%; } .list-uiyt-capt {font-size: 16px; display: flex; flex: 1; flex-direction: column; } .uli-list-features .list-uiyt .list-iobk { width: 65px; height: 65px; display: inline-flex; align-items: center; justify-content: center; color: #f41b3b; margin-right: 1rem; border-radius: 4px; background: rgba(244, 27, 59, 0.1); font-size: 18px; } .uli-list-features .list-uiyt-capt h5 { margin: 0; font-size: 18px; font-weight: 500; color: #252525; } /*----------------- Map Styles -------------------*/ .home-map-banner.full-wrapious { position: relative; top: 0; left: 0; height: 585px; width: 100%; overflow: hidden; } .hm-map-container.fw-map #map { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; overflow: hidden; } .cl-justify { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 1.5rem; position: relative; } .fs-left-map-box { float: right; } .fs-left-map-box .hm-map-container.fw-map { width: 35%; height: 100%; position: fixed; right: 0; z-index: 22; -webkit-transform: translate3d(0, 0, 0); overflow: hidden; } .small-map .fs-left-map-box .hm-map-container.fw-map { width: 25%; } .half-map .fs-inner-container { position: relative; width: 65%; min-height: 100vh; z-index: 10; float: left; } .half-map.small-map .fs-inner-container { width: 75%; } .fs-content { max-height: 100%; overflow: auto; padding: 0; overflow: visible; } .half-map .fs-content { padding: 2em; } .cluster-visible { background: transparent !important; color: #ffffff !important; width: 50px !important; height: 50px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: radial-gradient(circle, #27ae60 35%, #138442 100%) !important; border-radius: 50%; font-size: 16px !important; } .gm-style { font: 400 14px 'Jost', sans-serif !important; text-decoration: none; } .infoBox { width: 290px !important; } .infoBox>img { position: absolute !important; left: 5px; top: 7px; z-index: 2; cursor: pointer; } button.map-btn { padding: 6px 15px; background: #ffffff; font-weight: 500; font-size: 13px; border: 1px solid #eeeeee; float: right; /* color: #f41b3b; */ } .half-map.small-map.no-map .fs-inner-container, .half-map.no-map .fs-inner-container { width: 100%; transition: all ease 0.4s; } .small-map.no-map .fs-left-map-box .hm-map-container.fw-map, .no-map .fs-left-map-box .hm-map-container.fw-map { width: 100%; display: none; transition: all ease 0.4s; } .gm-style .Rego-author img { max-width: 100% !important; } /*=================================================== Listing Elements ==================================================*/ /*----------------- Grid List Styles -----------------*/ .Rego-grid-wrap { position: relative; width: 100%; border-radius: 6px; background: #ffffff; } /* .Rego-grid-fl-wrap { float: left; width: 100%; position: relative; border: 1px solid #eeeeee; border-radius: 0 0 6px 6px; overflow: initial; } */ .Rego-grid-upper { position: relative; width: 100%; display: block; } .Rego-grid-thumb a { display: block; position: relative; } .Rego-grid-thumb a:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.3; background: #202838; z-index: 1; } .Rego-author { position: absolute; right: 10px; top: -30px; width: 55px; height: 55px; object-fit: cover; border: 4px solid #ffffff; border-radius: 50%; z-index: 2; } .Rego-author a { display: block; position: relative; } .Rego-cates a { font-size: 13px; color: #f41b3b; font-weight: 500; text-transform: uppercase; margin-right: 5px; } /* .Rego-caption { position: relative; display: flex; flex-direction: column; -webkit-box-shadow: 0 0 20px rgba(38, 38, 38, 0.2); box-shadow: 0 0 20px rgba(38, 38, 38, 0.2); background: #f6f6f6; } */ .Rego-middle-caption div { display: flex;align-items: baseline;font-size: 16px; margin-bottom: 10px; color: #6c717e;word-wrap: break-word;word-break: break-all; } .Rego-middle-caption div i { margin-right: 7px; opacity: 0.8; } .Rego-grid-footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px dashed #eeeeee; } .Rego-bookmark-btn { position: absolute; right: 6px; top: 10px; z-index: 2; } .Rego-pos { position: absolute; display: inline-flex; align-items: center; z-index: 2; } .Rego-featured-tag { position: relative; z-index: 3; background: var(--bs-green); letter-spacing: 0.5px; padding: 2px 8px; font-weight: 500; text-transform: uppercase; border-radius: 4px; font-size: 11px; color: #fff; -webkit-transform: translate3d(0, 0, 0); display: inline-block; } /* .Rego-featured-tag:before { border-top: 14px solid #f41b3b; border-right: 14px solid transparent; margin-right: -12px; margin-top: -4px; } */ .Rego-featured-tag:after { border-bottom: 14px solid #f41b3b; border-right: 14px solid transparent; margin-right: -12px; margin-top: 7px; } /* .Rego-featured-tag:before, .Rego-featured-tag:after { content: ''; position: absolute; width: 0; height: 0; right: 0; } */ .Rego-status { font-size: 11px; font-weight: 500; color: #ffffff; border-radius: 3px; letter-spacing: 0.5px; text-transform: uppercase; padding: 3px 15px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; position: relative; top: 7px; left: -18px; } .Rego-pos.ab-left:before { position: absolute; content: ""; top: 29px; border-style: solid; border-width: 0 7px 7px 0; bottom: 0px; content: ""; height: 0; left: -18px; position: absolute; width: 0; border-color: transparent #0d6efd transparent transparent; } .reatured_tag .Rego-status.open.me-2 { background: #198754 !important; } .Rego-pos.ab-left.reatured_tag:before { border-color: transparent #198754 transparent transparent; } .Rego-pos.ab-left.reatured_tag { top: 5px; } .Rego-status.open { background: #8bc34a; } .Rego-status.close { background: #1683f4; } .Rego-status.offer { background: #ff5018; } span.verified-badge { margin-left: 5px; position: relative; top: 2px; color: #0fb351; } .Rego-ft-first {font-size: 16px; display: inline-flex; align-items: center; width: auto; position: relative; } .Rego-rating { display: inline-flex; position: relative; margin-right: 10px; align-items: center; } .Rego-pr-average { padding: 2px 8px; background
: #323232; display: inline-flex; margin-right: 4px; border-radius: 2px; font-weight: 500; color: #ffffff; } .Rego-rates .active { color: #ff9800; } .Rego-price-range { font-size: 12px; color: #989bb1; } .Rego-price-range .active { color: #41434c; } .Rego-pr-average.high {background: #058a07;border: none;color: #ffffff;} .Rego-pr-average.mid { background: #ff6e19; } .Rego-pr-average.poor { background: #f22b2b; } .Rego-rating.overlay { position: absolute; left: 10px; bottom: 15px; z-index: 2; } .Rego-rating.overlay .Rego-pr-average {padding: 7px 10px;border-radius: 4px;min-width: 40px;display: flex;justify-content: center;align-items: center;} .Rego-rating.overlay .Rego-rates { font-size: 10px; letter-spacing: 1px; } .Rego-rating.overlay .Rego-rates .active { color: #ff9d0c; } .Rego-aldeio { display: inline-block; margin-left: 5px; } .Rego-all-review { line-height: 1.4; color: #ffffff; font-size: 16px; font-weight: 500; letter-spacing: 0.4px; } .Rego-cats-wrap { display: inline-flex; align-items: center; position: relative; } .Rego-cats-wrap .cats-ico { width: 30px; height: 30px; display: inline-flex; border-radius: 50%; background: #323232; align-items: center; justify-content: center; color: #ffffff; font-size: 12px; margin-right: 5px; } .Rego-cats-wrap .cats-title { font-size: 13px; font-weight: 500; } .Rego-inline .Rego-bookmark-btn { position: relative; margin-left: 8px; display: inline-block; right: 0; top: 0; } .Rego-inline .Rego-bookmark-btn button { background: #ffffff; border: 1px solid #eeeeee; color: #707d9b; } .Rego-ft-last, .Rego-inline { display: inline-flex; } .Rego-cates.multi .cats-1 { padding: 2px 7px; background: rgba(33, 150, 243, 0.13); border-radius: 2px; color: #2196f3; }.Rego-cates.multi a { padding: 2px 7px;background: #f7f7f7;border-radius: 2px;color: #6d7691;border: 1px solid #eaeaea;} .Rego-facilities-wrap { display: inline-flex; width: auto; position: relative; } .Rego-facilities-wrap ul { padding: 0; margin-left: 10px; width: auto; display: inline-flex; margin-bottom: 0; } .Rego-facilities-wrap ul li { margin-right: 5px; color: #f41b3b; } .Rego-facility-title { font-weight: 600; color: #172228 !important; } .Rego-overlay-caps { position: absolute; bottom: 10px; left: 12px; z-index: 2; } .Rego-distance { line-height: 1; } .Rego-room-price { display: inline-flex; align-items: center; padding: 2px 10px; background: rgba(33, 150, 243, 0.13); border-radius: 2px; color: #2196f3; max-width: 110px; font-weight: 400; font-size: 13px; } .Rego-room-price span { font-weight: 500; margin-right: 5px; } .Rego-facilities-wrap.Rego-flx { width: 100%; } .Rego-flx .Rego-facility-list { width: 100%; } .Rego-facilities-wrap.Rego-flx ul { display: flex; align-items: center; justify-content: space-between; margin: 0; width: 100%; flex-grow: 1; } .Rego-facilities-wrap.Rego-flx ul li { color: #a6aab7; margin: 0; font-size: 17px; } .Rego-btn-book { display: flex; align-items: center; justify-content: center; height: 48px; background: #f4f4f7; border-radius: 50px; font-weight: 500; color: #252a36; margin-top: 0.5rem; transition: all ease 0.4s; } .Rego-btn-book:hover, .Rego-btn-book:focus, .Rego-btn-book:active { background: #f41b3b; color: #ffffff; } span.Rego-apr-rates { display: inline-flex; align-items: center; justify-content: center; margin-right: 7px; padding: 0px 8px; background: rgb(255 87 34 / 12%); border-radius: 2px; font-weight: 500; color: #ff5722; } span.Rego-apr-rates i { font-size: 10px; margin-right: 4px; } .Rego-options-list ul { display: flex; align-items: start; justify-content: center; margin: 0; padding: 0; flex-flow: wrap; } .Rego-options-list ul li { width: 50%; align-items: center; justify-content: flex-start; flex: 0 0 50%; padding: 7px 0; } .Rego-options-list ul li i { color: #a6aab7; } .Rego-prt-price { display: inline-flex; align-items: center; font-size: 17px; font-weight: 500; color: #ffffff; } .Rego-prt-price span { font-size: 25px; margin-left: 5px; } .Rego-cats-wrap .cats-ico.bg-1 { background: #545f57; } .Rego-cats-wrap .cats-ico.bg-2 { background: #764067; } .Rego-cats-wrap .cats-ico.bg-3 { background: #d86963; } .Rego-cats-wrap .cats-ico.bg-4 { background: #eacc84; } .Rego-cats-wrap .cats-ico.bg-5 { background: #35bbcb; } .Rego-cats-wrap .cats-ico.bg-6 { background: #f8d910; } .Rego-cats-wrap .cats-ico.bg-7 { background: #0191b5; } .Rego-cats-wrap .cats-ico.bg-8 { background: #d4dd18; } .Rego-cats-wrap .cats-ico.bg-9 { background: #fe7a15; } .Rego-cats-wrap .cats-ico.bg-10 { background: #004e99; } ---------------- Doctor List Design --------------- .doctor-grid-view { position: relative; display: block; background: #ffffff; border-radius: 6px; margin-bottom: 30px; text-align: left; padding: 0; overflow: hidden; border: 1px solid #eeeeee; } .doctor-grid-thumb { display: block; align-items: center; padding: 0; max-height: 220px; overflow: hidden; margin-bottom: 1rem; margin: 0px; } .doctor-grid-thumb img { max-width: 100%; transition: all 500ms ease; } .doctor-grid-caption { padding: 0.5rem 1rem; position: relative; width: 100%; } .doc-title-wrap { display: block; position: relative; width: 100%; } .doc-title-wrap .doc-title { margin-bottom: 2px; font-size: 17px; position: relative; display: inline-flex; font-weight: 500; } .doc-title-wrap .doc-title a { color: #202838; } .doctor-grid-caption .doc-title.verified:before { content: ""; position: absolute; right: -25px; top: 4px; width: 18px; height: 18px; background-size: cover; object-fit: cover; background-image: url(../img/veryfy.svg); } .doc-inner-wrap { margin-top: 1rem; position: relative; display: block; } .doc-ratting-boxes { display: inline-flex; align-items: center; } ul.doc.ratting-view { margin: 0; padding: 0; } ul.doc.ratting-view li { list-style: none; display: inline-block; color: #b1bfe0; margin: 0 0px; font-size: 9px; } ul.doc.ratting-view li i.filled { color: #ff8e1a; } .doctor-review-list { font-size: 13px; margin-left: 7px; } .doc-location { font-size: 16px; display: flex; align-items: center; } .doctor-grid-footer { margin-top: 1rem; padding: 0.7rem 1rem; text-align: left; border-top: 1px dashed #dfe8f1; display: flex; align-items: center; } .doc-foot-first { flex: 1; } .av-status { font-size: 13px; font-weight: 500; color: #009688; } .btn.doc-book-btn { padding: 5px 12px; height: 38px; font-size: 13px; margin: 0; color: #009688; background: rgb(255 255 255); border-radius: 5px; border: 2px solid #dde2ef; transition: all ease 0.4s; font-weight: 500; display: inline-flex; align-items: center; } .btn.doc-book-btn:hover, .btn.doc-book-btn:focus, .btn.doc-book-btn:active { color: #ffffff; padding: 5px 15px; height: 38px; background: #009688; border: 2px solid #009688; } ------------------- Job List Style ---------------------- ._jb_list72 { background: #ffffff; border-radius: 6px; display: flex; align-items: flex-end; margin-bottom: 30px; padding: 1rem 0.7rem; position: relative; overflow: hidden; border: 1px solid #e9ebf5; } .jobs-like.bookmark { position: absolute; left: auto; right: 20px; top: 15px; } .toggler { color: #dadeef; cursor: pointer; font-size: 20px; margin-bottom: 0; line-height: 1; } .toggler [type=checkbox]:checked, .toggler [type=checkbox]:not(:checked) { position: absolute; left: -9999px; opacity: 0; } .jobs-like.bookmark .toggler input:checked+i { color: #ff9800; } ._jb_list72_flex { flex: 1; display: flex; align-items: center; position: static; } ._jb_list72_yhumb { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 5px; margin-right: 0px; margin-bottom: 10px; } ._jb_list72_last { padding-left: 12px; } ._jb_list72_last ._jb_title { font-size: 15px; line-height: 1.2; font-weight: 600; margin: 0; } ._times_jb { font-size: 12px; color: #5c75a2; font-weight: 500; } ._jb_types { font-size: 12px; font-weight: 600; background: #f4f5f7; display: inline-flex; padding: 0px 13px; height: 25px; align-items: center; justify-content: center; margin-top: 8px; border-radius: 3px; } ._jb_types.fulltime_lite { background: rgba(51, 187, 56, 0.1); color: #33bb38; } ._jb_types.parttime_lite { background: rgba(255, 152, 0, 0.1); color: #ff9800; } ._jb_types.internship_lite { background: rgba(4, 158, 230, 0.1); color: #049ee6; } ._jb_types.remote { background: rgba(121, 119, 249, 0.1); color: #7977f9; } --------------------- Verticle Listing Design -------------------- .vrt-list-wrap { position: relative; background: #ffffff; margin-bottom: 30px; border-radius: 6px; display: block; } .vrt-list-wrap-head { position: relative; display: flex; padding: 1rem; flex-wrap: initial; } .vrt-list-thumb { flex: 1; margin-right: 1rem; border-radius: 4px; overflow: hidden; min-width: 250px; } .vrt-list-thumb .vrt-list-thumb-figure { height: 100%; } .vrt-list-thumb .vrt-list-thumb-figure img { height: 100%; object-fit: cover; width: 100%; } .vrt-list-content h4 { line-height: 1.2; } .vrt-list-features ul { margin: 0; padding: 0; display: block; width: 100%; } .vrt-list-features ul li { display: inline-block; list-style: none; } .vrt-list-features ul li a { margin: 3px 5px 4px 0px; display: inline-block; padding: 2px 8px; background: #f4f5f7; border-radius: 2px; font-size: 12px; font-weight: 500; transition: all ease 0.4s; } .vrt-list-features ul li a:hover, .vrt-list-features ul li a:focus, .vrt-list-features ul li a:active { background: rgba(244, 27, 59, 0.1); color: #F41b3b; } .d14ixh { color: #cc0000 !important; } .d14ixhs { color: #189e4e; } .vrt-list-amenties ul { margin: 0; padding: 0; } .vrt-list-amenties ul li { list-style: none; display: inline-block; margin: 5px 12px 5px 0; color: #1a1a1a; } .vrt-list-amenties ul li .vrt-amens { position: relative; padding-left: 18px; display: inline-flex; align-items: center; } .vrt-list-amenties ul li .vrt-amens.yes:before { position: absolute; font-family: 'LineIcons'; content: "\ea5b"; left: 0; font-size: 12px; font-weight: 600; color: #189e4e; } .vrt-list-amenties ul li .vrt-amens.no:before { position: absolute; font-family: 'LineIcons'; content: "\ea6a"; left: 0; font-size: 12px; font-weight: 600; color: #cc0000; } --------------------- Rego Category Style -------------- .Rego-catg-wrap { position: relative; width: 100%; padding: 2rem 1rem; height: auto; background: #ffffff; display: block; border-radius: 6px; margin-bottom: 30px; transition: all ease 0.4s; } .Rego-catg-wrap:hover, .Rego-catg-wrap:focus, .Rego-catg-wrap:active { box-shadow: 0 8px 16px rgb(146 152 198 / 8%); -webkit-box-shadow: 0 8px 16px rgb(146 152 198 / 8%); } .Rego-catg-icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; margin: 10px auto; border-radius: 50%; background: rgb(244 27 59 / 7%); font-size: 28px; color: #f41b3b; transition: all ease 0.4s; } .Rego-catg-city { position: absolute; top: 12px; left: 12px; font-size: 11px; font-weight: 500; padding: 1px 6px; background: rgb(0 150 136 / 10%); border-radius: 2px; color: #009688; } .Rego-catg-wrap:hover .Rego-catg-icon, .Rego-catg-wrap:focus .Rego-catg-icon, .Rego-catg-wrap:active .Rego-catg-icon { color: #ffffff; background: #f41b3b; } .Rego-catg-wrap:hover .Rego-catg-city, .Rego-catg-wrap:focus .Rego-catg-city, .Rego-catg-wrap:active .Rego-catg-city { color: #ffffff; background: #009688; } .Rego-img-catg-wrap { position: relative; display: block; border-radius: 6px; overflow: hidden; border: 1px solid #f4f4f7; margin-bottom: 30px; background: #ffffff; transition: all ease 0.4s; } .Rego-img-catg-wrap:hover, .Rego-img-catg-wrap:focus, .Rego-img-catg-wrap:active { box-shadow: 0 8px 16px rgb(146 152 198 / 8%); -webkit-box-shadow: 0 8px 16px rgb(146 152 198 / 8%); } .Rego-img-catg-thumb img { min-height: 200px; max-height: 200px; object-fit: cover !important; width: 100%; } .Rego-img-catg-caption { display: flex; align-items: center; justify-content: space-between; padding: 1rem 0.8rem; } .Rego-cat-arrow { width: 32px; height: 32px; align-items: center; justify-content: center; display: flex; background: #feeff1; border-radius: 50%; color: #f41b3b; transition: all ease 0.4s; border: 1px dashed rgb(244 27 59 / 30%); } .Rego-img-catg-wrap .Rego-catg-city { background: #f41b3b; color: #ffffff; } .Rego-img-catg-wrap:hover .Rego-cat-arrow, .Rego-img-catg-wrap:focus .Rego-cat-arrow, .Rego-img-catg-wrap:active .Rego-cat-arrow { color: #ffffff; background: #f41b3b; border: 1px dashed #f41b3b; } --------------------- Rego Location Designs -------------- .Rego-img-location-wrap { position: relative; display: block; border-radius: 6px; overflow: hidden; border: 1px solid #f4f4f7; margin-bottom: 30px; background: #ffffff; transition: all ease 0.4s; } .Rego-img-location-caption { display: flex; align-items: center; justify-content: space-between; padding: 0.8rem 0.8rem; position: absolute; bottom: 20px; background: #ffffff; width: 90%; margin: 0 auto; left: 5%; border-radius: 4px; } .Rego-img-location-wrap:hover .Rego-cat-arrow, .Rego-img-location-wrap:focus .Rego-cat-arrow, .Rego-img-location-wrap:active .Rego-cat-arrow { color: #ffffff; background: #f41b3b; border: 1px dashed #f41b3b; } /*--------------------- Rego Author Designs --------------*/ .Rego-author-wrap { position: relative; display: block; border-radius: 6px; overflow: hidden; border: 1px solid #f4f4f7; margin-bottom: 30px; background: #ffffff; text-align: center; } .Rego-author-tag { position: absolute; top: 12px; left: 12px; font-size: 11px; font-weight: 500; color: #ffffff; background: #252525; padding: 4px 12px; border-radius: 50px; } .Rego-author-tag.new { background: #4caf50; } .Rego-author-tag.popular { background: #9e69fc; } .Rego-author-tag.featured { background: #ff6922; } .Rego-author-thumb { padding: 0.5rem; background: #ffffff; border: 2px dashed #ececf0; border-radius: 50%; margin: 3rem auto 0.5rem; width: 160px; } .Rego-author-links { padding: 0; margin: 2rem auto 2.5rem; } .Rego-author-links .Rego-social { display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; } .Rego-author-links .Rego-social li { list-style: none; margin: 0; padding: 0 7px; } .Rego-author-links .Rego-social li a { width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; background: #f4f4f7; border-radius: 50%; color: #838384; transition: all ease 0.4s; } .Rego-author-links .Rego-social li a:hover, .Rego-author-links .Rego-social li a:focus, .Rego-author-links .Rego-social li a:active { color: #ffffff; background: #f41b3b; } .Rego-author-lists { position: absolute; right: 15px; top: 12px; padding: 2px 8px; background: rgb(244 27 59 / 10%); border-radius: 2px; color: #f41b3b; } .Rego-author-links .Rego-social.colored li a { color: #f41b3b; background: rgb(244 27 59 / 10%); } /*----------------- Rego Price Box ----------------*/ .Rego-price-wrap { padding: 40px; margin-bottom: 30px; border-radius: 10px; background: #ffffff; box-shadow: 0 8px 16px rgb(146 152 198 / 8%); transition: 0.3s; text-align: left; position: relative; z-index: 1; } .Rego-price-wrap:hover, .Rego-price-wrap:focus, .Rego-price-wrap:active { transform: translateY(-5px); } .Rego-price-currency .Rego-new-price { margin-right: 15px; } .Rego-price-currency .Rego-new-price { font-size: 15px; font-weight: 500; } .Rego-price-currency .Rego-new-price del { font-size: 50px; text-decoration: none; margin-left: 4px; } .Rego-price-currency .Rego-old-price { font-size: 15px; font-weight: 500; opacity: 0.3; } .Rego-price-currency .Rego-old-price del { font-size: 35px; text-decoration: none; } .Rego-price-title { display: flex; align-items: center; margin-bottom: 10px; } .Rego-price-title .Rego-price-tlt h4 { font-size: 22px; font-weight: 400; margin: 0; } .Rego-price-ribbon .Rego-ribbon-offer { margin-left: 10px; padding: 3px 8px; background: rgb(0 150 136 / 10%); border-radius: 4px; font-size: 12px; font-weight: 500; color: #009688; } .Rego-price-ribbon .Rego-ribbon-offer.all { background: rgb(255 152 0 / 10%); color: #ff9800; } .Rego-price-subtitle { font-size: 16px; color: #333c56; } .Rego-price-body { margin: 1rem 0; border-top: 1px solid #efeff4; padding: 1rem 0; } .Rego-price-body ul { padding: 0; width: 100%; margin: 0; } .Rego-price-body ul li { display: block; list-style: none; padding: 10px 0; } .Rego-price-body ul li:last-child { padding-bottom: 0; } .Rego-price-body ul li i { margin-right: 5px; color: #f41b3b; } .Rego-price-btn { position: relative; display: flex; width: 100%; align-items: center; justify-content: center; height: 56px; border: 2px dashed #ececf0; border-radius: 50px; font-weight: 500; transition: all ease 0.4s; } .Rego-price-btn i { margin-right: 7px; } .Rego-price-btn:hover, .Rego-price-btn:focus, .Rego-price-btn:active, .Rego-price-btn.active { color: #ffffff; background: #f41b3b; border: 2px dashed #f41b3b; } .Rego-price-wrap.dark-price { border: 1px solid #304450; box-shadow: none; background: transparent; } .dark-price .Rego-price-btn { border: 2px dashed #293941; color: #ffffff; } .dark-price .Rego-price-body ul li { color: #ffffff; } .dark-price .Rego-price-subtitle { color: #ffffff; } .dark-price .Rego-price-currency .Rego-old-price { color: #889aa4; } .dark-price .Rego-price-currency .Rego-new-price, .dark-price .Rego-price-title .Rego-price-tlt h4 { color: #ffffff; } .dark-price .Rego-price-body { border-top: 1px solid #304450; } .Rego-price-wrap.dark-price:hover, .Rego-price-wrap.dark-price:focus, .Rego-price-wrap.dark-price:active { background: #1c292f; } /*=================================================== Rego Search Options ==================================================*/ .Rego-all-drp { display: inline-flex; align-items: center; width: auto; } .Rego-all-drp .Rego-single-drp { margin-right: 10px; display: inline-flex; width: auto; position: relative; } .Rego-all-drp .Rego-single-drp .btn-group>.btn, .btn-group>.btn { box-shadow: none !important; border: 1px solid #e5e6e8; background: white; color: #2f363e; } .Rego-all-drp .Rego-single-drp.small .btn-group>.btn { padding: 6px 15px 6px 15px; border-radius: 50px; font-size: 13px; } .Rego-all-drp .Rego-single-drp.small .btn-group>.btn.dropdown-toggle { padding: 6px 25px 6px 15px; } .Rego-all-drp .dropdown-toggle:after { position: absolute; top: 12px; right: auto; border-left: none; border-bottom: 0; border-right: none; border-top: none; margin: 0 !important; vertical-align: 0 !important; margin-left: 5px !important; height: 6px; width: 6px; border-style: double; border-width: 0 2px 2px 0; border-color: transparent #172228 #172228 transparent; -ms-transform: rotate(45deg); transform: rotate(45deg); transition: border .3s; } .Rego-all-drp .dropdown-toggle.active:after { border-color: transparent #f41b3b #f41b3b transparent; } .Rego-all-drp .dropdown-menu { min-width: 300px; padding: 12px; } .Rego-all-drp .dropdown-menu li { display: inline-flex; width: 50%; float: left; align-items: center; } .Rego-all-drp .dropdown-menu li a { font-size: 14px; padding: 10px 15px; font-weight: 500; display: flex; align-items: center; line-height: 1; } .Rego-all-drp .dropdown-menu li a:hover, .Rego-all-drp .dropdown-menu li a:focus, .Rego-all-drp .dropdown-menu li a:active { color: #1e2125; background: #eeeeee; } .Rego-all-drp .dropdown-menu li a img { margin-right: 10px; } .Rego-all-drp .Rego-single-drp.small .btn-group>.btn.active { color: #f41b3b; background: rgba(244, 27, 59, 0.1); border-color: rgba(244, 27, 59, 0.1); } .filt-count { font-size: 12px; font-style: normal; font-weight: 500; padding: 0px 4px; background: #f41b3b; border-radius: 50%; margin-left: 5px; color: #ffffff; } .btn.filt-btn { height: 46px; display: inline-flex; align-items: center; background: #f0f0f0; border-radius: 4px; float: right; font-size: 13px; font-weight: 500; } /*=================================================== Listing Detail Page ==================================================*/ .sep-devider { display: block; position: relative; margin: 2rem 0; border-top: 1px solid #ececec; } .list-lioe { display: inline-flex; align-items: center; } .seperate { position: relative; } .seperate:before { content: ""; width: 4px; height: 4px; position: absolute; left: 0; border-radius: 50%; background: #828282; top: 50%; } .adv-btn { display: inline-flex; align-items: center; justify-content: center; height: 42px; background: #ffffff; border: 1px solid #e9e9e9; border-radius: 4px; transition: all ease 0.4s; padding: 10px 15px; cursor: pointer; font-weight: 500; font-size: 16px; } .adv-btn i, .adv-btn img { margin-right: 5px; } .side-search-item { display: flex; align-items: center; justify-content: flex-start; height: 56px; margin-bottom: 1rem; border: 1px solid #eceef2; border-radius: 4px; } .Rego-09kjh { display: block; width: 100%; position: relative; padding: 2rem 0; } .Rego-09kjh ul { display: inline-block; padding: 0; margin: 0; } .Rego-09kjh ul li { display: inline-block; list-style: none; padding: 1px 12px; font-weight: 500; color: #252525; border-right: 1px solid #eceef2; } .Rego-09kjh ul li:first-child { padding-left: 0; } .Rego-09kjh ul li:last-child { border-right: none; } .Rego-09kjh ul li span { font-weight: 400; margin-left: 4px; } .cld-box, .guests-box { position: relative; height: 48px; border: none; border-radius: 0.2rem; display: flex; align-items: center; background: #f5f6fa; } .cld-box i { position: absolute; left: 10px; top: 18px; } .Rego-boo-space .form-group .form-control { padding-left: 45px; margin: 0 !important; height: 100%; box-shadow: none !important; background: transparent; border: none; color: #707e9c; } .Rego-boo-space .form-group .form-control { padding-left: 35px; } .guests-box { display: flex; width: 100%; padding: 0 6px; justify-content: center; align-items: center; } .guests .guests-box { position: relative; height: 45px; border: 2px solid #f5f6fa; border-radius: 0.2rem; } .guests-box .counter-btn { background: #ffffff; border: none; border-radius: 0.2rem; text-align: center; width: 30px; height: 30px; outline: none !important; line-height: 30px; text-shadow: none; color: #707e9c; cursor: pointer; } .guests-box #cnt-down, .guests-box #kcnt-down { position: absolute; top: 6px; left: 6px; } .guests-box #cnt-up, .guests-box #kcnt-up { position: absolute; top: 6px; right: 6px; } .guests-box #guestNo, .guests-box #kidsNo { border: none; width: 100px; text-align: center; text-align: center; color: #333c56; background: transparent; font-weight: 600; } ._adv_features { background: #f5f6fa; padding: 10px 0; border-radius: 6px; width: 100%; } ._adv_features ul { padding: 0; margin: 0; } ._adv_features ul li { font-size: 13px; padding: 0.3rem 1rem; font-weight: 500; color: #333c56; } ._adv_features ul li span { float: right; font-weight: 600; } .Rego-boo-space-foot { display: flex; flex-wrap: wrap; align-items: center; padding: 0.5rem 0rem 0; width: 100%; } .Rego-boo-space-left { flex: 1; font-weight: 600; font-size: 13px; color: #2D3954; } .Rego-agent-blocks { display: block; text-align: center; margin: 0 auto; } .Rego-agent-thumb { padding: 5px; border-radius: 50%; border: 3px solid #efefef; height: 106px; width: 106px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.2rem; } .Rego-iuky { display: block; width: 100%; padding: 2rem 0; } .Rego-iuky ul { padding: 0 0.5rem; margin: 0; display: flex; } .Rego-iuky ul li { display: inline-block; list-style: none; font-weight: 600; color: #1e2738; font-size: 13px; width: 33.333333%; flex: 0 0 33.333333%; font-size: 18px; text-align: center; } .Rego-iuky ul li span { display: block; font-weight: 500; font-size: 12px; color: #7a7a7a; } .Rego-sng-menu { position: relative; display: block; overflow: initial; } .Rego-sng-menu-thumb { position: relative; border-radius: 6px 6px 0px 0px; overflow: hidden; } .Rego-sng-menu-caption { padding: 6px 10px; border: 1px solid #e9e9e9; border-radius: 0 0px 6px 6px; border-top: none; } .Rego-sng-menu-caption h4 { margin: 0; line-height: 1.2; } .lkji-oiyt { display: inline-flex; align-items: center; } .lkji-oiyt h5 { margin: 0; margin-left: 5px; } .reviews-comments-wrap { display: inline-table; margin-top: 30px; } .reviews-comments-item {  position: relative; float: left; margin-bottom: 40px; width: 100%; border-bottom: 1px solid #eee; } .review-comments-avatar img{max-width: 80px;  width: 80px; height: 80px; overflow: hidden; border-radius: 100%; } .reviews-comments-item-text h4 { text-align: left; padding-bottom: 0px; font-size: 18px; font-weight: 600; margin-bottom: 0; } .reviews-comments-item-date { float: right; font-weight: 500; color: #86889a; font-size: 12px; } .listing-rating { margin-bottom: 1rem; } .listing-rating i { margin-right: 4px; font-size: 11px; color: #d2d2d2; } .listing-rating i.active { color: #ff9800; } .reviews-comments-item-text p { text-align: left; } .reviews-reaction { margin-top: 1rem; } .reviews-reaction a { margin-right: 20px; color: #8c97a2; } .reviews-reaction a.comment-like.active { color: #0eb987; } .reviews-reaction a.comment-dislike.active { color: #244763; } .reviews-reaction a.comment-love.active { color: #ea1a57; } .reviews-comments-item:last-child { padding-bottom: 0; border: none; margin-bottom: 0; } .uli-list-info { position: relative; display: block; margin: 0; width: 100%; } .uli-list-info ul { margin: 0; padding: 0; justify-content: center; align-items: center; } .uli-list-info ul li:first-child { padding-left: 0; } .uli-list-info ul li { list-style: none; display: block; border-right: 1px solid #efefef; padding: 0px 15px; } .uli-list-info ul li:last-child { padding-bottom: 0; border: none; } .list-uiyt { display: flex; align-items: center; width: 100%; word-wrap: break-word; overflow-wrap: break-word; overflow-wrap: anywhere; } .list-uiyt .list-iobk { display: inline-flex; align-items: center; justify-content: center; color: #484848; margin-right: 1rem; border-radius: 4px; font-size: 18px; } .list-uiyt-capt h2 {margin: 0;font-size: 16px;font-weight: 600;color: #333333;line-height: 20px;}.featured-slick { position: relative; display: block; width: 100%; } .dlf-flew { box-sizing: border-box; height: 330px; position: relative; vertical-align: middle; width: auto; } .dlf-flew:after { background: linear-gradient(180deg, #0000 31.42%, #000); bottom: 0; content: ""; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; } .dlf-flew.auto { height: auto; border-radius: 4px; overflow: hidden; margin: 0 2px; } .dlf-flew.auto img { border-radius: 4px; } .ftl-diope { display: inline-flex; position: absolute; bottom: 50px; right: 10%; } .dlf-flew img { height: 100%; object-fit: cover; vertical-align: middle; width: 100%; } .Rego-all-features-list { display: block; width: 100%; position: relative; } .Rego-all-features-list ul { margin: 0; padding: 0; display: flex; width: 100%; flex-wrap: wrap; } .Rego-all-features-list ul li { padding-right: 22px; padding-bottom: 10px; } .Rego-all-features-list ul li i, .Rego-all-features-list ul li img { max-width: 18px; margin-right: 10px; } .Rego-afl-pace { font-size: 14px; color: #323a4e; display: flex; align-items: center; justify-content: flex-start; } .Rego-afl-pace.deactive { opacity: 0.3; } .Rego-ops-bhri { display: block; position: absolute; bottom: 10%; left: 7%; } .Rego-ops-bhri .Rego-price-range .active { color: #ffffff; } .klop-dfgy { display: block; width: 100%; position: relative; } .klop-dfgy .details { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 10px; } .klop-dfgy .details label { min-width: 140px; } .lkoi-skill { display: block; margin: 0; padding: 0; } .lkoi-skill li { display: inline-block; list-style: none; margin-right: 7px; margin-bottom: 4px; } .lkoi-skill li span { padding: 4px 10px; background: #f4f5f7; font-weight: 500; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; } .author-wrap-ngh { display: block; position: relative; border-radius: 6px; margin-bottom: 20px; background: #ffffff; padding: 2rem 0; } .author-wrap-head-ngh { display: block; margin-bottom: 1.5rem; position: relative; padding: 0 1.5rem; } .author-wrap-ngh-info { display: block; text-align: center; margin: 0 auto; } .author-wrap-ngh-info h5 { margin: 0 0 5px; color: #1e1c1c; font-weight: 600; } .author-wrap-ngh-info .Rego-location { font-size: 13px; font-weight: 500; color: #838fa5; } .author-wrap-ngh-info .Rego-location i { margin-right: 5px; } .author-wrap-jhyu-ngh { display: block; position: relative; width: 100%; } .author-wrap-jhyu-ngh ul { padding: 0; padding: 0; display: flex; flex-wrap: wrap; } .author-wrap-jhyu-ngh ul li { flex: 0 0 33.333333%; align-items: center; justify-content: center; list-style: none; display: flex; } .list-kjvr { display: flex; flex-direction: column; width: 100%; text-align: center; } .list-kjvr-icon { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; margin: 5px auto; background: transparent; border-radius: 50%; } .list-kjvr-ctr h6 { display: inline-flex; align-items: center; justify-content: center; margin: 5px 0; font-weight: 500; } .list-kjvr-ctr span { color: #1d2845; font-weight: 500; margin-left: 4px; } .list-kjvr-text { font-size: 13px; font-weight: 500; color: #70737d; } .author-wrap-caption-ngh { position: relative; display: block; padding: 1.5rem 1rem; } .author-wrap-footer-ngh { position: relative; display: flex; flex-direction: column; width: 100%; } .author-wrap-footer-ngh ul { padding: 0; margin: 0; position: relative; display: flex; flex-direction: column; } .author-wrap-footer-ngh ul li { list-style: none; display: block; padding: 1rem 1.5rem; border-bottom: 1px solid #efefef; } .author-wrap-footer-ngh ul li:last-child { padding-bottom: 0; border-bottom: none } .author-wrap-footer-ngh .jhk-list-inf { display: flex; align-items: flex-start; position: relative; } .author-wrap-footer-ngh .jhk-list-inf .jhk-list-inf-ico { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 3px; border: 1px solid #e8e8e8; margin-right: 10px; font-size: 16px; color: #252b35; } .author-wrap-footer-ngh .jhk-list-inf-caption h5 { font-size: 15px; font-weight: 500; margin: 0; } .author-wrap-footer-ngh .jhk-list-inf-caption p { font-size: 13px; color#70737d; } .author-wrap-ngh .online { position: absolute; top: 15px; right: 15px; font-size: 12px; font-weight: 500; padding: 4px 15px; background: #8bc34a; border-radius: 50px; color: #ffffff; } .author-wrap-ngh .offline { position: absolute; top: 15px; right: 15px; font-size: 12px; font-weight: 500; padding: 4px 15px; background: #607d8b; border-radius: 50px; color: #ffffff; } .author-wrap-ngh .busy { position: absolute; top: 15px; right: 15px; font-size: 12px; font-weight: 500; padding: 4px 15px; background: #2196f3; border-radius: 50px; color: #ffffff; } .auth-filter-headers { position: relative; display: flex; align-items: center; padding: 1rem 1.5rem; background: #ffffff; border-radius: 4px; margin-bottom: 1.5rem; } .auth-filter-headers-title { flex: 1; padding-right: 1rem; } .auth-filter-headers-filts ul { padding: 0; margin: 0; } .auth-filter-headers-filts ul li { display: inline-flex; list-style: none; margin-right: 0.7rem; font-weight: 400; align-items: center; } /*------------------------------------------------------------ General Features -------------------------------------------------------------*/ /*-------------- Form Elements ----------------*/ .form-control, select.form-control { padding: 6px 8px; font-size: 15px; border-color: #dbdbdb; color: #2b2e30; } .form-control.sm { height: 40px !important; padding: 10px 15px; } select { cursor: pointer; } .form-control:hover, select.form-control:hover, .form-control:focus, select.form-control:focus { border-color: #eee; box-shadow: none; } .btn.custom-height.sm { height: 40px; padding: 5px 8px; } .simple-button.active { opacity: 1; } select.form-control, select { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } .btn-height { padding: 5px 10px; } .form-control::-moz-placeholder { color: #2b2e30; opacity: 1 } .form-control::placeholder { color: #2b2e30; opacity: 1 } /*------------- Slide Design of Filter Box -------------*/ .w3-ch-sideBar { height: 100%; max-width: 360px; min-width: 300px; background-color: #fff; position: fixed !important; top: 0; z-index: +2000; overflow: auto; -webkit-box-shadow: 0 2px 10px 0 #d8dde6; box-shadow: 0 2px 10px 0 #d8dde6; position: relative; animation: animateleft .4s; left: 0; bottom: 0; } @keyframes animateright { from { right: -300px; opacity: 0 } to { right: 0; opacity: 1 } } @keyframes animateleft { from { left: -300px; opacity: 0 } to { left: 0; opacity: 1 } } .slide-head { background: #f4f5f7; } .close_slide { background: #ffffff; border: none; width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 10px; padding: 0; cursor: pointer; } .close_slide.gray { background: #f4f5f7 !important; } .list-411 { width: 100%; background: #ffffff; border-radius: 6px; margin: 1.5rem 0; padding: 1.5rem 1.5rem; display: flex; align-items: center; justify-content: space-between; } .side-filter-box { border: 1px solid #EEE; border-radius: 6px; display: flex; flex-direction: column; flex-shrink: 0; position: sticky; padding: 1rem; top: auto; align-self: flex-end; bottom: 0; } .inner_widget_link {margin-bottom: 17px;border-bottom: 1px solid #eeeeee; } .inner_widget_link:last-child { padding-bottom: 0; border-bottom: none; } .price-btn-457 { display: inline-flex; width: 100%; } .price-btn-457 .btn { padding: 8px 0 !important; font-size: 12px; font-weight: 500; } /*------------- Testimonials ----------*/ .single_review { border: 1px solid #f4f4f7; border-radius: 6px; padding: 1.5rem 2rem; } .sng_rev_thumb { display: flex; align-items: center; justify-content: center; width: 100px; margin: 0 auto 0.5rem; } .sng_rev_thumb figure { padding: 5px; border-radius: 50%; border: 2px solid #ececec; margin: 0 0 5px; } .rev_desc { position: relative; } .rev_desc:before { content: "\f10d"; font-family: "Font Awesome 5 Free"; left: 0px; top: -50px; font-size: 49px; position: absolute; z-index: 1; color: #d9e0e4; display: block; } .d_ico i { color: #000000; font-size: 30px; margin-right: 0.6rem; } .d_capt h5 { font-size: 13px; text-transform: uppercase; margin: 0; } .rev_author { text-align: center; margin-bottom: 1rem; } /*------------ Breadcrumbs ---------------*/ .breadcrumb { padding: 0; background: transparent; margin: 0; } /*------------ pricing Box ----------------*/ .pricing_wrap { padding: 2.4rem; margin-bottom: 30px; background: #ffffff; box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%); -webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%); border-radius: 0.5rem; } .prt_head { text-align: center; margin-bottom: 1.55rem; } .prt_price { text-align: center; margin-bottom: 2rem; display: flex; flex-direction: column; align-items: center; } .prt_price h2 { font-size: 60px; letter-spacing: 2px; display: flex; align-items: center; } .prt_price h2 span { font-size: 25px; } .prt_body ul { padding: 0; margin: 0 0 1rem; } .prt_body ul li { position: relative; padding: 10px 10px 10px 40px; color: #2c3038; font-size: 15px; font-weight: 600; margin-bottom: 10px; } .prt_body ul li.none { opacity: 0.5; } .prt_body ul li:before { content: "\f00c"; font-family: 'Font Awesome 5 Free'; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(40, 182, 97, 0.1); color: #F41b3b; left: 0; position: absolute; top: 5px; font-size: 13px; } .prt_body ul li.none:before { content: "\f00d"; background: rgba(220, 53, 69, 0.12) !important; color: rgb(220 53 69) !important; } .btn.choose_package { height: 62px; display: flex; align-items: center; justify-content: center; background: #ffffff; border: 4px solid rgba(40, 182, 97, 0.15); border-radius: 50px; color: #F41b3b; font-weight: 600; font-size: 18px; transition: all ease 0.4s; } .btn.choose_package:hover, .btn.choose_package:focus { background: rgba(40, 182, 97, 0.15); border: 4px solid rgba(40, 182, 97, 0.15); color: #F41b3b; } .recommended { margin-bottom: 1rem; padding: 6px 20px; background: #ff9800; display: inline-block; border-radius: 50px; color: #ffffff; font-size: 13px; font-weight: 600; } .btn.choose_package.active { background: #F41b3b; border-color: #F41b3b; color: #ffffff; } .pertner_flexio { background: #ffffff; border-radius: 0.2rem; margin: 0.4rem; display: inline-flex; align-items: center; justify-content: center; padding: 1rem 1.8rem; } .pertner_flexio img { max-width: 35px; margin-right: 10px; } .pertner_flexio h5 { margin: 0; } .slick-next:before, .slick-prev:before { width: 30px; height: 30px; display: inline-flex; align-items: center; background: #ffffff; justify-content: center; color: #5d6f7e; border-radius: 50%; border: 1px solid #e5e5e5; padding: 0; margin: 0; } .slick-next, .slick-prev { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; z-index: 5; } .single-list { padding: 0 10px; } .slick-next:before, .slick-prev:before { font-family: initial; font-size: 12px; line-height: 1; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0px; } .slick-next { right: 0px; } .featured-slick .slick-prev { left: 20px; } .featured-slick .slick-next { right: 20px; } /*--------------- tab Design ----------------*/ .nav-pills .nav-link.active, .show>.nav-pills .nav-link { color: #fff; background-color: #F41b3b; } .nav-tabs { border: none; } .nav-link { display: block; padding: .8rem 1.4rem; background: #ffffff; font-weight: 500; font-size: 14px; margin-right: 0.8rem; } .nav-tabs .nav-link { border: 1px solid transparent; border-radius: .25rem; } .nav-tabs .nav-link { border: 1px solid transparent; border-radius: 0.25rem; background: #f4f5f7; color: #2d3037; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-radius: .25rem; background: rgb(244 27 59 / 10%); color: #f41b3b; border-color: rgb(244 27 59 / 15%); cursor: pointer; } .nav-tabs .nav-link.active { color: #ffffff; background: #f41b3b; border-color: #f41b3b; } button:focus { outline: none; outline: none; } .nav-tabs.simple_tab_links .nav-link { margin: 0 5px; padding: 0.5rem 0.8rem; border-radius: 0; background: transparent; border: none; font-size: 13px; font-weight: 500; opacity: 0.6; text-transform: uppercase; } .nav-tabs.simple_tab_links .nav-link:hover, .nav-tabs.simple_tab_links .nav-link:focus { border: none; border-radius: 0; background: transparent; cursor: pointer; } .nav-tabs.simple_tab_links .nav-link.active { color: #000000; background: transparent; border-bottom: 2px dashed black; opacity: 1; } .style-2 { overflow: hidden; } .style-2#v-pills-tab .nav-link { margin: 0 !important; border-radius: 0; border-bottom: 1px solid #e7e7e7; } .style-2#v-pills-tab .nav-link:last-child { border: none; } .nav-tabs.search-tab .nav-link { border-radius: 50px; padding: 0.6rem 1.4rem; } div#myTabContent { width: 100%; } .nav-tabs.small-tab { text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .nav-tabs.small-tab .nav-link { padding: 0.4rem 0.8rem; font-weight: 500; font-size: 13px; margin: 0.4rem; } /*-------------- Accordion Design --------------*/ .accordion .card-header { padding: 1rem 1rem; background: transparent; margin: 0; display: block; border: none; } .accordion .card-header button { color: #121212; font-weight: 500; padding: 0; display: block; display: inline-block; width: 100%; text-align: left; text-decoration: initial; word-wrap: break-word; white-space: normal; } .accordion .card-body { padding-top: 0px; } .collapsible-link:before, .accordion .btn-link:before { content: ''; width: 14px; height: 2px; background: #333; position: absolute; top: calc(50% - 1px); right: 1rem; display: block; transition: all 0.3s; } /* Vertical line */ .collapsible-link:after, .accordion .btn-link:after { content: ''; width: 2px; height: 14px; background: #333; position: absolute; top: calc(50% - 7px); right: calc(1rem + 6px); display: block; transition: all 0.3s; } .collapsible-link[aria-expanded='true']:after, .accordion .btn-link[aria-expanded='true']:after { transform: rotate(90deg) translateX(1px); } .collapsible-link[aria-expanded='true']:before, .accordion .btn-link[aria-expanded='true']:before { transform: rotate(180deg); } .card-header { position: relative; } .accordion .card { border-color: #e8edf7; margin-bottom: 10px; border: 1px solid #e9ecef; } .accordion_title, .accordion .card-header h5 { text-transform: capitalize; font-size: 16px; } .accordion-flush .accordion-item .accordion-button { border-radius: 0; box-shadow: none; } #acdflush.accordion-flush .accordion-item { margin-bottom: 1rem; border: none; } #acdflush .accordion-button { font-weight: 500; padding: 0.7rem 1rem; } .accordion-button:not(.collapsed) { color: #009688; background-color: rgba(0, 150, 136, 0.1); box-shadow: none; } #acdflush .accordion-button:after { display: none !important; } #acdflush .accordion-button img { max-width: 70px; float: right; position: absolute; right: 25px; } /*--------------- About Page Design ------------------*/ .about-bg { position: relative; display: block; } .about-bg:before { position: absolute; content: ""; background: linear-gradient(to left, transparent 25%, #101219); left: 0; right: 0; top: 0; bottom: 0; } .abt-caption { display: block; position: relative; width: 100%; } .abt-caption-head { display: block; position: relative; width: 100%; } .abt-caption-head h1 { color: #ffffff; font-weight: 600; font-size: 60px; line-height: 1.1; margin-bottom: 1.2rem; } .abt-caption-head h6 { color: #ffffff; font-weight: 500; line-height: 1.8; } .abt-bt-info { display: block; position: relative; margin-top: 1.5rem; margin-bottom: 2rem; } .wrk-pro-box { position: relative; display: flex; flex-direction: column; border-radius: 6px; margin-bottom: 30px; border: 1px solid #e7e4e4; padding: 2rem 2.5rem; text-align: center; } .wrk-pro-box-icon { display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem; width: 70px; height: 70px; border-radius: 50%; background: #ffffff; font-size: 25px; } .wrk-pro-box-caption { position: relative; display: block; } .wrk-pro-box-caption h4 { font-size: 18px; font-weight: 500; } .wrk-pro-box-caption p { margin: 0; padding: 0; } .wrk-pro-box.first .wrk-pro-box-icon { background: rgba(39, 183, 55, 0.1); border: 1px solid rgba(39, 183, 55, 0.1); } .wrk-pro-box.sec .wrk-pro-box-icon { background: rgba(244, 27, 59, 0.1); border: 1px solid rgba(244, 27, 59, 0.1); } .wrk-pro-box.thrd .wrk-pro-box-icon { background: rgba(0, 150, 136, 0.1); border: 1px solid rgba(0, 150, 136, 0.1); } .biiling-wrap { display: flex; flex-direction: column; position: relative; background: #ffffff; border-radius: 6px; overflow: hidden; } .billing-item-head { padding: 1rem 1rem; display: flex; flex-direction: column; position: relative; } .billing-item-middle { margin: 0 0.5rem 1rem; display: flex; flex-direction: column; position: relative; } .billing-its-title { padding: 0.7rem 1rem; background: #f1f4f7; margin-bottom: 10px; } .billing-its-title h4 { font-weight: 500; margin: 0; font-size: 16px; } .billing-item-foot { position: relative; display: flex; flex-direction: column; padding: 1rem; border-top: 1px solid #f4f4f7; } .blg-fgty { display: flex; align-items: center; justify-content: space-between; } .billing-item-lists ul { margin: 0; padding: 0; } .billing-item-lists ul li { display: flex; align-items: center; list-style: none; padding: 0.5rem 1rem; justify-content: space-between; } .billing-item-lists ul li .prt-value { font-weight: 500; color: #0a0d12; font-size: 13px; } /*=================================================== Job Board Dashboard ==================================================*/ .dashboard-wrap { min-height: calc(100vh - 82px); display: flex; flex-wrap: wrap; } .dashboard-content, .dashboard-nav { flex: 1; } .dashboard-nav { width: 300px; } .dashboard-nav { display: block; border-radius: 6px; padding-bottom: 30px; z-index: 1; background: #fff; } .dashboard-inner { position: relative; display: block; padding: 10px 0 30px 0; } .dashboard-inner { display: block; padding: 10px 0 25px 0; } .dashboard-nav ul { list-style: none; padding: 0; } .dashboard-nav ul:first-child { margin: 30px 0 0 0; } /* .dashboard-nav ul:before { content: attr(data-submenu-title); padding: 0 30px; margin-bottom: 5px; display: block; color: #172228; font-weight: 500; font-size: 14px; } */ .dashboard-nav ul li { display: block; border-left: 3px solid transparent; transition: 0.3s; line-height: 20px; font-size: 14px; } .dashboard-nav ul li.active, .dashboard-nav ul li:hover { border-color: #F41b3b; background-color: rgba(244, 27, 59, 0.1); } .dashboard-nav ul li.active a, .dashboard-nav ul li:hover a { color: #F41b3b; } .dashboard-nav ul li a { color: #555962; display: block; padding: 12px 25px; transition: 0.3s; cursor: pointer; font-weight: 400; position: relative; font-size: 15px; letter-spacing: 0.5px; } .dashboard-nav ul li span.count-tag, .nav-dropdown span.count-tag { display: inline-flex; font-weight: 600; height: 19px; width: 19px; align-items: center; justify-content: center; font-size: 11px; color: #ffffff; background-color: #26ae61; border-radius: 50%; position: relative; margin: 0 0 0 12px; top: 0px; } .dashboard-content { padding: 0px 20px; padding-bottom: 0; position: relative; z-index: 1; } .dsd-boxed-widget { margin-bottom: 18px; position: relative; } .dsd-boxed-widget i { position: absolute; right: 10px; bottom: 10px; color: #ffffff; opacity: 0.3; font-size: 55px; } .dashboard-grouping-list { margin: 0px 0 30px; border-radius: 4px; } .dashboard-grouping-list h4 { font-size: 16px; margin: 0; padding: 20px 30px; background-color: #fff; display: block; border-bottom: 1px solid #eaeaea; border-radius: 4px 4px 0 0; } .dashboard-grouping-list ul { list-style: none; padding: 0; margin: 0; background-color: #fff; border-radius: 0 0 4px 4px; } .dashboard-grouping-list ul li { padding: 23px 30px; border-bottom: 1px solid #eaeaea; transition: .3s; position: relative; } .dashboard-grouping-list ul ul { background-color: transparent; } .dashboard-grouping-list ul ul { background-color: transparent; } .dashboard-grouping-list.invoices ul ul { line-height: 22px; padding-bottom: 2px; padding: 0; margin: 0; } .dashboard-grouping-list ul ul li { padding: 0; border: none; transition: .3s; background-color: transparent; display: inline-block; } .dashboard-grouping-list.invoices ul ul li { padding: 0; font-size: 13px; color: #5a6880; } .dashboard-grouping-list.invoices ul ul li:after { content: ""; display: inline-block; width: 1px; height: 11px; background-color: #e0e0e0; position: relative; margin: 0 10px; } .dashboard-grouping-list.invoices ul ul li:last-child:after { display: none; } .dashboard-grouping-list.with-icons ul li { padding-left: 87px; font-size: 14px; } .dashboard-grouping-list ul li i.dsd-icon-uiyo { height: 38px; width: 38px; color: #7f8bab; text-align: center; line-height: 37px; border-radius: 50%; transition: .3s; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 30px; } .dashboard-grouping-list ul li:hover a.close-list-item { opacity: 1; } a.close-list-item { position: absolute; top: 50%; transform: translateY(-50%); right: 30px; opacity: 0; padding: 4px; color: #ea2828; transition: .3s; } .buttons-to-right, .dashboard-grouping-list .button.to-right { position: absolute; right: 30px; top: 50%; transform: translate3d(0, -49%, 0); -moz-transform: translate3d(0, -50%, 0); opacity: 0; transition: .4s; } .dashboard-grouping-list .button { padding: 8px 15px; line-height: 20px; border-radius: 50px; font-size: 13px; font-weight: 500; margin: 0; } .dashboard-grouping-list li:hover .buttons-to-right, .dashboard-grouping-list li:hover .button.to-right { opacity: 1; } .dashboard-grouping-list .grping-list-rates { margin: 0 3px; } .grping-list-rates { color: #fff; font-size: 14px; font-weight: 600; margin-bottom: 8px; text-align: center; line-height: 26px; height: 26px; width: 44px; display: inline-block; position: relative; border-radius: 50px; letter-spacing: -.5px; background-color: rgba(255, 255, 255, .2); margin: 15px 32px; } .grping-list-rates:before { content: attr(data-rating); } .grping-list-rates.high { background-color: #1baf65; } .grping-list-rates.mid { background-color: #ffc10a; } .grping-list-rates.low { background-color: #db2929; } .custom-file.avater_uploads { height: 180px; position: relative; display: flex; align-items: center; width: 170px; justify-content: center; flex-wrap: wrap; text-align: center; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file.avater_uploads label.custom-file-label { height: 180px; border-radius: 10px; background: #f4f5f7; border: 1px solid #e4e8ef; width: 180px; top: 0; display: flex; align-items: center; justify-content: center; } .custom-file.avater_uploads label.custom-file-label i { font-size: 100px; color: #ccd2de; } .dashed-list-full { display: flex; align-items: center; justify-content: space-between; width: 100%; } .ico-content { width: auto; position: relative; display: block; } .ico-content ul { display: block; padding: 0; margin: 0; } .ico-content ul li { display: inline-block; margin-right: 5px; list-style: none; } .ico-content ul li:last-child { display: inline-block; margin-right: 0px; list-style: none; } .dashed-list-footer { display: flex; align-items: center; justify-content: space-between; } .star-rating { display: inline-block; font-size: 11px; letter-spacing: 5px; color: #c7c8cd; } .star-rating .filled { color: #ff9800; } button.aps-clone { cursor: pointer; outline: none; border-radius: 50%; border: none; background: #808591; color: #ffffff; width: 25px; height: 25px; line-height: 0; font-size: 12px; position: absolute; right: -7px; top: -7px; } .dashboard-bookings-wraps { display: block; position: relative; width: 100%; } .dsd-single-bookings-wraps { display: flex; align-items: flex-start; width: 100%; padding: 1.5rem 0; border-bottom: 1px solid #f1f1f1; } .dsd-single-bookings-wraps:last-child { padding-bottom: 0; border-bottom: none; } .dsd-single-book-thumb { width: 90px; height: 90px; padding: 5px; border: 2px solid #e2e2e2; border-radius: 50%; } .dsd-single-book-thumb img { border-radius: 50%; height: 100%; object-fit: cover; } .dsd-single-book-caption { flex: auto; padding-left: 1rem; position: relative; } .dsd-single-book-title h5 { font-size: 18px; font-weight: 500; margin: 0; line-height: 1.4; } .dsd-single-book-title h5 span { font-size: 12px; font-weight: 500; margin-left: 1rem; color: #79828d; } .dsd-single-descr { position: relative; display: flex; flex-direction: column; margin: 1rem 0; } .dsd-single-item { display: flex; align-items: center; margin: 4px 0; } .dsd-single-item .dsd-item-title { font-size: 13px; font-weight: 500; color: #28313b; min-width: 125px; } .dsd-single-item .dsd-item-info { font-size: 13px; font-weight: 400; color: #5f6a75; } .dsd-single-book-footer { display: flex; align-items: center; position: relative; margin: 1rem 0; } .dsd-single-book-footer .btn { height: 46px; padding: 0 20px; font-weight: 500; font-size: 13px; background: #f4f5f7; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; border-radius: 4px; color: #5c6574; } .dsd-single-book-footer .btn.btn-aprd { background: #4caf50; color: #ffffff; } .dsd-single-book-footer .btn.btn-reject { background: #f44336; color: #ffffff; } .dsd-single-book-footer .btn.btn-message { background: #e1e5ed; } .dashboard-listing-wraps { display: block; position: relative; width: 100%; } .dsd-single-listing-wraps { display: flex; padding-bottom: 15px !important; align-items: flex-start; width: 100%; padding: 1.5rem 0; border-bottom: 1px solid #f1f1f1; } .dsd-single-listing-wraps:last-child { padding-bottom: 0; border-bottom: none; } .dsd-single-lst-thumb { width: 200px; height: 150px; border-radius: 6px; overflow: hidden; } .dsd-single-lst-thumb img { height: 100%; width: 100%; object-fit: cover; } .dsd-single-lst-caption { flex: auto; padding-left: 1rem; position: relative; } .dsd-single-lst-title h5 { font-size: 18px; font-weight: 500; margin: 0; line-height: 1.4; } .dsd-single-lst-footer { display: flex; align-items: center; position: relative; margin: 1rem 0; } .dsd-single-lst-footer .btn { height: 30px; padding: 0 10px; font-weight: 500; font-size: 12px; background: #f4f5f7; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; border-radius: 4px; color: #5c6574; } .dsd-single-lst-footer .btn.btn-edit { background: #4caf50; color: #ffffff; } .dsd-single-lst-footer .btn.btn-view { background: #2196f3; color: #ffffff; } .dsd-single-lst-footer .btn.btn-delete { background: #de190b; color: #ffffff; } .upload-photo-btn { width: 100%; margin-top: 10px; } .Uploadphoto { float: left; position: relative; padding: 15px 30px; color: #fff; border-radius: 4px; font-size: 12px; font-weight: 500; background: #f41b3b; width: 100%; text-align: center; } .Uploadphoto input.upload { position: absolute; top: 0; right: 0; left: 0; bottom: 0; cursor: pointer; opacity: 0; } /* .submit-form .form-group { margin-bottom: 18px; } */ .dash-card { position: relative; display: flex; flex-direction: column; border-radius: 6px; background: #ffffff; margin-bottom: 30px; } .dash-card-header { display: flex; align-items: center; padding: 0.8rem 1.5rem; border-bottom: 1px solid #efefef; } .dash-card-header h4 { font-size: 16px; font-weight: 500; margin: 0; } .ground-list { -ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none; } .ground { display: -ms-flex-box; display: flex; -ms-flex-align: start; align-items: flex-start; } .ground-list-single { -webkit-box-align: center; align-items: center; } .ground-list-single { padding: 16px 10px; border-bottom: 1px solid #eaeff5; } .ground>* { margin: 0 6px; } .ground-list-single a { position: relative; } .ground-avatar { position: relative; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%; background-color: #f5f6f7; text-transform: uppercase; color: #606e88; } .profile-status { border: 2px solid #ffffff; border-radius: 50%; display: inline-block; height: 10px; left: 30px; position: absolute; top: 1px; width: 10px; } .bg-online { background: #68c70b !important; } .bg-offline { background: #e02b0d !important; } .bg-busy { background: #2196f3 !important; } .bg-working { background: #f39c12 !important; } .ground-content { -ms-flex: 1; flex: 1; } .ground-content>* { margin-bottom: 0; } .ground-content h6 { font-size: 14px; line-height: 1; } .ground-content a { color: #272b35; font-weight: 500; } .ground-content small { color: #5d687d; } .dashboard-grouping-list strong { font-weight: 600; color: #253040; } .dashboard-grouping-list.invoices ul ul li.paid { color: #4caf50; } .dashboard-grouping-list.invoices ul ul li.unpaid { color: #e62315; } .dashboard-grouping-list.invoices ul ul li.pending { color: #ff9800; } .dashboard-head-author-clicl { display: flex; align-items: center; width: 100%; position: relative; } .dashboard-head-author-thumb { width: 130px; height: 130px; border-radius: 50%; overflow: hidden; padding: 5px; border: 4px solid rgba(255, 255, 255, 0.2); } .dashboard-head-author-thumb img { border-radius: 50%; width: 100%; height: 100%; object-fit: contain; } .dashboard-head-author-caption { padding-left: 1.2rem; margin: 0; position: relative; flex: auto; } .dashboard-head-author-caption .dashploio h4 { margin: 0; font-size: 20px; font-weight: 600; color: #ffffff; } .dashboard-head-author-caption .agd-location { color: #ffffff; } .abs-list-sec .add-list-btn { display: inline-flex; padding: 10px 20px; font-weight: 500; height: 50px; color: #f41b3b; background: #ffffff; z-index: 1; align-items: center; justify-content: center; border-radius: 4px; } .abs-list-sec { position: absolute; bottom: 50px; right: 50px; z-index: 1; } .sticky-top { position: -webkit-sticky; position: sticky; } .dropzone { border: 2px solid #e0e4e9; border-radius: 6px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .dropzone .dz-message { margin: 0.5rem 0 0; } .dropzone i { font-size: 40px; color: #c7cdd9; } /*------------- Datepicker Design ----------*/ .daterangepicker { border-color: #f2f2f2; } .daterangepicker:before { border-bottom: 7px solid #e0e0e0; } .daterangepicker .calendar-table th { font-size: 13px; color: #191c23; min-width: 40px; width: 40px; height: 38px; font-family: 'Jost', sans-serif; font-weight: 600; } .daterangepicker .calendar-table td { font-size: 13px; color: #6b7588; width: 40px; height: 38px; font-family: 'Jost', sans-serif; font-weight: 500; } .daterangepicker .drp-calendar { max-width: 320px; } .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date { color: #a1a9ba !important; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #f41b3b; color: #fff !important; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: rgba(244, 27, 59, 0.2); color: #f41b3b; } th.month { color: #009688 !important; } /*-------------------- Messages Design ----------------*/ .messages-container { margin: 0; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06); border-radius: 4px; background-color: #fff; } .messages-headline { font-size: 16px; margin: 0; padding: 22px 30px; background-color: #fff; display: block; border-bottom: 1px solid #edf1f9; border-radius: 4px 4px 0 0; position: relative; } .messages-headline h4 { font-size: 16px; padding: 0; margin: 0; font-weight: 600; display: inline-block; } .message-action { border-radius: 50px; font-size: 13px; font-weight: 500; display: inline-block; transition: .3s; padding: 0; float: right; } .messages-container-inner { display: flex; } .messages-container-inner .dash-msg-inbox { max-width: 340px; border-right: 1px solid #edf1f9; } .messages-container-inner .dash-msg-inbox { overflow: hidden; } .messages-container-inner .dash-msg-content { padding: 30px; } .messages-container-inner .dash-msg-inbox, .messages-container-inner .dash-msg-content { flex: 1; } .messages-container-inner .dash-msg-inbox ul { max-height: 950px; overflow-y: scroll; width: 357px; list-style: none; padding: 0; margin: 0; } .dash-msg-inbox ul li.active-message { border-left: 3px solid #166ef3; } .dash-msg-inbox ul li { border-bottom: 1px solid #edf1f9; transition: .2s; list-style: none; } .dash-msg-inbox ul li:last-child { border-bottom: none; } .message-by-headline h5 { margin-bottom: 0; font-size: 14px; line-height: 1; } .dash-msg-inbox ul li a { position: relative; display: block; padding: 30px; } .messages-container-inner .dash-msg-inbox ul li a { padding: 25px; } .dash-msg-inbox .dash-msg-avatar { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); } .messages-container-inner .dash-msg-inbox .dash-msg-avatar { left: 25px; } .dash-msg-avatar img { display: inline-block; width: 54px; height: 54px; border-radius: 50%; } .messages-container-inner .dash-msg-avatar img { width: 40px; height: 40px; } .dash-msg-inbox .message-by { margin-left: 85px; } .messages-container-inner .dash-msg-inbox .message-by { margin-left: 50px; } .messages-container-inner .message-by-headline h5 i { background: #f98f14; padding: 3px 8px; border-radius: 50px; color: #ffffff; font-size: 13px; } .messages-container-inner .message-by-headline span { font-size: 13px; position: absolute; top: 25px; right: 25px; float: right; color: #888; } .messages-container-inner .dash-msg-inbox .message-by p { height: 26px; max-width: 205px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; margin: 0; padding: 0; color: #6b747d; line-height: 27px; } .message-plunch { display: block; position: relative; margin-bottom: 25px; } .message-plunch .dash-msg-avatar { position: absolute; left: 0; top: 0; } .message-plunch .dash-msg-avatar img { width: 50px; height: 50px; display: inline-block; border-radius: 50%; } .message-plunch .dash-msg-text { margin-left: 70px; background-color: #f4f5f7; border-radius: 4px; padding: 20px; position: relative; } .message-plunch .dash-msg-text:before { position: absolute; top: 12px; left: -9px; content: "\f0d9"; font-family: fontawesome; font-size: 31px; color: #f4f5f7; } .message-plunch .dash-msg-text p { font-size: 15px; padding: 0; margin: 0; line-height: 27px; } .message-plunch.me .dash-msg-avatar { left: auto; right: 0; position: absolute; top: 0; } .message-plunch.me .dash-msg-text { color: #39b36e; background-color: rgba(57, 179, 110, 0.1); } .message-plunch.me .dash-msg-text { margin-left: 0; margin-right: 70px; border-radius: 4px; padding: 20px; position: relative; } .message-plunch.me .dash-msg-text:before { color: rgb(235 247 240); } .message-plunch.me .dash-msg-text:before { left: auto; right: -11px; content: "\f0da"; } .message-reply { display: block; margin-top: 15px; } .message-reply textarea { max-width: 100%; width: 100%; font-size: 15px; font-weight: 400; line-height: 26px; padding: 15px 20px; } .message-reply button { border-radius: 4px; margin-top: 5px; } span._user_status { width: 12px; height: 12px; background: #252629; display: flex; border-radius: 50%; border: 1px solid #ffffff; position: absolute; right: -5px; top: 50%; } span._user_status.online { background: #28af51; } span._user_status.offline { background: #e23528; } span._user_status.busy { background: #ff9800; } /*=================================================== Blog Designs ==================================================*/ /*------------------- Blog Grid Design --------------*/ .blg_grid_box {position: relative;display: block;width: 100%;overflow: hidden;background: #ffffff;margin-bottom: 30px;border-radius: 0.5rem;border: 1px solid #EEE;}.blg_grid_caption { position: relative; display: block; padding: 1.2rem 1.2rem; } .blg_grid_caption .blg_tag { display: inline-flex; align-items: center; justify-content: flex-start; border-radius: 4px; color: #F41b3b; font-size: 13px; font-weight: 600; padding: 0.2rem 0.8rem; background: rgb(244 27 59 / 10%); margin-bottom: 4px; } .blg_grid_caption .blg_tag.dark { color: #ffffff; background: #006cff; } .blg_title h3 { font-size: 17px; line-height: 1.4; font-weight: 600; } .blg_title h4 a { color: #30384e; } .blog_section .title {font-size: 18px;font-weight: 500;}.blg_desc p { font-size: 16px; line-height: 1.8; color: #4e6579; margin: 0; } .blg_more { display: inline-flex; margin-top: 10px; } .blg_more a { position: relative; color: #006cff; font-weight: 600; font-size: 14px; text-decoration: underline; } .blg_more a:before { content: "\e661"; font-family: 'themify'; position: absolute; right: -15px; top: 0; color: #006cff; } .foot_list_info ul { display: flex; align-items: center; margin: 0; padding: 0; } .foot_list_info ul li { display: flex; align-items: center; margin-left: 20px; font-weight: 500; font-size: 13px; list-style: none; color: #172228; } .foot_list_info ul li .elsio_ic { width: 28px; height: 28px; align-items: center; justify-content: center; display: flex; background: #ffffff; border: 1px solid #eff1f5; border-radius: 50%; margin-right: 5px; font-size: 11px; } /*--------- Blog Detail Page -----------*/ .single_article_wrap { display: block; width: 100%; background: #ffffff; padding: 20px; border-radius: 4px; margin-bottom: 30px; border: 1px solid #e5e8f3; } .article_featured_image { display: block; margin-bottom: 1.5rem; } .article_featured_image img { border-radius: 6px; } .single_article_wrap .article_body_wrap .article_middle_info { padding: 0; list-style: none; } .single_article_wrap .article_body_wrap .article_middle_info li { display: inline-block; margin-right: 19px; } .single_article_wrap .article_body_wrap .article_middle_info li a { color: #6e7c90; display: block; letter-spacing: 0; line-height: 18px; } .single_article_wrap .article_body_wrap .article_middle_info li a .icons { margin-right: 10px; } .single_article_wrap .article_body_wrap .post-title { display: block; font-weight: 600; font-size: 28px; line-height: 1.2; margin: 5px 0 0; } .single_article_wrap .article_body_wrap p, .single_article_wrap .article_body_wrap .text { color: #6e7c90; font-size: 15px; margin: 25px 0 0; } .blog-page .article_detail_wrapss blockquote { background: #f7f9fc; padding: 28px 28px 28px 100px; margin: 50px 0; position: relative; } .blog-page .article_detail_wrapss blockquote .icon { color: #03b97c; position: absolute; font-size: 28px; line-height: 28px; left: 35px; top: 42%; } .blog-page .article_detail_wrapss blockquote .name { color: #000c35; margin: 12px 0 0; } .blog-page .article_detail_wrapss .article_bottom_info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 43px 0 0; } .blog-page .article_detail_wrapss .article_bottom_info .post-tags { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } .blog-page .article_detail_wrapss .article_bottom_info .post-tags .pbm-title { font-size: 18px; line-height: 22px; margin: 0 0 20px; } .blog-page .article_detail_wrapss .article_bottom_info .post-tags .list { padding: 0; list-style: none; } .blog-page .article_detail_wrapss .article_bottom_info .post-tags .list li { display: inline-block; margin-bottom: 10px; } .blog-page .article_detail_wrapss .article_bottom_info .post-tags .list li a { border: 1px solid #e4e4e6; letter-spacing: 0; display: block; padding: 9px 20px; } .blog-page .article_detail_wrapss .article_bottom_info .post-tags .list li a:hover { color: #ffffff; background: #e42d29; border-color: #e42d29; } .blog-page .article_detail_wrapss .article_bottom_info .post-share .list { padding: 0; list-style: none; } .blog-page .article_detail_wrapss .article_bottom_info .post-share .list li { display: inline-block; margin-right: 22px; } .blog-page .article_detail_wrapss .article_bottom_info .post-share .list li:last-child { margin-right: 0; } .blog-page .article_detail_wrapss .article_bottom_info .post-share { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; text-align: right; } .blog-page .article_detail_wrapss .article_bottom_info .post-share .pbm-title { font-size: 18px; } .blog-page .article_detail_wrapss .article_bottom_info .post-share .list li a { color: #8c96b5; display: block; font-size: 16px; line-height: 22px; } .blog-page .article_detail_wrapss .article_bottom_info .post-share .list li a:hover { color: #ef4060; } .single_article_pagination .next-post .title, .single_article_pagination .prev-post .title { font-size: 20px; } .single_article_pagination .article_pagination_center_grid { position: absolute; left: 50%; top: 60%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .single_article_pagination .article_pagination_center_grid a { font-size: 2.5rem; color: #e42d29; } .single_article_pagination .prev-post a, .single_article_pagination .next-post a { display: inline-block; overflow: hidden; padding: 14px 25px; height: 50px; border: 4px !important; color: #ffffff !important; overflow: hidden; text-transform: capitalize !important; } .single_article_pagination .prev-post a span, .single_article_pagination .next-post a span { margin: 0; } .single_article_pagination .prev-post a .title-with-link .title { color: #000c35; line-height: 28px; } /*-------- Comment ---------*/ .blog-page .article_detail_wrapss .comment-area .all-comments .comments-title { font-size: 26px; line-height: 30px; margin: 0 0 35px; } .blog-page .article_detail_wrapss .comment-area .all-comments .comment-list ul { padding: 0; list-style: none; } .blog-page .article_detail_wrapss .comment-area .all-comments article { overflow: hidden; margin: 0 0 50px; } .blog-page .article_detail_wrapss .comment-area .all-comments article .article_comments_thumb { float: left; width: 70px; } .blog-page .article_detail_wrapss .comment-area .all-comments article .article_comments_thumb img { max-width: 70px; border-radius: 50%; } .blog-page .article_detail_wrapss .comment-area .all-comments article .comment-details { overflow: hidden; padding-left: 20px; } .blog-page .article_detail_wrapss .comment-area .all-comments article .comment-details .comment-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-page .article_detail_wrapss .comment-area .all-comments article .comment-details .comment-meta .comment-left-meta { -webkit-box-flex: 1; -ms-flex: 1 1 70%; flex: 1 1 70%; } .blog-page .article_detail_wrapss .comment-area .all-comments article .comment-details .comment-meta .comment-left-meta .author-name { font-size: 18px; line-height: 28px; margin-bottom: 2px; } .blog-page .article_detail_wrapss .comment-area .all-comments article .comment-details .comment-meta .comment-left-meta .author-name .selected { font-size: 12px; color: #cacfef; margin-left: 4px; } .blog-page .article_detail_wrapss .comment-area .all-comments article .comment-details .comment-meta .comment-left-meta .comment-date { color: #03b97c; text-transform: uppercase; font-size: 12px; font-weight: 600; line-height: 16px; letter-spacing: 0; font-weight: 500; margin: 7px 0 0; } .blog-page .article_detail_wrapss .comment-area .all-comments article .comment-details .comment-meta .comment-reply { -webkit-box-flex: 1; -ms-flex: 1 1 30%; flex: 1 1 30%; text-align: right; } .blog-page .article_detail_wrapss .comment-area .all-comments article .comment-details .comment-meta .comment-reply .reply { color: #6e7c90; font-size: 14px; letter-spacing: 0; line-height: 18px; } .blog-page .article_detail_wrapss .comment-area .all-comments article .comment-details .comment-meta .comment-reply .reply .icon { margin-right: 8px; } .blog-page .article_detail_wrapss .comment-area .all-comments article .comment-details .comment-text { margin: 19px 0 0; } .blog-page .article_detail_wrapss .comment-area .all-comments article .comment-details .comment-text p { margin: 0; } .blog-page .article_detail_wrapss .comment-area .all-comments .comment-list ul li ul { padding-left: 40px; list-style: none; } .article_posts_thumb { text-align: center; } .article_posts_thumb span.img { width: 120px; overflow: hidden; border-radius: 50%; height: 120px; border: 4px solid #e4eaf3; display: table; margin: 0 auto 1rem auto; } span.img img { border-radius: 50%; max-width: 120px; } h3.pa-name { font-size: 18px; margin-bottom: 5px; } .social-links { padding: 0; margin: 0 0 1rem 0; } .social-links { padding: 0; margin: 0 0 1rem 0; } .social-links li { display: inline-block; padding: 2px 10px; } .social-links li a { color: #8c96b5; font-size: 16px; } .social-links li a:hover, .social-links li a:focus { color: #e42d29; } /*-------------- Sidebar -----------*/ .single_widgets { border: 1px solid #e5e8f3; background: #ffffff; padding: 30px 28px 35px; margin: 0 0 40px; border-radius: 0.4rem; } .single_widgets.widget_search form { position: relative; } .single_widgets.widget_search form input[type="search"] { border-radius: 4px; border: 1px solid #ebedf5; background: #f9fafc; font-size: 12px; padding: 10px 70px 10px 30px; height: 60px; width: 100%; } .single_widgets.widget_search form button { position: absolute; right: 5px; top: 5px; bottom: 0px; cursor: pointer; border-radius: 4px; background: #03b97c; color: #ffffff; border: 0; font-size: 14px; line-height: 50px; height: 50px; width: 52px; outline: none; } .single_widgets.widget_category ul { padding: 0; list-style: none; } .single_widgets.widget_category ul li { display: block; border-bottom: 1px dashed #eceff3; padding: 11px 0; } .single_widgets.widget_category ul li:first-child { border-top: none; } .single_widgets.widget_category ul li a { font-size: 14px; font-weight: 600; color: #144273; } .single_widgets.widget_category ul li a span { float: right; background: rgba(3, 185, 124, 0.1); border-radius: 50%; padding: 3px 4px; font-size: 10px; color: #03b97c; font-weight: 600; } .single_widgets.widget_thumb_post ul { padding: 0; list-style: none; } .single_widgets.widget_thumb_post ul li { display: block; overflow: hidden; margin: 0 0 15px; } .single_widgets.widget_thumb_post ul li .left { display: block; float: left; width: 80px; } .single_widgets.widget_thumb_post ul li .right { display: block; overflow: hidden; } .single_widgets.widget_thumb_post ul li .right .feed-title { display: block; overflow: hidden; letter-spacing: 0; font-weight: 600; font-size: 15px; line-height: 22px; margin: 0 0 7px; padding-left: 20px; } .single_widgets.widget_thumb_post ul li .right .post-date { color: #144273; display: block; overflow: hidden; letter-spacing: 0; font-size: 13px; line-height: 18px; padding-left: 20px; } .single_widgets.widget_thumb_post ul li .right .post-date i { margin-right: 5px; } .single_widgets.widget_thumb_post ul li .left img { width: 100%; border-radius: 3px; } .single_widgets.widget_tags ul { padding: 0; list-style: none; } .single_widgets.widget_tags ul li { display: inline-block; margin-bottom: 5px; } .single_widgets.widget_tags ul li a { background: #f3f5f8; letter-spacing: 0; font-size: 14px; display: block; padding: 9px 25px; border-radius: 0.2rem; color: #144273; font-size: 13px; font-weight: 600; } .single_widgets.widget_tags ul li a:hover, .single_widgets.widget_tags ul li a:focus { color: #ffffff; background: #03b97c; } /*------------------------------------------------- Footer Start --------------------------------------------------*/ /*---------- Call To Action -------------------*/ .call_action_wrap-wrap { padding: 50px 0; } .call_action_wrap { width: 100%; display: flex; flex-wrap: wrap; color: #ffffff; align-items: center; } .call_action_wrap-head { flex: 1; } .call_action_wrap h3 { color: #ffffff; margin-bottom: 5px; } .btn.btn-call_action_wrap { background: #ffffff; padding: 18px 40px; border-radius: 50px; color: #333640; font-weight: 600; box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.2); } a.btn_aps { display: inline-flex; align-items: center; position: relative; padding: 0; } .aps_wrapb { background: #21242b; padding: 0.8rem 1.5rem; display: flex; align-items: center; border-radius: 0.3rem; } .aps_ico { position: relative; margin-right: 7px; display: inline-block; } .aps_ico img { max-width: 35px; } .aps_capt span { line-height: 1; color: #ffffff; font-size: 13px; font-weight: 600; } .aps_capt h4 { color: #ffffff; margin: 0; line-height: 1.2; } .btn_aps.light .aps_wrapb { background: #ffffff; } .btn_aps.light .aps_capt span { color: #006cff; } .btn_aps.light .aps_capt h4 { color: #21242b; } /*---------- Small footer -------------------*/ footer { z-index: 99; font-size: 14px; color: #565656; position: relative; } footer.light-footer { background: #ffffff; } footer.dark-footer { background: #2a2c2e; } footer.footer-small { padding: 50px 0 0 0; } img.img-footer { max-width: 180px; margin-bottom: 2rem; } img.img-footer.small { margin: 0; max-width: 150px; position: relative; top: 2px; } .ft-copyright { padding: 0px 0 12px 0; } .ft-copyright p { margin-bottom: 0; } .footer_widget { padding: 60px 0 60px; } h4.widget_title { margin-bottom: 10px; font-size: 15px; font-weight: 500; text-transform: capitalize; } .footer_widget ul { padding: 0; margin: 0; } .footer_widget ul li { list-style: none; display: inline-block;    font-size: 16px;} .footer_widget ul.list-inline li, ul.list-inline li { display: inline-block; margin-right: 15px; } .footer_widget ul li a { color: #60626a; font-size: 16px; } .light-footer .footer-bottom { background: #ffffff; border-top: 1px solid #edeff1; } footer.skin-dark-footer .extream, footer.skin-light-footer .extream { letter-spacing: 1px; line-height: 1.4; } footer.skin-dark-footer h4, footer.skin-blue-footer h4 { color: #ffffff; } footer.skin-dark-footer .footer_widget ul li a, footer.skin-dark-footer, footer.skin-dark-footer a { color: #C4c4c4; transition: all ease 0.4s; font-size: 14px; } footer.skin-dark-footer .footer_widget ul li a:hover, footer.skin-dark-footer .footer_widget ul li a:focus { color: #ffffff; } .footer-bottom { padding: 10px 0; border-top: 1px solid #273246; } .blue-footer .footer-bottom { background: #192538; border-color: #192538; } .skin-dark-footer .footer-bottom { border-top: 1px solid #343638; } footer.skin-dark-footer ul.footer-bottom-social li a:hover, footer.skin-dark-footer ul.footer-bottom-social li a:focus { color: #ffffff; opacity: 1; } .skin-dark-footer .f-newsletter .form-control { border: 2px solid #9ea6ba; } /*-------------------------------------------------- Responsiveness Start ---------------------------------------------------*/ @media all and (min-height: 600px) and (min-width: 767px) {} @media all and (min-width: 993px) and (max-width: 1024px) {} @media all and (min-width: 993px) and (max-width: 1280px) { form.main-search-wrap.fl-wrap.half-column { max-width: 536px; } } @media (min-width: 768px) { .left-ico { border-right: 1px solid #ebedf1 !important; } .Rego-grid-thumb a img { min-height: 200px; max-height: 200px; object-fit: cover; } } @media (min-width: 992px) { .image-cover { min-height: 500px; height: 100vh; } .banner_title { font-size: 50px; line-height: 1.2; } .w3-ch-sideBar { max-width: 370px; min-width: 370px; } .collapse.miz_show { display: block !important; } .collapsed._filter-ico { display: none; } } @media (min-width: 993px) { .off_title { font-size: 35px; } .tags_explore h2 { font-size: 50px; margin-bottom: 1rem !important; } .home-banner { transition: all 0.6s; border-radius: 0; position: relative; min-height: 580px; } } @media (min-width: 1024px) { a.mobNavigation { display: none; } div#MobNav { display: block; } } @media (min-width: 1200px) { .nav-brand { margin-right: 1rem; } .home-banner { height: 100vh; min-height: 600px; } .lg-heading { font-size: 65px; line-height: 1.1; } } @media (min-width: 1400px) { .author-wrap-ngh { max-width: 90%; } } @media (max-width: 1199px) { .lg-heading { font-size: 45px; line-height: 1.1; } .btn.apply-btn { padding: 12px 20px; } } @media (max-width: 1023px) { .dashboard-wrap { min-height: 0; display: block; padding: 1rem !important; } a.mobNavigation { width: 100%; margin: auto; background: #27272e; padding: 12px 25px; border-radius: 2px; color: #ffffff; display: block; } .dashboard-nav { position: relative; overflow: auto; min-width: 100%; max-width: 100%; min-height: auto; display: initial; box-shadow: none; } .dashboard-content { margin: 0; padding: 0; margin-top: 2rem; } .dashboard-inner { max-height: initial; width: 100%; overflow-y: scroll; position: relative; display: initial; padding: 0; } .dashboard-nav ul { margin: 0px 0 0 0; background: #ffffff; padding-top: 10px; } .dashboard-nav ul:first-child { margin-top: 0; } .box-static { position: relative; top: 0; } .hide-1023 { display: none; } } @media (max-width: 992px) { #countdown ul li { margin: 0 0.2rem; padding: 0.5rem 0.6rem; color: #50535d; font-size: 12px; } .nav-menus-wrapper .main-search-button .btn { position: relative; } a.nav-brand.static-logo { display: none; } #countdown ul li span { display: block; font-size: 15px; font-weight: 600; color: #d2976b; line-height: 1; } .nav-menu>li>.nav-dropdown:before { display: none; } .nav-menu>li .nav-dropdown { border: none; padding: 0px; background: #ffffff; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; } .nav-dropdown>li>a { font-size: 15px; } .fs-left-map-box { float: initial; } .home-map.fl-wrap { height: auto; margin-bottom: 1rem; } .fs-left-map-box .hm-map-container.fw-map { position: relative; width: 100%; } .hm-map-container.fw-map #map { position: relative; height: 400px; } .half-map .fs-inner-container { width: 100%; float: initial; } .home-map-banner.full-wrapious { height: 400px; } .home-banner { min-height: 350px; padding: 3rem 1rem; } .Rego-top-cates ul li a { width: 90px; height: 80px; } section.cats-filters { border-top: 1px solid #e9edf2; } .nav-menus-wrapper .fl-wrap { padding: 0 10px; border: none; } .nav-menus-wrapper .fl-wrap.npd { padding: 0; } .nav-menus-wrapper .fl-wrap .main-search-item { border: 1px solid #e8ebef; width: 100%; margin-bottom: 15px; height: auto; border-radius: 6px; overflow: hidden; } .nav-menus-wrapper .main-search-button .btn { width: 100%; } .half-map.small-map .fs-inner-container { width: 100%; } .small-map .fs-left-map-box .hm-map-container.fw-map { width: 100%; } } @media (max-width: 991px) { .Rego-counter ul { flex-direction: inherit; margin: 1rem 0; } .Rego-counter ul li { display: flex; flex: 0 0 33.333333%; margin: 1rem 0; } } @media (max-width: 767px) { .nav-brand img { max-width: 100px; position: relative; top: -1px; } .Rego-all-drp.d-flex.justify-content-end { justify-content: flex-start !important; } .crp_box.fl_color .dro_140 { margin-bottom: 1rem; } /* .navigation-portrait .nav-brand { margin-left: 34px; } */ .lg-heading { font-size: 30px; line-height: 1.1; } .overlio { margin-top: -50px; } .home-banner .btn { padding: 12px 18px; font-size: 14px; } .accordion .card-header button { font-size: 15px; } .mfliud { margin-top: 1rem; } .mfliud-bot { margin-bottom: 1rem; } .footer_widget { padding: 25px 0 25px; } ul.company-summeries-list>li { width: 100%; } h1 { line-height: 28px; font-size: 24px; } h2 { line-height: 25px; font-size: 20px; } .slick-prev { left: -10px; } .slick-next { right: -10px; } .dash-msg-inbox { display: none; } .dashboard-content table.table { min-width: 700px; } .main-search-wrap { margin-top: 0px; padding: 0; background: transparent; } .main-search-item, .half-column .main-search-item { float: left; width: 100%; background: #ffffff; border-radius: 6px; overflow: hidden; margin-bottom: 15px; } .main-search-button .btn { position: relative; width: 100%; border-radius: 6px; } .Rego-search-shadow { margin: 20px 0 0; border: 1px solid #f0f3f8; box-shadow: none; } .Rego-search-shadow .main-search-item, .main-search-wrap .main-search-item:first-child { border: 1px solid #e8ebef; } .Rego-search-shadow .main-search-wrap { border: none; } .nav-tabs.search-tab li { margin: 5px auto; } .nav-tabs.search-tab .nav-link { border-radius: 50px; padding: 0.5rem 1.2rem; font-size: 13px; margin-right: 10px; } .Rego-all-drp { display: inline-flex; flex-wrap: wrap; } .Rego-all-drp .Rego-single-drp { margin-bottom: 10px; } .vrt-list-wrap-head { display: flex; flex-direction: column; } .vrt-list-thumb { margin: 0 0 10px; } .Rego-ops-bhri { left: 5%; } .Rego-lkp-flex.d-flex { display: block !important; } .Rego-lkp-thumb { margin-bottom: 1rem; } .Rego-lkp-caption.ps-3 { padding: 0 !important; } .ftl-diope { top: 50px; bottom: auto; } .ftl-diope .btn { font-size: 13px; } .Rego-all-features-list ul li { width: 50%; flex: 0 0 50%; /* align-items: flex-start; */ } .dsd-single-item .dsd-item-title { min-width: 110px; } .dsd-single-book-footer .btn { height: 36px; padding: 0 14px; font-size: 12px; } .dsd-single-bookings-wraps { display: block; } .dsd-single-book-caption { padding: 0; margin-top: 7px; } .sticky-top { position: -webkit-relative; position: relative; top: 0px; } .auth-filter-headers { display: block; } .auth-filter-headers-title { margin-bottom: 1rem; } .abt-caption-head h1 { font-size: 32px; line-height: 1.1; margin-bottom: 1.2rem; } .option-log .single-log-opt .log-btn { padding: 10px 10px; font-size: 12px; } .modal-body.p-5 { padding: 3rem 1rem !important; } } @media (max-width: 600px) { .m-catrio { font-size: 13px !important; } .blog-page .article_detail_wrapss .comment-area .all-comments article .article_comments_thumb { width: 50px; } .blog-page .article_detail_wrapss .comment-area .all-comments article .article_comments_thumb img { max-width: 50px; border-radius: 50%; } .blog-page .article_detail_wrapss .comment-area .all-comments .comment-list ul li ul { padding-left: 25px; list-style: none; } } @media (max-width:360px) {} /*==================================== Bottom To top Scroll =====================================*/ #back2Top { width: 40px; line-height: 40px; overflow: hidden; z-index: 999; display: none; cursor: pointer; position: fixed; bottom: 10px; right: 20px; text-align: center; font-size: 15px; border-radius: 4px; text-decoration: none; background: #333c56; color: #ffffff; } #back2Top:hover { background-color: #ffffff; color: #333c56; } .cookie-bar-wrap { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; background: #ffffff; padding: 25px 0; box-shadow: 0 0 15px rgba(0, 0, 0, .1); } .cookie-bar-action { display: inline-block; } .nav-menu.nav-menu-social.align-to-right a:hover { color: #1565c0 !important; } .nav-menu.nav-menu-social.align-to-right .btn_primary a:hover { color: #ffffff !important; } .pending_tag { top: 120px; background: #fd7e14; padding: 10px 20px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; } .pending_tag { color: #fff; font-size: 15px; left: -7px; line-height: 1; padding: 7px 14px; position: absolute; top: 6px; transition: all .2s ease 0; z-index: 2; border-top-right-radius: 25px; border-bottom-right-radius: 25px; } .pending_tag::before { border-style: solid; border-width: 0 7px 7px 0; bottom: -7px; content: ""; height: 0; left: 0; position: absolute; width: 0; border-color: transparent #fd7e14 transparent transparent; } .pending_tag.reject { background: #ff5151 !important; } .pending_tag.approved { background: #39b939 !important; } .pending_tag.approved::before{border-color: transparent #39b939 transparent transparent !important;} .pending_tag.reject::before{ border-color: transparent #ff5151 transparent transparent !important; }.author-wrap-ngh-thumb img { width: 80px; height: 80px; text-align: center; margin: auto; } .author-wrap-ngh-thumb { text-align: center; }.Rego-grid-thumb {background: #fafafa;border-radius: 3px;text-align: center !important;display: flex;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;height: 220px;overflow: hidden;}.Rego-grid-thumb img {width: auto !important;max-height: 220px;display: block;margin-left: auto;margin-right: auto;overflow: hidden;}.v_gap {position: absolute;width: 100%;height: 180px;top: -50px;z-index: 0;background: linear-gradient(to right, #2674ba, #f26222);-webkit-transform: skewY(-4deg);transform: skewY(-4deg);}.v_business {position: relative;padding: 0 0 35px;background: #F6F7F9;overflow: hidden;border: 1px solid #EEE;border-radius: 12px;}.v_header {color: #fff;padding: 20px 0 0;text-align: center;width: 100%;z-index: 1;height: 130px;position: relative;}.v_header i {font-size: 35px;}.v_business a.blue_button {margin: 0 auto;background: #f26222;}.v_business a.report_button {margin: 15px auto 0;}.blue_button,.report_button {font-size: 16px;line-height: 40px;text-align: center;display: block;width: 220px;background: #ffffff;color: #000;position: relative;border-radius: 50px;padding: 4px 0px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}.v_business .text {padding: 50px 12px 0px 12px;font-size: 16px;line-height: 28px;color: #555;max-width: 744px;margin: auto;}.Rego-bookmark-btn button {width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: none;border: none;color: #000000;background: #e9e7e7;cursor: pointer;}.pricing .price {color: rgb(17 24 39);font-size: 24px;font-weight: 600;}.pricing .price sub {font-weight: 500;}.pricing .btn-primary{border-radius: 6px;font-size: 16px;font-weight: 500;margin-bottom: 20px;}.pricing .plan-features ul li {font-size: 15px;padding: 1px 0px;color: #000;padding-left: 25px;position: relative;}.pricing .plan-features ul li:before {position: absolute;top: 7px;color: #00b600;left: 0;font-family: "Font Awesome 5 Free";font-weight: 800;content: "\f00c";font-size: 12px;}.pricing {border: 1px solid #e6e6e6;padding: 15px 30px;border-radius: 12px;background: #fff;}.pricing .plan-features ul li.close:before {content: "\f00d";color: red}.pricing .plan-features ul li.close { color: #999;}@media screen and (max-width:767px) {.navigation-portrait .nav-menu>li>a {height: auto;width: 100%;padding: 0px 12px;font-size: 15px !important;text-align: center;}.pricing {padding:20px;}}.pricing .price-name {color: rgb(17 24 39);font-size: 24px;font-weight: 400;margin-bottom: 10px;}.pricing_title {font-size: 25px;font-weight: 600;color: #212121;}.bg_light {background: #f0f0f0;}
/* =========================
   MONA CHATBOT
========================= */

.mona-chatbot {
    position: fixed;
    bottom: 60px;
    right: 11px;
    z-index: 999999;
    font-family: Arial, sans-serif;
}

/* =========================
   FLOAT BUTTON
========================= */

.mona-toggle {

    height: 62px;
    padding: 0 20px;
    border-radius: 50px;

    background: linear-gradient(135deg, #ed6b0f, #f54d03);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    cursor: pointer;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.18),
        0 4px 10px rgba(245, 77, 3, 0.25);

    transition: all 0.3s ease;

    color: #fff;

    user-select: none;
}

/* HOVER */

.mona-toggle:hover {

    transform: translateY(-3px);

    box-shadow:
        0 14px 35px rgba(0, 0, 0, 0.22),
        0 6px 14px rgba(245, 77, 3, 0.35);
}

/* ICON */

.mona-icon {

    font-size: 24px;
    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    line-height: 1;
}

/* TEXT */

.mona-toggle-text {

    font-size: 15px;
    font-weight: 600;
    color: #fff;

    white-space: nowrap;
    line-height: 1;
}

/* CHAT BOX */

.mona-box {
    width: 380px;
    height: 500px;
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(0,0,0,0.15);
    position: absolute;
    bottom: 10px;
    right: 0;
    display: none;
    flex-direction: column;
    animation: monaShow 0.25s ease;
}

/* OPEN STATE */

.mona-box.active {
    display: flex;
}

/* HEADER */

.mona-header {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    color: white;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mona-header-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mona-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
}

.mona-header h3 {
    margin: 0;
    font-size: 16px;
}

.mona-header span {
    font-size: 12px;
    opacity: 0.9;
}

.mona-close {
    background: transparent;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

/* BODY */

.mona-body {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    background: #f7f8fc;
}

/* WELCOME */

.mona-welcome h2 {
    margin-top: 0;
    color: #111827;
    font-size: 24px;
}

.mona-welcome p {
    color: #6b7280;
    margin-bottom: 20px;
}

/* SUGGESTIONS */

.mona-suggestions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.mona-suggestions button {
    background: white;
    border: 1px solid #ddd;
    padding: 10px 14px;
    border-radius: 14px;
    cursor: pointer;
    transition: 0.2s;
    font-size: 13px;
}

.mona-suggestions button:hover {
    background: #4f46e5;
    color: white;
    border-color: #4f46e5;
}

/* CHAT MESSAGES */

.bot-message,
.user-message {
    margin-bottom: 15px;
    margin-top: 10px;
    max-width: 85%;
    padding: 14px;
    border-radius: 16px;
    line-height: 1.5;
    font-size: 14px;
}

.bot-message {
    background: white;
    color: #111827;
    border-top-left-radius: 5px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.user-message {
    background: #4f46e5;
    color: white;
    margin-left: auto;
    border-top-right-radius: 5px;
}

/* FOOTER */

.mona-footer {
    padding: 15px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 10px;
    background: white;
}

.mona-footer input {
    flex: 1;
    height: 48px;
    border: 1px solid #ddd;
    border-radius: 14px;
    padding: 0 15px;
    outline: none;
    font-size: 14px;
}

.mona-footer input:focus {
    border-color: #4f46e5;
}

.mona-footer button {
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    color: white;
    cursor: pointer;
    font-size: 18px;
}

/* SCROLLBAR */

.mona-body::-webkit-scrollbar {
    width: 6px;
}

.mona-body::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 20px;
}

/* ANIMATION */

@keyframes monaShow {

    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

}

/* MOBILE */

@media(max-width: 480px){

    .mona-box{
        width: calc(100vw - 20px);
        height: 500px;
        right: 0;
        bottom: 80px;
    }

}

/* =========================
   HEADER ACTIONS
========================= */

.mona-header-actions{
    display:flex;
    align-items:center;
    gap:10px;
}

/* =========================
   EXPAND BUTTON
========================= */

.mona-expand,
.mona-close{

    width:36px;
    height:36px;

    border:none;

    border-radius:10px;

    background:rgba(255,255,255,0.15);

    color:#fff;

    cursor:pointer;

    font-size:18px;

    display:flex;
    align-items:center;
    justify-content:center;

    transition:0.3s;
}

.mona-expand:hover,
.mona-close:hover{

    background:rgba(255,255,255,0.25);

    transform:scale(1.05);
}

/* =========================
   EXPANDED CHAT MODE
========================= */

.mona-box.expanded{

    width:700px !important;

    height:85vh !important;

    max-height:85vh;

    transition:0.3s ease;
}

/* MOBILE */

@media(max-width:768px){

    .mona-box.expanded{

        width:95vw !important;

        height:90vh !important;

        right:0 !important;
    }
}

/* =========================
   TYPING ANIMATION
========================= */

.typing-area{
    display:flex;
    align-items:center;
    gap:5px;
    padding:5px 0;
}

.typing-area span{
    width:8px;
    height:8px;
    background:#999;
    border-radius:50%;
    animation:typingBounce 1.3s infinite;
}

.typing-area span:nth-child(2){
    animation-delay:0.2s;
}

.typing-area span:nth-child(3){
    animation-delay:0.4s;
}

@keyframes typingBounce{

    0%{
        transform:translateY(0);
        opacity:0.5;
    }

    50%{
        transform:translateY(-5px);
        opacity:1;
    }

    100%{
        transform:translateY(0);
        opacity:0.5;
    }

}