html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
font-family: 'Roboto', sans-serif;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
img{max-width:100%;}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type="text"], input[type="email"], input[type="tel"]{
border: none;
/*box-shadow: inset 20px 20px 60px #f1f1f1,
inset -20px -20px 60px #adadad;*/
border: none!important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus{
box-shadow: inset 20px 20px 60px #f1f1f1,
inset -20px -20px 60px #adadad!important;
border: none;
}
.topbar {
width: 100%;
position: absolute;
z-index: 2;
padding:10px 0px;
}
ul.right_menu {
float: right;
width: auto;
margin: 0;
padding: 0;
}
ul.right_menu li {
float: left;
}
ul.right_menu li a {
padding: 10px 15px;
display: inline-block;
color: #fff;
text-decoration: none;
}
.main_sectionslider {
height: 100vh;
overflow: hidden;
position:relative;
}
.main_sectionslider .item {
position: relative;
height: 100vh;
}
.main_sectionslider .item:after{display:block; content:''; position:absolute; background:rgba(0, 0, 0, .66); width:100%; height:100%;}
.main_sectionslider .item img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
}
.main_sectionslider .sliderabove_content {
width: 100%;
position: absolute;
top: 50%;
z-index: 1;
text-align: center;
left: 50%;
transform: translate(-50%, -50%);
}
.bottombar_section {
background: #1da4e2;
padding: 10px;
color:#fff;
position: fixed;
width: 100%;
bottom: 0px;
z-index: 999;
}
.slider_search {max-width: 800px;margin: auto;}
.slider_search form.form-inline {
display: flex;
justify-content: center;
width: 100%;
}
.slider_search form.form-inline select {
padding: 15px 20px;
border-radius: 40px;
width:180px;
border: none;
font-size: 16px;
color: #000;
font-weight: 600;
}
.slider_search form.form-inline .form-group {
margin: 0 10px;
}
.slider_search form.form-inline .form-group input {
padding: 15px 30px;
border: none;
border-radius: 40px;
width:350px;
}
.slider_search button.btn.btn-primary {
background: #4682B4;
border: none;
border-radius: 35px;
padding: 15px 55px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
}
.main_sectionslider .sliderabove_content .slidercontent_inner {
display: block;
width: 100%;
}
.main_sectionslider .sliderabove_content .slidercontent_inner .logo {
margin-bottom: 50px;
}
ul.left_menu {
float: left;
width: auto;
margin: 0 !important;
padding: 0 !important;
}
ul.left_menu li {
float: left;
}
ul.left_menu li a {
text-decoration: none;
color: #fff;
padding: 10px 25px;
text-transform: uppercase;
font-size: 13px;
}
p.textright {
float: right;
width: auto;
margin: 0;
font-size: 14px;
}
.main_sectionslider .bannerslider_category .item {
height: inherit;
}
.main_sectionslider .bannerslider_category .item:after{display:none;}
.main_sectionslider .bannerslider_category .categoryimg {
height: 148px;
width: 148px;
overflow: hidden;
border-radius: 50%;
position: relative;
margin-bottom: 20px;
display:inline-block;
}
.main_sectionslider .bannerslider_category .categoryimg img {
height: 100%;
}
.main_sectionslider .bannerslider_category .categorytitle {
float: left;
width: 100%;
}
.main_sectionslider .bannerslider_category .categorytitle h6 {
color: #fff;
}
.bannerslider_category {
margin-top: 100px;
}
body#listingpage .topbar {
position: inherit;
}
body#listingpage .topbar ul.right_menu li a, li.dropdown {
color: #000;
font-weight: 500;
font-size: 14px;
cursor: pointer;
}
body#listingpage .topbar ul.right_menu li a svg {
color: #4682B4;
margin-right:2px;
}
body#listingpage .topbar ul.right_menu li:hover a {
color: #4682B4;
}
li.dropdown a:hover {
color: #4682B4;
}
li.dropdown a:hover a{
color: #000;
}
.searchsection {
background: #4682B4;
padding: 15px 0px;
width: 100%;
color:#fff;
}
.searchsection form.search-filter {
display: inline-flex;
justify-content: center;
width: 100%;
}
.searchsection form.search-filter .Location {
background: #fff;
margin-right:20px;
}
.searchsection form.search-filter .Location input {
padding:10px 15px;
border: none;
width:450px;
}
.searchsection form.search-filter .searchdate {background: #fff;}
.searchsection form.search-filter .searchdate input {
padding: 10px;
border: none;
width:250px;
}
.searchsection form.search-filter button.Searchbtn {
background: #1da4e2;
border: none;
color: #fff;
padding: 10px 30px;
text-transform: uppercase;
}
.searchsection form.search-filter .searchdate svg {
margin: 0px 15px;
}
section.range-slider {
position: relative;
width: 200px;
height: 35px;
text-align: center;
}
section.range-slider input {
pointer-events: none;
position: absolute;
overflow: hidden;
left: 0;
top: 15px;
width: 200px;
outline: none;
height: 18px;
margin: 0;
padding: 0;
}
section.range-slider input::-webkit-slider-thumb {
pointer-events: all;
position: relative;
z-index: 1;
outline: 0;
}
section.range-slider input::-moz-range-thumb {
pointer-events: all;
position: relative;
z-index: 10;
-moz-appearance: none;
width: 9px;
}
section.range-slider input::-moz-range-track {
position: relative;
z-index: -1;
background-color: rgba(0, 0, 0, 1);
border: 0;
}
section.range-slider input:last-of-type::-moz-range-track {
-moz-appearance: none;
background: none transparent;
border: 0;
}
section.range-slider input[type=range]::-moz-focus-outer {
border: 0;
}
.listingsections {
padding: 45px 0px;
}
.listingsections .sidebar_filter {
display: block;
width: 100%;
}
.listingsections .sidebar_filter .filterbox {
display: block;
width: 100%;
border: 1px solid #ddd;
margin-bottom:30px;
}
.listingsections .sidebar_filter .filterbox h5 {
margin: 0;
background: #1da4e2;
padding: 10px 15px;
color: #fff;
font-weight: normal;
font-size: 18px;
}
.listingsections .sidebar_filter .filterbox .filterbox_inner {
padding: 20px;
background: #fff;
}
.listingsections .sidebar_filter .filterbox .filterbox_inner section.range-slider {
width: 100%;
}
.listingsections .sidebar_filter .filterbox .filterbox_inner section.range-slider input {
width: 100%;
}
.lsiting_header {
background: #808080;
padding: 10px;
color: #fff;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.lsiting_header .left {
float: left;
width: auto;
}
.lsiting_header .right {
float: right;
width: auto;
align-items: center;
display: flex;
}
.lsiting_header .right select.form-select {
float: right;
width: auto;
margin-left: 10px;
}
.listing_list {
display: flex;
border: 1px solid #1da4e2;
margin: 20px 0px;
padding: 0;
/* align-items: center;*/
justify-content: space-between;
background: #fff;
}
.listing_list .listing_right {
background: #1da4e2;
padding: 30px;
color: #fff;
text-align: left;
width: 20%;
}
.listing_list .listinglogo {
width: 20%;
text-align: center;
padding: 0px 0px;
}
.listing_list .listing_center {
width: 60%;
padding: 30px 16px;
}
.listing_list .listing_center h6 a {
font-size: 20px;
color: #808080;
font-weight: bold;
margin: 0;
text-decoration: none;
}
.listing_list .listing_center strong a{ width: 100%;
font-size: 18px!important;
color: #1da4e2;
margin-bottom: 10px;
font-weight: bold;
padding: 10px 0px;
line-height: normal;
display: inline-block;
text-decoration: none;
}
.listing_list .listing_center p {
float: left;
width: 100%;
font-size: 14px;
color: #000;
margin-bottom: 12px;
line-height: 22px;
}
.listing_list .listing_center ul.pointlist li i {
margin-right: 4px;
}
.listing_list .listing_center ul.pointlist {
float: left;
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
.listing_list .listing_center ul.pointlist li {
font-size: 13px;
color: #626262;
margin-bottom: 8px;
line-height: 20px;
}
.listing_list .listing_right .listprice {
float: left;
width: 100%;
margin-bottom: 10px;
font-size: 20px;
font-weight: 600;
}
.listing_list .listing_right .listprice strong {
font-size: 32px;
font-weight: 900;
}
.listing_list .listing_right .listsmall_logo {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
position: relative;
background: #fff;
overflow: hidden;
margin-bottom: 10px;
}
.listing_list .listing_right .listsmall_logo img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.listing_list .listing_right .smalldetails {
float: left;
width: 100%;
}
.listing_list .listing_right .smalldetails em {
font-size: 14px;
display: block;
margin: 10px 0px;
}
.smalldetails strong {
font-size: 16px!important;
font-weight: 800;
}
.listing_list .listing_right .smalldetails .star {
float: left;
width: 100%;
margin: 5px 0px 0px;
}
.listing_list .listing_right .smalldetails .star svg {
color: #eaff00;
font-size: 14px;
}
.listingsections .sidebar_filter .filterbox .filterbox_inner select.form-select {
margin-bottom: 10px;
font-size: 14px;
}
.listingsections .sidebar_filter button {
background: #4682B4;
border: none;
padding: 10px 30px;
text-align: center;
color: #fff;
border-radius: 35px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
}
.listingsections .sidebar_filter .filterbox .filterbox_inner section.range-slider span.rangeValues {
margin-bottom: 20px;
display: block;
width: 100%;
text-align: center;
}
.postdetails_banner {
text-align: center;
height: 450px;
overflow: hidden;
position: relative;
background: #ddd;
}
.postdetails_banner img {
width: 100%;
position: absolute;
height: 100%;
object-fit: cover;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.postdetails_sections .postdetails_leftcontent .post_detailscolm {
display: flex;
align-items: center;
}
.postdetails_sections .postdetails_leftcontent .post_detailscolm .postmain_logos {
width: 25%;
background: #fff;
box-shadow: 0px 0px 10px #ddd;
margin-top: -50px;
z-index: 9;
text-align: center;
padding: 20px 20px;
margin-right: 30px;
display: flex;
justify-content: center;
}
.postmain_detailscontact {padding: 15px;width: 70%;}
.postmain_detailscontact h3 {
font-size: 24px;
color: #2f2d7b;
font-weight: bold;
margin-bottom: 10px;
}
.postmain_detailscontact ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
line-height: 24px;
}
.postmain_detailscontact ul li {
color: #373737;
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.postmain_detailscontact ul li strong {
font-weight: 500;
color: #000;
margin-right: 10px;
}
.postdetails_leftcontent .postcontent_para {
margin-top: 25px;
}
.postdetails_sections .postdetails_sidebar {
background: #f1f1f1;
/*height: 100%;*/
z-index: 99;
position: relative;
border-radius: 30px 30px 0px 0px;
}
.postdetails_sections .postdetails_sidebar .sidebar_pricetop {
background: #4682B4;
padding: 10px 25px;
border-radius: 30px 30px 0px 0px;
font-size: 36px;
line-height: 54px;
color: #fff;
margin-top: -74px;
z-index: 9;
position: relative;
font-weight: 600;
}
.postdetails_sections .postdetails_sidebar .postdetails_info {
padding: 30px 25px;
display: flex;
}
.postdetails_sections .postdetails_sidebar .postdetails_info .postimage {
width: 50px;
height: 50px;
background: #fff;
border-radius: 100%;
display: block;
overflow: hidden;
margin-right: 10px;
}
.postdetails_sections .postdetails_sidebar .postdetails_info .postinforight {
width: calc(100% - 75px);
}
.postdetails_sections .postdetails_sidebar .postdetails_info .postinforight h6 {
float: left;
width: 100%;
font-size: 18px;
font-weight: bold;
margin: 0;
padding: 0;
line-height: 21px;
}
.postdetails_sections .postdetails_sidebar .postdetails_info .postinforight .star {
float: left;
width: 100%;
}
.postdetails_sections .postdetails_sidebar .postdetails_info .postinforight .star svg {
color: #4682B4;
font-size: 14px;
}
.postdetails_sections .postdetails_sidebar .postdetails_info .postinforight a.reviewlink {
display: block;
font-size: 13px;
color: #000;
}
.contactdetailssidebar {
padding: 10px 30px;
}
.contactdetailssidebar h6 {
font-size: 18px;
color: #000;
font-weight: bold;
margin: 0;
line-height: 28px;
}
.postdetails_sections .postdetails_sidebar .contactdetailssidebar ul.listcontact {
/*float: left;*/
width: 100%;
margin-top: 15px;
padding: 0;
}
.postdetails_sections .postdetails_sidebar .contactdetailssidebar ul.listcontact li {
color: #2e2e7c;
font-size: 14px;
margin-bottom: 5px;
line-height: 24px;
}
.postdetails_sections .postdetails_sidebar .contactdetailssidebar ul.listcontact li i {
margin-right: 5px;
}
.postdetails_sections .postdetails_sidebar .contactdetailssidebar ul.listcontact li a {
text-decoration: none;
color: #2e2e7c;
}
.postdetails_sections .postdetails_sidebar .contactdetailssidebar ul.listcontact li svg {
margin-right: 2px;
}
.bottom-section-form {
/*margin: 50px 0px;*/
padding: 50px 0 100px 0;
/*max-width: 950px;*/
width: 100%;
}
.bottom-section-form .common_error{
margin: 8px 0px;
}
div#service_success span {
line-height: 48px;
}
div#detailspage_tabsectin ul.nav.nav-tabs li button {
background: #1da4e2;
padding: 10px 35px;
color: #fff;
text-transform: uppercase;
border: none;
}
div#detailspage_tabsectin ul.nav.nav-tabs li {
margin-right: 10px;
line-height: 26px;
}
div#detailspage_tabsectin ul.nav.nav-tabs li button:hover, div#detailspage_tabsectin ul.nav.nav-tabs li button.active{background:#4682B4;}
.tabinner_open {
background: #f1f1f1;
padding: 35px;
}
.tabinner_open .imagetableft {
width: 100%;
}
.tabinner_open .imagetableft img {
width: 100%;
}
.tabinner_open .tabcontent_text {
float: left;
width: 100%;
}
.tabinner_open .tabcontent_text p {
color: #000;
line-height: 30px;
font-size: 16px;
margin-bottom: 16px;
}
.tabinner_open .tabcontent_text a.btnlatestnews {
background: #4682B4;
padding: 10px 30px;
display: inline-block;
border-radius: 30px;
color: #fff;
text-decoration: none;
text-transform: capitalize;
}
.jobposting_wapper {
background: #f1f1f1;
padding: 50px 0px;
}
.jobposting_wapper .jobposting_formbox {
border: 2px solid #4682B4;
padding: 0px 25px 25px;
background: #fff;
margin-bottom: 40px;
margin-top: 15px;
}
.jobposting_wapper .jobposting_formbox h6 {
display: inline-block;
background: #4682B4;
color: #fff;
padding: 10px 20px;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 25px;
}
.jobposting_wapper .jobposting_formbox .form-group {
width: 100%;
margin-bottom: 20px;
}
.jobposting_wapper .jobposting_formbox .form-group select, .jobposting_wapper .jobposting_formbox .form-group input {
padding: 12px 15px;
}
.jobposting_wapper .jobposting_formbox .row .col-sm-12:first-child {
margin-top: -18px;
}
.jobposting_wapper .mainpagetitle {
margin-bottom:25px;
}
.jobposting_wapper .mainpagetitle h2 {
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
color: #1da4e2;
}
.finalsubmit_btn {
text-align: left;
}
.finalsubmit_btn button.btn.btn-primary {
background: #4682B4;
border-color: #4682B4;
padding: 10px 50px;
border-radius: 0;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
transition: all 0.4s;
}
/*05-06-2023*/
.finalsubmit_btn .remember-me {
/* margin-top: 12px;
*/ margin-left: 12px;
}
.finalsubmit_btn input#reset_passwordForgot, .finalsubmit_btn input#resetsubmit {
background: #4682B4;
border-color: #4682B4;
padding: 10px 35px;
border-radius: 50px;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
border: 0px;
color: #fff;
}
/*body#listingpage .jobposting_wapper {
height: 100vh;
overflow: hidden;
position: relative;
}
*/
.finalsubmit_btn{
text-align: left!important;
/* margin-top: 16px;
*/
}
.jobposting_wapper .jobposting_formbox{
border: 2px solid #4682B4;
padding: 0px 50px 50px;
background: #fff;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
max-width: 650px;
margin: 40px auto;
}
.jobposting_wapper .jobposting_formbox label {
font-size: 16px;
font-weight: 500;
margin: 10px 0px;
}
.finalsubmit_btn a {
display: inherit;
margin: 10px 0px;
}
.finalsubmit_btn a.new-btn-form, .finalsubmit_btn a.click_here{
background: #1da4e2;
border:#1da4e2;
padding: 10px 35px;
border-radius: 50px;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
border: 0px;
color: #fff;
text-align: center;
text-decoration: none;
display: inline-block;
width: 100%;
}
.finalsubmit_btn a:hover{
color: #4682B4;
}
.finalsubmit_btn a.new-btn-form:hover{
color: #fff;
}
.finalsubmit_btn a {
margin: 10px 0px;
color: #000;
text-decoration: none;
font-weight: 500;
font-size: 14px;
display: initial;
float: right;
}
button.btn.btn-primary.create_account {
width: 100%;
}
.finalsubmit_btn p {
text-align: center;
margin: 10px 0px;
}
.finalsubmit_btn a.click_here {
text-align: center!important;
float: inherit;
display: inherit;
margin: 0px;
}
.icons {
text-align: center;
}
.icons span {
color: #3f3f3f;
font-size: 14px;
font-weight: 600;
display: block;
}
.icons ul li a i.fa-brands{
font-size: 45px;
float: left;
margin-left: 2px;
}
.icons ul li.google a img{
width: 44px;
float: left;
padding: 8px 10px;
background: #fff;
border-radius: 3px;
}
.icons p {
margin-top: 12px;
color: #646463;
font-weight: 600;
font-size: 13px;
}
.icons ul {
margin: 0px;
padding: 0px;
}
.icons ul li.facebook {
background: #3b5999;
border-radius: 4px;
margin-bottom: 16px;
}
.icons ul li.google {
background: #4081ec;
border-radius: 4px;
margin-bottom: 16px;
overflow: hidden;
border: 1px solid #4081ec;
}
.icons ul li.google a, .icons ul li.google a span {
color: #fff;
display: block;
text-align: center;
font-weight: 500;
font-size: 18px;
line-height: 40px;
}
.icons ul li a, .icons ul li a span {
text-decoration: none;
color: #fff;
font-size: 18px;
}
.icons ul li a span {
text-align: center;
margin-left: 8px;
font-weight: 500;
display: block;
line-height: 43px;
}
.icons {
margin-bottom: 30px;
}
body#listingpage {
background: #F1F1F1;
}
.register-form-main {
padding: 50px 0px;
}
.icons span p{
font-size: 16px;
font-weight: 600;
color: #646463;
}
.hide-show-password {
position: relative;
margin-bottom: 26px;
}
.passlink {
position: absolute;
right: 13px;
top: 13px;
}
.phide{
position: relative;
}
.phide:after{
content: '\f06e';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration:none;
position: absolute;
right: 0px;
}
.pshow{
position: relative;
}
.pshow:before{
content: '\f070';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration:none;
position: absolute;
right: 0px;
}
.finalsubmit_btn .btn-bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.form-bottom-space{
padding-bottom: 100px!important;
}
.form-bottom-space .icons {
margin-bottom: 0px;
}
/*08-06-2023*/
.remember-me label.form-check-label {
margin: 0px!important;
font-weight: 600;
}
/*06-06-2023*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
background: #e1e1e1!important;
}
/*07-06-2023*/
ul.right_menu {
display: flex;
align-items: center;
}
.dropdown {
float: right;
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
min-width: 180px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
right: 0;
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px!important;
text-decoration: none;
display: block!important;
border-bottom: 1px solid #f1f1f1;
}
body#listingpage .topbar ul.right_menu li:last-child:hover a{
color: inherit;
}
div#myDropdown a{
color: #4682B4;
}
.show {display: block;}
ul.tab-left-sidemain {
margin: 0px;
padding: 0px;
background: #fff;
}
a#showboxdiv, a#reviews {
padding-right: 15px;
}
ul.tab-left-sidemain li.nav-link, ul.tab-left-sidemain li {
border-bottom: 1px solid #d4d4d4;
border-radius: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
border-top: 0px !important;
/*margin: 0 10px;*/
}
ul.tab-left-sidemain li.nav-link, ul.tab-left-sidemain li:hover{
border-bottom: 1px solid #1da4e2;
}
ul.tab-left-sidemain li a{
display: block;
color: #000;
font-weight: 600;
text-decoration: none!important;
padding: 15px 5px 15px 19px;
}
ul.tab-left-sidemain li a svg{
color: #4682B4;
margin-right: 10px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, ul.tab-left-sidemain li a:hover {
background: #ffffff!important;
display: block;
color: #1da4e2!important;
padding: 15px 5px 15px 19px;
border-left: 0px !important;
border-right: 0px !important;
border-top: 0px !important;
text-decoration: none!important;
}
ul.tab-left-sidemain a.active{
background:#e5f3ff!important;
display: block;
color: #1da4e2!important;
border-bottom: 1px solid #1da4e2;
}
ul.tab-left-sidemain li.nav-link, ul.tab-left-sidemain li a:hover svg {
color: #1da4e2;
}
ul.tab-left-sidemain a.active svg{
color: #1da4e2;
}
.main-menu-left h4 {
margin: 0px;
background: #1da4e2;
border-radius: 0px;
padding: 23px 20px;
font-size: 16px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
.Profile-heading {
display: flex;
justify-content: space-between;
align-items: center;
background: #1da4e2;
padding: 16px 18px;
position: absolute;
width: 100%;
top: 0;
left: 0;
}
.Profile-heading h4{
margin: 0px;
color: #fff;
display: block;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
display: flex;
align-items: center;
}
.Profile-heading a.Profile-edit {
padding: 5px 20px;
background: #fff;
text-decoration: none;
font-size: 14px;
color: #1da4e2;
font-weight: 600;
}
.Profile-detalis {
display: flex;
justify-content: space-between;
}
.Profile-info {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0px;
}
.user-info ul li {
line-height: 30px;
color: #3f3f3f;
font-size: 14px;
}
.user-info ul li span {
color: #36a0de;
font-size: 18px;
font-weight: 600;
}
.Profile-star p {
margin: 0px;
}
.rating {
text-align: right;
line-height: 30px;
}
ul.rating-star {
margin: 0px;
padding: 0px;
}
ul.rating-star li {
display: inline-block;
}
.task span {
color: #f68b1f;
font-size: 22px;
}
.back-ground-blue {
background: #f2f9ff;
}
.about{
padding: 20px;
margin: 20px 0px;
}
.about h4, .like h4, .setting-form h4, .setting-form h3 {
display: block;
color: #000;
font-size: 18px;
font-weight: 600;
padding-bottom: 5px;
margin: 0px;
}
.about h5{
margin: 0px;
padding: 0px;
color: #000;
font-size: 16px;
font-weight: 600;
}
.setting-form h4 {
margin-bottom: 10px;
}
.about p{
color: #3f3f3f;
font-size: 14px;
line-height: 22px;
margin: 0px;
}
.back-ground-gray {
background: #f4f4f4;
}
/*.user-img-edit {
margin : 12px 0px;
}*/
img.thumb-image {
width: 100%;
height: 100%;
object-fit: cover;
}
a.upload {
padding: 8px 40px;
background: #ccc;
display: inline-block;
text-decoration: none;
color: #000;
font-size: 16px;
font-weight: 600;
}
.user-img-edit img {
width: 100%;
height: 100%;
object-fit: cover;
}
.Profile-edit-img {
margin: 20px 0px;
}
.Profile-form .form-group, .body-profile .form-group, div#detailspage_tabsectin .form-group{
width: 100%;
margin-bottom: 15px;
}
.Profile-form .form-group input, .Profile-form .form-group select, div#detailspage_tabsectin input{
padding: 12px 15px;
}
.gender {
display: flex;
align-items: center;
}
.female {
margin-left: 18px;
}
.Profile-form .finalsubmit_btn {
text-align: left;
margin-top: 20px;
}
.body-profile.Profile-form {
margin-top: 20px;
}
.col-sm-3 .form-group {
display: flex;
justify-content: space-between;
align-items: center;
}
.col-sm-3 .form-group label{
margin-right: 6px;
}
.btn-search button.Searchbtn {
background: #1da4e2;
border: none;
color: #fff;
padding: 10px 30px;
text-transform: uppercase;
}
.like span {
line-height: normal;
display: block;
color: #000;
font-size: 18px;
font-weight: 600;
padding-bottom: 5px;
}
.like {
margin-top: 24px;
}
.like.back-ground-blue {
margin: 0px;
padding: 20px;
}
.search-chat {
position: relative;
overflow: hidden;
width: 40%;
}
.search-chat input.form-control {
width: 100%;
}
.search-chat button:focus-visible, .search-chat input.form-control:focus-visible{
outline: none;
}
.search-chat button {
position: absolute;
right: 0;
top: 0px;
padding: 8px 15px;
width: auto;
border: 0px;
background: #1da4e2;
color: #fff;
border-radius: 0px 3px 3px 0px;
}
.search-chat input.form-control:focus{
box-shadow: none;
}
/*.contact-error p {
text-align: center;
background: #ccc;
}*/
.Contact-input {
margin: 20px 0px;
display: flex;
align-items: center;
justify-content: space-between;
}
.Contact-input input.form-control {
width: 80%;
}
.contact-notifition h3 {
margin: 0px;
font-size: 22px;
color: #212121;
}
.contact-notifition h3 {
font-size: 16px;
color: #000;
}
.Contact-input button {
padding: 6px 48px;
border: 0px;
color: #fff;
background: #1da4e2;
}
.setting-form {
margin: 20px 0px;
padding: 30px;
border-radius: 2px;
background: #f1f1f1;
/*border-bottom: 4px solid #4682B4;*/
}
.btn-section a {
background: #1da4e2;
border-color: #1da4e2;
padding: 5px 35px;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
margin-right: 20px;
text-decoration: none;
border: none;
color: #fff;
}
.language {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0px;
padding-bottom: 20px;
}
.language label{
font-weight: 600;
}
.email-edit span {
font-weight: 500;
margin-bottom: 4px;
display: block;
}
.email-edit span a {
color: #1da4e2;
text-decoration: none;
}
ul.checkbox-box {
margin: 0px;
padding: 0px 9px;
}
ul.checkbox-box li {
line-height: 30px;
}
.btn-section {
margin: 20px 0px;
}
.language-setting{
margin-bottom: 4px;
}
.box-show {
background: #fff;
padding-bottom: 100px;
border-bottom: 1px solid #d4d4d4;
}
.box-show ul{
margin: 0px;
padding: 0px;
background: #fff;
margin-bottom: 20px;
}
.box-show ul li {
background: #1da4e2;
padding: 15px 20px;
color: #fff;
font-weight: 600;
}
.open {
display: flex;
align-items: center;
justify-content: space-between;
}
.notification {
line-height: 28px;
}
.box-show p {
padding: 20px;
}
.remember-me label.form-check-label {
margin: 0px!important;
font-weight: 600;
}
div#myDropdown a:hover {
color: #4682B4!important;
}
:focus-visible {
outline: -webkit-focus-ring-color auto 0px;
}
/* 19-06-2023 Neeraj css*/
.user-img {
width: 150px;
height: 150px;
text-align: center;
line-height: 150px;
background: #fff;
box-shadow: inset 20px 20px 60px #f6f6f6, inset -20px -20px 40px #ffffff;
border: 2px solid #4682B4;
margin-right: 20px;
}
.user-info li strong {
font-weight: 800;
}
textarea#editor {
border: none;
box-shadow: inset 20px 20px 60px #f1f1f1, inset -20px -20px 60px #adadad;
border-radius: inherit;
font-size: 16px;
color: #000;
width: 100%;
min-height: 90px;
resize: none;
padding: 12px 15px;
}
textarea#editor:placeholder{
color: #a7a7a7;
}
.task {
background: #0db102;
padding: 10px 20px;
}
.task p {
color: #fff;
font-weight: 600;
}
.task span {
font-weight: 600;
display: inline-block;
width: 30px;
height: auto;
background: #fff;
text-align: center;
}
.user_more_detail {
display: flex;
align-items: inherit;
justify-content: left;
}
.about.back-ground-blue.about_user {
width: 50%;
}
.about.back-ground-gray.user_services {
width: 50%;
}
.Profile-bottom p {
background: #e91f1f;
padding: 16px 18px;
margin: 0px;
color: #fff;
display: block;
font-size: 14px;
font-weight: 600;
}
.Verified span {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background: #1da4e2;
line-height: 15px;
text-align: center;
margin-left: 5px;
}
.Verified span svg {
color: #fff;
font-size: 10px;
}
.Verified p {display: flex;justify-content: end;align-items: center;}
.proile_edit_detail {
display: flex;
align-items: start;
padding: 50px 0;
}
.proile_edit_detail form {
width: 80%;
padding: 0 0 0 20px;
}
.Profile-edit-img {
margin: initial;
width: 200px;
margin-bottom: 3px;
text-align: center;
border: 1px solid #fff;
}
span#image-holder-business_logo img.thumb-image {
width: 200px!important;
height: 200px!important;
object-fit: cover;
}
.Profile-form .form-group input, .Profile-form .form-group select {
border: none;
box-shadow: inset 20px 20px 60px #f1f1f1,
inset -20px -20px 60px #adadad;
border-radius: inherit;
font-size:16px;
color: #000;
}
.Profile-form .form-group input::placeholder, .Profile-form .form-group select option:first-child {
color: #a7a7a7
}
.profile_image_upload {
position: relative
}
.profile_image_upload .text {
position: relative;
padding: 10px 20px;
background: #4682B4;
text-transform: uppercase;
font-size: 10px;
font-weight: 800;
cursor: pointer;
}
.profile_image_upload input.fileupload {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
cursor: pointer;
font-size: 14px;
transform: translate(-50%, -50%);
width: 100%;
}
.finalsubmit_btn button.btn.btn-primary:hover {
background: #1da4e2;
border-color: #1da4e2;
}
.jobposting_wapper div.tab-content {
position: relative;
}
.jobposting_wapper .tab-pane{
padding-top: 100px!important;
}
.Profile-heading h4 svg {
margin-right: 10px;
font-size: 14px;
padding: 10px;
background: #fff;
color: #1da4e2;
}
.email_popup {
position: fixed;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 70%);
top: 0;
left: 0;
display: none;
}
.inner_email_popup {
background: #fff;
width: 500px;
padding: 70px 40px 40px 40px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.email_popup_heading {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #1da4e2;
padding: 10px;
text-align: center;
}
.email_popup_heading h3 {
color: #fff;
font-size: 16px;
text-transform: uppercase;
margin: 0;
font-weight: 600;
}
.email_update_form form input {
width: 100%;
font-size: 16px;
box-shadow: inset 20px 20px 60px #f1f1f1,
inset -20px -20px 60px #adadad;
border: none;
padding: 10px;
margin-bottom: 20px;
}
.email_update_form form button {
border: none;
background: #1da4e2;
padding: 5px 50px;
color: #fff;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
span.close {
position: absolute;
top: -20px;
right: -15px;
z-index: 9;
font-size: 30px;
color: #fff;
}
.email_popup.open {
display: block;
}
.service_info {
padding: 10px;
background: #4682B4;
margin: 20px 0;
border-bottom: 4px solid #04212e;
}
.service_info h5 {
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
}
.notification_list{
padding:30px;
background:#f4f4f4;
}
.contact-error p{
padding: 10px;
background: #e10707;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
}
.service_info.message_search {
display: flex;
justify-content: space-between;
align-items: center;
}
ul.tab-left-sidemain li.nav-link:last-child, ul.tab-left-sidemain li:last-child {
border-bottom: 0;
}
.user_set .setting-form input {
box-shadow: none;
padding: 10px 20px;
}
.pixelarity-img-edit {
background-color: rgb(0 0 0 / 80%)!important;
z-index: 99999!important;
}
div#pixelarity-side-opt-holder, div#pixelarity-filter-opt-con {
display: none!important;
}
.pixelarity-img-edit-act {
background-color: #ffffff!important;
}
/*editor*/
.ck.ck-content.ck-editor__editable p {
padding-bottom: 24px!important;
}
.ck.ck-content.ck-editor__editable strong, .postdetails_leftcontent .postcontent_para strong, .about.back-ground-blue strong {
font-weight: bold!important;
}
.ck.ck-content.ck-editor__editable i, .postdetails_leftcontent .postcontent_para i, .about.back-ground-blue i {
font-style: italic!important;
}
.ck.ck-content.ck-editor__editable ol, .postdetails_leftcontent .postcontent_para ol, .about.back-ground-blue ol {
margin-left: 40px!important;
list-style: decimal!important;
}
.ck.ck-content.ck-editor__editable ul, .postdetails_leftcontent .postcontent_para ul, .about.back-ground-blue ul {
margin-left: 40px!important;
list-style: disc!important;
}
.postdetails_leftcontent .postcontent_para li, .about.back-ground-blue ul li, .about.back-ground-blue ol li {
font-size: 14px;
line-height: 24px;
margin-bottom: 18px;
color: #212529;
}
blockquote {
display: block;
}
blockquote p::after {
content: '\201D';
}
blockquote p::before {
content: '\201C';
}
.ck.ck-dropdown.ck-heading-dropdown, span.ck.ck-toolbar__separator, span.ck-file-dialog-button, button.ck.ck-button.ck-disabled.ck-off {
display: none;
}
#editor {
width: 100%;
/* margin: 50px auto 50px auto;
*/ padding: 7px 20px 20px 20px;
border: 1px solid #464646;
border-radius: 10px;
background: #fafafa;
}
#editor #toolbar {
margin-left: -20px;
margin-right: -20px;
border-bottom: 1px solid #464646;
padding: 8px 20px;
overflow: hidden;
}
#editor #page {
padding-top: 30px;
min-height: 300px;
outline: none;
}
#toolbar .icon {
float: left;
height: 30px;
line-height: 30px;
width: 40px;
margin-right: 10px;
background: #fafafa;
font-size: 0.8rem;
color: #464646;
text-align: center;
cursor: pointer;
}
#toolbar .icon:hover {
border-color: #3e7086;
color: #3e7086;
}
.common_error{
color: red;
margin-bottom:15px;
font-size: 14px;
}
.Profile-heading h4 i {
margin-right: 5px;
}
input.form-control, select, .form-control:focus, .jobposting_formbox .form-group select,
.filterbox_inner select.form-select, .input-groupNo select, .input-groupNo select:focus, textarea#message {
box-shadow: inset 20px 20px 60px #fff, inset -20px -20px 60px #adadad;
border-radius: 4px;
border: none;
}
.listing_center.page_description_all p big strong {
font-size:26px!important;
color: #1da4e2;
}
.listing_center.page_description_all p strong {
color: #000;
padding: 0px;
font-weight: 500;
}
.listing_center.page_description_all ol {
margin-left: 17px!important;
list-style: decimal!important;
}
.listing_center.page_description_all p {
float: inherit;
}
.listing_center.page_description_all strong {
float: inherit !important;
}
input#flexCheckDefault {
margin: 0px;
}
.form-inline input.form-control, select {
box-shadow: inherit;
}
.tox-notifications-container {
display: none;
}
.user-img-edit {
height: 200px;
}
.table-responsive {
margin-top: 20px;
}
table#exampletable thead {
background: #1da4e2;
color: #fff;
border: 1px solid #1da4e2;
line-height: 30px;
border-radius: 0px;
}
table#exampletable tbody tr {
border: 1px solid #1da4e2;
}
.filterbox_inner h6 {
font-size: 16px;
font-weight: 500;
line-height: 26px;
color: #282529;
margin: 6px 0px;
}
.ck.ck-content.ck-editor__editable.ck-rounded-corners {
height: 300px;
}
.listing_list .listinglogo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.listingsections.detailspage {
padding: 0px;
background: #fff;
}
.star i.fa-star {
color: #4682B4;
font-size: 14px;
margin: 8px 2px;
}
.postinforight em {
line-height: 21px;
}
.postcontent_para p {
color: #212529;
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 15px;
}
.tabinner_open .tabcontent_text a.btnlatestnews{
line-height: 26px;
font-size: 18px;
}
/*05-07-2023*/
.chosen-container-multi .chosen-choices {
box-shadow: inset 20px 20px 60px #f1f1f1, inset -20px -20px 60px #adadad;
position: relative;
overflow: hidden;
margin: 0;
padding: 12px 15px!important;
width: 100%;
height: auto;
border: 0px solid #aaa!important;
background-color: inherit!important;
background-image: inherit!important;
background-image: inherit!important;
font-size: 16px!important;
color: #000!important;
}
.chosen-container-active .chosen-choices {
border: 0px solid #5897fb!important;
-webkit-box-shadow: inset 20px 20px 60px #f1f1f1, inset -20px -20px 60px #adadad!important;
box-shadow: inset 20px 20px 60px #f1f1f1, inset -20px -20px 60px #adadad!important;
position: relative;
overflow: hidden;
margin: 0;
padding: 12px 15px!important;
}
/*10-07-2023*/
span.input-group-btn input#search, span.input-group-btn input.btn.btn-default {
background: #1da4e2;
border-color: #1da4e2;
padding: 6px 20px;
border-radius: 0;
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
color: #fff;
letter-spacing: 1px;
transition: all 0.4s;
margin:0px 10px;
}
a.btn.btn-info.btn-xs {
margin-bottom: 8px;
padding: 6px 20px;
}
div#myDropdown {
z-index: 9;
}
textarea.contact-us {
width: 100%;
height: 200px;
box-shadow: inset 20px 20px 60px #f1f1f1, inset -20px -20px 60px #adadad;
border-radius: 4px;
border: none;
padding: 12px 15px;
}
.listing_list .listing_right .smalldetails .star .star i.fa-star{
color: #fff;
}
.listing_center.page_description_all {
width: 100%;
padding: 40px;
}
.listing_center.page_description_all p{
color: #212529;
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 15px;
/*text-align: justify;*/
}
.listing_center.page_description_all strong{
margin-bottom: 0px;
}
.cke_inner {
display: none!important;
}
div#detailspage_tabsectin input, div#detailspage_tabsectin textarea {
background: #f1f1f1;
}
li.search_mobile{
display: none;
}
/*responsive*/
@media(max-width:1400px){
.searchsection form.search-filter .searchdate input{
width: 208px;
}
.searchsection form.search-filter .Location input{
width: 420px;
}
}
@media(max-width:1200px){
.searchsection form.search-filter .Location input {
width: 325px;
}
.postdetails_sections .postdetails_sidebar .sidebar_pricetop {
font-size: 30px;
}
.container, .container-md, .container-sm {
max-width: 100%;
padding: 0 20px;
}
.main_sectionslider .bgimagesldier img {
object-fit: cover !important;
background-size: cover;
height: 100%;
}
.main_sectionslider .bannerslider_category .categorytitle h6{line-height:24px;}
}
@media(max-width:999px){
ul.tab-left-sidemain li a{
font-size: 12px;
}
.searchsection form.search-filter .searchdate input {
width: 152px;
}
.searchsection form.search-filter .Location input {
width: 200px;
}
.language{
display: grid;
margin-bottom: 0px;
}
.english, .language-setting{
margin-bottom: 15px;
}
.btn-section {
margin: 20px 0px;
display: flex;
}
ul.left_menu li a{
padding: 8px 4px;
}
.postdetails_sections .postdetails_sidebar .sidebar_pricetop {
font-size: 20px;
text-align: center;
}
.postdetails_sections .postdetails_sidebar .postdetails_info {
padding: 15px 10px;
display: flex;
}
.postdetails_sections .postdetails_sidebar .postdetails_info .postinforight h6 {
font-size: 14px;
}
.star i.fa-star {
font-size: 12px;
margin: 0;
}
.postdetails_sections .postdetails_sidebar .sidebar_pricetop, .contactdetailssidebar {
padding: 0px 10px;
}
.searchsection form#frmSearchJob .col-sm-3 {
width: 50%;
}
.searchsection form#frmSearchJob .col-sm-6 {
width: 100%;
margin-top: 15px;
}
.searchsection form#frmSearchJob .col-sm-6 .input-group input {
border-radius: 3px;
}
span.input-group-btn input {
margin-right: 0!important;
}
.Profile-edit-img {
width: 100%;
}
.proile_edit_detail form {
width: 100%;
padding: 0;
}
}
@media(max-width:768px){
.slider_search form.form-inline .form-group {
margin: 0;
}
.searchsection form.search-filter .Location input {
width: 187px;
}
.searchsection form.search-filter .searchdate input {
width: 142px;
}
.container, .container-sm {
max-width: 715px!important;
}
.jobposting_wapper .col-md-3 {
width: 30%!important;
float: left!important;
}
.jobposting_wapper .col-md-9 {
width: 70%!important;
float: right!important;
}
ul.left_menu li a{
padding: 6px 3px;
}
.Profile-form .col-sm-6 {
width: 100%;
}
.listing_list {
display: block;
}
.listing_list .listinglogo {
width: 100%;
height: 300px;
}
.listing_list .listinglogo img {
object-fit: cover;!important;
}
.listing_list .listing_center{
width: 100%;
}
.listing_list .listing_center strong, .listing_list .listing_center p, .listing_list .listing_center ul.pointlist {
float: none;
}
.listing_list_outer {
display: flex;
gap: 10px;
}
.listing_list_outer .listing_list {
width: calc(50% - 5px);
}
.listing_list .listing_center h6 a {
font-size: 20px;
margin-bottom: 10px;
display: inline-block;
}
.listing_list .listing_right {
display: flex;
padding: 30px 10px;
width: 100%;
}
.listing_list .listing_right .listprice strong {
font-size: 20px;
}
.listing_list .listing_right .listprice {
font-size: 14px;
}
.listing_list .listing_right .listsmall_logo {
width: 30px;
height: 30px;
}
.star i.fa-star {
font-size: 12px;
margin: 0px;
}
.main_sectionslider .sliderabove_content .slidercontent_inner .slider_search {
max-width: 100% !important;
}
.main_sectionslider .sliderabove_content .slidercontent_inner .slider_search form.form-inline {
display: block;
width: 100%;
}
.main_sectionslider .sliderabove_content .slidercontent_inner .slider_search form.form-inline .form-group {
width: 100%;
margin-bottom: 15px;
}
.main_sectionslider .sliderabove_content .slidercontent_inner .slider_search form.form-inline select, .main_sectionslider .sliderabove_content .slidercontent_inner .slider_search form.form-inline input {
width: 100%;
}
.postdetails_sections .row .col-sm-9, .postdetails_sections .row .col-sm-3{
width: 100%;
}
.postdetails_sections .postdetails_sidebar .sidebar_pricetop {
background: #4682B4;
padding: 8px 25px;
border-radius: 0px ;
font-size: 26px;
line-height: 54px;
color: #fff;
margin-top: 0px;
z-index: 9;
position: absolute;
font-weight: 600;
left: 0;
width: 100%;
top: 0;
}
.postdetails_sections .postdetails_sidebar .postdetails_info {
padding: 36px 10px;
}
.bottombar_section {
position: inherit;
}
.listing_center p {
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.listing_list_outer .listing_list {
width: calc(100% - 0px);
}
.postdetails_sections .postdetails_sidebar {
padding-bottom: 30px;
padding-top: 50px;
}
}
@media(max-width:686px){
.jobposting_wapper .col-md-3 {
width: 100%!important;
float: inherit!important;
margin-bottom: 30px;
}
.jobposting_wapper .col-md-9 {
width: 100%!important;
float: inherit!important;
}
ul.tab-left-sidemain li a{
font-size: 14px;
}
.btn-search{
margin-bottom: 20px;
}
.searchsection form.search-filter {
display: grid;
justify-content: inherit;
width: 100%;
}
.searchsection form.search-filter .Location{
margin-bottom: 20px;
margin-right: 0px;
}
.searchsection form.search-filter button.Searchbtn {
position: absolute;
bottom: 0px;
right: 0px;
}
form.search-filter button.Searchbtn {
width: 20%;
}
.searchdate {
width: 80%;
float: left;
}
form.search-filter {
position: relative;
}
.topbar .row{
align-items: center;
}
ul.right_menu li a{
padding: 10px 6px;
}
.bottombar_section {
text-align: center!important;
}
.btn-section {
margin: 20px 0px;
display: flex;
}
.setting-form{
padding: 15px;
}
.bottombar_section .row .col-sm-6 {
width: 100%;
text-align: center;
justify-content: center;
display: flex;
}
ul.left_menu {
float: none;
}
}
@media(max-width:560px){
.postdetails_banner {
height: 300px;
}
.setting-form a{
padding: 10px 20px;
font-size: 14px;
}
.searchsection form.search-filter button.Searchbtn {
position: inherit;
bottom: 0px;
right: 0px;
width: 100%;
}
.searchdate {
width: 100%;
float: left;
}
ul.right_menu {
display: flex;
align-items: center;
justify-content: center;
float: inherit;
}
body#listingpage .topbar {
text-align: center;
}
.Profile-heading h4, .Profile-bottom h4 {
font-size: 20px;
}
.user-info ul {
padding: 0px;
}
.searchsection form#frmSearchJob .col-sm-6 {
margin: 0;
}
.searchsection form#frmSearchJob .col-sm-6 .input-group {
display: block;
width: 100%;
}
.searchsection form#frmSearchJob .col-sm-6 .input-group input {
width: 100%;
margin-bottom: 10px;
margin: 0px 0px 10px 0px;
}
.searchsection form#frmSearchJob span.input-group-btn {
width: 100%;
}
.searchsection form#frmSearchJob span {
display: block;
margin: 10px 0px 10px 0px;
text-align: center;
display: inline-block;
width: 100%;
}
.searchsection form#frmSearchJob .col-sm-3{width:100% !important; margin-bottom:15px;}
.Profile-info, .Profile-detalis{
display: block;
}
.rating {
text-align: left;
}
.Verified p {
justify-content: start;
}
.about.back-ground-blue h4 {
margin-bottom: 30px;
}
.about.back-ground-blue h4 {
margin-bottom: 30px;
}
.about.back-ground-blue ol li, .about.back-ground-blue ul li {
line-height: 24px;
font-size: 14px;
margin-bottom: 10px;
}
.about.back-ground-blue ol, .about.back-ground-blue ul{
padding-left: 0;
margin-left: 15px!important;
}
.task {
padding: 5px 20px;
display: inline-block;
}
.proile_edit_detail{
/*padding: initial;*/
display: block;
}
.proile_edit_detail form {
width: 100%;
padding: 0;
}
table#exampletable tr td, table#exampletable tr th {
display: block;
}
table#exampletable tr td {
padding: 15px 10px;
border-bottom: 1px solid #1da4e2;
}
table#exampletable tr td:last-child {
border-bottom: 0;
}
table#exampletable tr th {
border-bottom: 1px solid #fff;
}
table#exampletable tr th:last-child {
border-bottom: 0;
}
table#exampletable tr:nth-child(even){
background: #f1f1f1;
}
ul.left_menu li {
float: none;
margin-bottom: 10px;
}
p.textright {
float: none;
width: 100%;
background: rgb(0 0 0 / 50%);
padding: 10px 0;
}
.listing_center.page_description_all {
padding: 30px 20px;
}
li.search_mobile{
display: block;
}
.searchsection{
display: none;
}
.slider_search form.form-inline .form-group {
margin: 0;
}
.topbar .container {
width: 100%;
padding: 0!important;
}
.topbar .row {
max-width: 100%;
margin: 0;
}
.topbar .container .col-sm-6 {
padding: 0;
}
.topbar {
padding: 0;
}
.topbar ul.right_menu {
background: #4682b4;
padding: 10px 0;
}
.topbar ul.right_menu li a{
color: #fff!important;
}
.topbar .headerlogo {
padding: 15px 0;
background: #fff
}
.topbar .headerlogo img {
width: 200px;
max-width: 100%;
}
div#myDropdown a {
color: #000!important;
text-align: initial;
}
.jobposting_wapper .tab-pane, .jobposting_wapper .edit-pane {
padding: 60px 30px 30px 30px!important;
}
.jobposting_wapper .jobposting_formbox {
padding: 0px 20px 20px;
}
.proile_edit_detail, .service-table {
padding: 30px 0;
}
.input-groupNo {
margin-bottom: 12px;
}
}
@media(max-width:480px){
.listing_list_outer .listing_list {
width: 100%;
}
.listing_list .listing_right {
display: block;
}
.listing_list .listing_right .smalldetails, .listing_list .listing_right .smalldetails .star {
float: none;
}
}
#suggestions {
list-style-type: none;
padding: 0;
margin: 0;
border: 1px solid #ccc;
max-width: 300px;
position: absolute;
background: #000;
z-index: 1000;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#suggestions li {
display: flex;
align-items: center;
padding: 8px;
cursor: pointer;
gap: 10px;
}
#suggestions li:hover {
background-color: #f0f0f0;
}
#suggestions li img {
width: 20px;
height: 20px;
}
.job_profile_search #suggestions {
width: 490px;
max-width: 100%;
background: #fff;
}
.job_profile_search #suggestions li {
color: #7F7F7F;
border-bottom: 1px solid #ccc;
}
.job_profile_search #suggestions li:hover {
background: #EFEFEF;
}
.job_profile_search #suggestions li img {
filter: brightness(0);
opacity: 0.5;
}