/* wrk-theme.css — consolidated from theme.css + theme_1.css */ @charset "utf-8"; /* CSS Document */ /**/ /* .login_page_form input:-webkit-autofill, .login_page_form input:-webkit-autofill:hover, .login_page_form input:-webkit-autofill:focus { border: 1px solid #d9d9d9; -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #FFF200 inset; transition: background-color 5000s ease-in-out 0s; } */ .tBtn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 16px;font-weight: bold;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;box-shadow:0 1px 4px rgba(0,0,0,0.16);} .tBtn-lg {padding: 10px 20px;font-size: 18px;line-height: 1.3333333;} .btnDefault { background:#E6E6E6; color:#090909; border:1px solid #E6E6E6;} .btnDefault:focus, .btnDefault:hover, .btnDefault.active, .btnDefault:active, .btnDefault.active.focus, .btnDefault.active:focus, .btnDefault.active:hover, .btnDefault:active.focus, .btnDefault:active:focus, .btnDefault:active:hover { background:#424242; color:#FFF200; border:1px solid #424242;} .btnPrimary { color:#090909; background:#FFF200; border:1px solid #FFF200;} .btnPrimary:focus, .btnPrimary:hover, .btnPrimary.active, .btnPrimary:active, .btnPrimary.active.focus, .btnPrimary.active:focus, .btnPrimary.active:hover, .btnPrimary:active.focus, .btnPrimary:active:focus, .btnPrimary:active:hover { background:#424242; color:#FFF200; border:1px solid #424242;} /* Style.css overwrite*/ .guestUser .wrapper_sub { overflow: visible; } #sidebar-header{ background-color: #707070; } #sidebar-nav{ background-color: #333333; !important; } #profile-info{ background-color: #333333; !important; border-bottom: 1px solid; } #sidebar-nav #sidebar-header { background-size: cover; } #sidebar-nav #sidebar-header #profile-info > img { max-width: 75px; box-shadow: 0 0 0 1px #fff200;} #sidebar-nav .header-menu-center a, #header_tab_menu .header-menu-right a {/* font-family: 'Montserrat', sans-serif;*/ font-weight: bold;font-size: 14px;padding: 0 40px;height: auto;background: #fff200;color: #000;border: none;border-bottom: 4px solid #ffd800;box-shadow: none;border-radius: 4px;line-height: 40px;display: inline-block;text-transform: uppercase;} #sidebar-nav { position: fixed; overflow-y: auto; right: auto; bottom: auto; height: 100vh;} #sidebar-nav::-webkit-scrollbar { width: 10px; } #sidebar-nav::-webkit-scrollbar-thumb {background: #666;border-radius: 20px;} #sidebar-nav::-webkit-scrollbar-track {background: #ddd;border-radius: 20px;} #sidebar-nav .header-menu-center a:active, .header-menu-right a:active, .btn-yellow:focus, .btn-yellow:hover { box-shadow: none;} .btn-yellow:active { transform: translateY(2px);} .header-menu-right a:first-child { float: right; margin-top: 8px; width: 200px; text-align: center;} .header-menu-right a .fa { font-size: 2em; margin-right: 10px; vertical-align: -30%;} .guestUser .containertopreset img { max-width: 60px; } /*.wrk-offer-detail div.dataTables_wrapper {min-width: 1566px;}*/ .wrk-offer-detail .dataTable thead { background:transparent; } .wrk-offer-detail .dataTable thead th { background:none !important;} .wrk-offer-detail .table-dataa table thead th { font-size: 12px;} .wrk-offer-detail table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { border-bottom: #d9d4d4 solid 1px;} .wrk-offer-detail .table-dataa table tr.before-last td { border-bottom: none !important; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { bottom: 50%; transform: translateY(50%);} .wrk-offer-detail .table-dataa table { padding-bottom: 0; } .wrk-offer-detail div.dataTables_wrapper div.dataTables_info {position: absolute; left: 25px; bottom: 20px; font-family: Museo-Bold;} .wrk-offer-detail div.dataTables_wrapper div.dataTables_paginate { /*position: absolute; bottom: 0; right: 0*/ float: right; margin-top: -53px;} .wrk-offer-detail .dataTables_wrapper .dataTables_paginate .paginate_button.previous a, .wrk-offer-detail .dataTables_wrapper .dataTables_paginate .paginate_button.next a { border: none; overflow: hidden; color: #b5b5b5; background-color: transparent;} .wrk-offer-detail .dataTables_wrapper .dataTables_paginate .paginate_button.previous a:before, .wrk-offer-detail .dataTables_wrapper .dataTables_paginate .paginate_button.next a:before { font-family: "FontAwesome"; line-height: 30px; font-size: 20px; display: block;} .wrk-offer-detail .dataTables_wrapper .dataTables_paginate .paginate_button.previous a:before { content: "\f053"; margin-right: 5px;} .wrk-offer-detail .dataTables_wrapper .dataTables_paginate .paginate_button.next a:before { content: "\f054"; margin-left: 5px;} .wrk-offer-detail .dataTables_wrapper .dataTables_paginate .paginate_button { background:none !important; padding: 0; border: none !important;} .wrk-offer-detail .pagination>li>a, .wrk-offer-detail .pagination>li>span { background:none; border-radius: 50%; border:#b5b5b5 solid 1px; border-radius: 50%; width: 30px; height: 30px; line-height: 28px; padding: 0; color: #424242; font-size: 16px; font-family: Museo-Bold; background-color: #f6f5f5;} .wrk-offer-detail .pagination li.active a, .wrk-offer-detail .pagination > .active > a:focus, .wrk-offer-detail .pagination > .active > a:hover, .wrk-offer-detail .pagination > .active > span, .wrk-offer-detail .pagination > .active > span:focus, .wrk-offer-detail .pagination > .active > span:hover { color: #333;} .wrk-offer-detail .table-dataa .table-responsive { padding-bottom: 150px } .wrk-offer-detail .info-alert.workOfferAlert h3 { color: red; } .workOfferAlert p a { color: #337ab7; } .workOfferAlert p a:hover { color: #000; } .input-field { margin-top: 0; } .select-wrapper input.select-dropdown {font-size: 22px; font-family: 'Museo-Regular';} .guestUser .form-buttons button { border-radius:4px;} .guestUser .form-buttons button.btn-yellow { border-bottom: 6px solid #ffd800;} .guestUser .form-buttons button.btn-yellow:hover { background-color:#fff200; } .guestUser .form-buttons button.btn-gray { border-bottom: 6px solid #939393;} .sign-title{text-align: center;margin: 15px 0 50px 0;} .sign-title h2{font-size: 43px;font-family: Museo-Regular;color: #424242;margin-bottom: 0;margin-top: 10px;} .sign-title span{font-size: 30px;font-family: Museo-Light;color: #b5b5b5;display: block;} .fas-sign label.basic-radio{display: inline-block;} .fas-sign label.basic-radio:nth-last-of-type(1){margin-left: 40px;} .form-buttons{margin-bottom: 30px;} .form-buttons button{border-radius: 0;border: none;box-shadow: none;margin: 0;} .form-buttons button.btn-default:hover{box-shadow: none !important;background-color: #838383;} .form-buttons button.btn-default{background-color: #a4a4a4;text-align: center;font-family: 'Museo-Bold';font-size: 16px;height: 50px;padding: 7px 40px !important;border: none;margin-right: 20px;} .wrkr-timeline .timeline-bullet-box{width: 33.33%;} .profile-section-heading{margin: 0;border-left:#fff200 solid 8px;font-family: Museo-SemiBold;font-size: 30px;color: #424242;display: flex;align-items: center;} .profile-section-heading img{padding: 0 7px;} .sign-title{text-align: center;margin: 15px 0 50px 0;} .sign-title h2{font-size: 43px;font-family: Museo-Regular;color: #424242;margin-bottom: 0;margin-top: 10px;} .sign-title span{font-size: 30px;font-family: Museo-Light;color: #b5b5b5;display: block;} .fas-sign label.basic-radio{display: inline-block;} .fas-sign label.basic-radio:nth-last-of-type(1){margin-left: 40px;} .form-buttons{margin-bottom: 30px;} .form-buttons button{border-radius: 0;border: none;box-shadow: none;margin: 0;} .form-buttons button.btn-default:hover{box-shadow: none !important;background-color: #838383;} .form-buttons button.btn-default{background-color: #a4a4a4;text-align: center;font-family: 'Museo-Bold';font-size: 16px;height: 50px;padding: 7px 40px !important;border: none;margin-right: 20px;} .wrkr-timeline .timeline-bullet-box{width: 33.33%;} .profile-section-heading{margin: 0;border-left:#fff200 solid 8px;font-family: Museo-SemiBold;font-size: 30px;color: #424242;display: flex;align-items: center;} .profile-section-heading img{padding: 0 7px;} .checkmark {top:50% !important;transform: translate(0,-50%);} #work_offered_dt_wrapper { min-width: 1566px; } .acknowledgement-last button.btn.btn[disabled] { border-bottom-color: #000; } .acknowledgement-last button.btn:hover { background-color:#fff200; color: #000 !important; border-bottom-color: #ffd800;} .acknowledgement-last button.btn:hover a { color:#000; } .acknowledgement-last button.btn:active { transform: translateY(2px);} #cometchat_embed_synergy_container { width: 100%;height: auto !important;min-height: calc(100vh - 248px);max-width: 100%;border: 1px solid #CCCCCC;border-radius: 5px;overflow: hidden;padding-top: 45%;position: relative;} #cometchat_embed_synergy_container iframe {min-height: 100% !important;min-width: 100%;width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .editprofile form .saveBtn, .editprofile form .saveBtn2 { width: auto; } .editprofile form .btn_new {min-width: 135px;padding: 12px 25px !important;height: auto;border-radius: 0;font-family: 'Raleway', sans-serif;font-weight: bold;box-shadow: 0 2px 5px rgba(0,0,0,.18);} .editprofile form .btn.bg_grey {color: #424242 !important;background-color: #a4a4a4 !important;} .exp-header p span i.pending-status{ color: #f05228;} .auto-save-button.red-save a {border-color: #f05228;color: #f05228;background-color: transparent;max-width: 400px; padding: 20px 40px;} .auto-save-button.red-save.mobBtn { position: relative; z-index: 11000;} .auto-save-button.red-save.mobBtn a { max-width: none; } .rejectedPage .exp-header img { float: left; } .rejectedPage .exp-header p { display: block; overflow: hidden; padding-left: 10px; } .notiWrap .notification_wrapper .wrk_psd_content p { text-align: left; padding: 0; } .notiWrap .notification_wrapper .wrk_psd_content .reminder-feature p { padding: 10px 10px 5px 10px; } .notiWrap {} .beAwareWrap { color:#424242; font-size: 16px; font-weight: bold; padding:15px 15px 15px 60px; margin:20px 0; border: 1px solid #d9d9d9; border-radius: 5px / 2px; background:url(../images/be_aware.png) 10px center no-repeat #f9f9f9;} .beAwareWrap span { color: red; } .beAwareBtns .yBtn { text-align: center; margin: 0 15px; padding:0 15px; width: 112px; font-weight: bold; font-size: 13px; background-color:#fff200;color: #000; border-bottom: 3px solid #ffd800; border-radius: 3px; line-height: 38px; display: inline-block;} .beAwareBtns .yBtn:active { transform: translateY(2px);} .beAwareBtns .yBtn + img { margin-left: 30px; } .accountPage .ulockd-site-full { border: 4px solid #686868; -moz-border-radius: 3px / 4px; -webkit-border-radius: 3px / 4px; border-radius: 3px / 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #414141; -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2); box-shadow: 0 2px 5px rgba(0,0,0,.2); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSI1MCUiIHI9Ijc1JSIgPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTI1MjUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzYzNjM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KPC9yYWRpYWxHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); background-image: -moz-radial-gradient(center center, circle, #525252 0%, #363636 100%); background-image: -o-radial-gradient(center center, 150px 150px, #525252 0%, #363636 100%); background-image: -webkit-radial-gradient(center center, 150px 150px, #525252 0%, #363636 100%); background-image: radial-gradient(center center, 150px 150px, #525252 0%, #363636 100%); } .acctBtns { margin: 15px 0; background:url(../images/horizontal-seprator.png) bottom center/100% no-repeat; padding-bottom: 10px;} .acctBtns a { display:block; width: 150px; margin:10px auto; text-align: center; font-size: 14px; text-transform: capitalize; border-radius: 3px; line-height: 28px;} .acctBtns a.acctBtn { color:#fff; border: 1px solid #fff; text-indent: 20px;} .acctBtns a:hover { font-weight: normal; } .acctBtns a.acctBtn:hover { color: #fef200; border-color: #fef200; } .acctBtns a.viewProBtn { background: url(../images/view-icon.png) 10px center no-repeat; } .acctBtns a.viewProBtn:hover { background-image: url(../images/view-icon-hover.png); } .acctBtns a.editProBtn { background: url(../images/edit-icon.png) 10px center no-repeat; } .acctBtns a.editProBtn:hover { background-image: url(../images/edit-icon-hover.png); } .acctBtns a.comProBtn { background-color:#fff200;color: #000; border-bottom: 3px solid #ffd800; width: 180px; margin-top: 15px; line-height: 34px; font-weight: bold;} .acctBtns a.comProBtn .fa { margin-right: 5px; } .acctBtns a:active { transform: translateY(2px);} .accountNav ul li a { padding-left: 35px; text-align: left; line-height: 28px; display: block; background: url(../images/inbox-icon.png) left top no-repeat; margin:10px 0;} .accountNav ul li a:hover { font-weight: normal; } .accountNav ul li a.inboxIcon { background-image: url(../images/inbox-icon.png);} .accountNav ul li a.trasIcon { background-image: url(../images/trans-icon.png);} .accountNav ul li a.accSettIcon { background-image: url(../images/acc-setting-icon.png);} .accountNav ul li a.myTickIcon { background-image: url(../images/ticket-my-icon.png);} .accountNav ul li a.creatTicketIcon { background-image: url(../images/ticket-add-icon.png);} .accountNav ul li a.inboxIcon:hover { background-image: url(../images/inbox-icon-hover.png);} .accountNav ul li a.trasIcon:hover { background-image: url(../images/trans-icon-hover.png);} .accountNav ul li a.accSettIcon:hover { background-image: url(../images/acc-setting-icon-hover.png);} .accountNav ul li a.myTickIcon:hover { background-image: url(../images/ticket-my-icon-hover.png);} .accountNav ul li a.creatTicketIcon:hover { background-image: url(../images/ticket-add-icon-hover.png);} /*Account Settings*/ .left_side_menu li.payment { background-image: url(../images/pay-icon.png);} .left_side_menu li.active.payment, .left_side_menu li.payment:hover { background-image: url(../images/pay-icon-hover.png);} /*End Account Settings*/ /* Start profilerow*/ .pervProfile#view-profile .img-profilerow { max-height:128px; } .pervProfile .worker-detailswrapper .media-left { padding-right: 25px; } .pervProfile .worker-detailswrapper .media-left a { margin: 0 auto; max-width: 128px; } .pervProfile .proPicBtn { margin:20px 0; border-radius: 3px;background-clip: padding-box;background-color: #fff100;box-shadow: 0 2px 4px rgba(0,0,0,.25);border:none;font-size: 12px;color:#424242;line-height: 34px;width: 140px;} #view-profile #bgimage a { border-radius: 3px; box-shadow: 0 3px 5px rgba(0,0,0,.2); } #view-profile .worker-status {font-family: 'Museo-Light';font-size: 20px;color: #424242;margin-top: 15px;} #view-profile .worker-from img { max-height: 30px; } .statusWork { margin-top: 10px; margin-bottom: 0; } .statusWork img { margin-bottom: 5px; } .nanogallery_theme_default { text-align: center;} .nanogallery_theme_default .nanoGalleryContainer {} .nanogallery_theme_default .nanoGalleryContainerParent { padding:10px; border:1px solid #c9c9c9; border-radius: 3px; background-color:#fafafa; margin: 0 auto 50px;} .nanogallery_theme_default:after, .nanogallery_theme_default .nanoGalleryContainerParent:after { content: ""; display: block; clear: both; } .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer { border:none; background-color: transparent;} .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .imgContainer { margin: 0; background-color: transparent; } .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination, .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPaginationDot { position: absolute; width: 100% !important; bottom: -50px; left: 0;} .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationItem { font-family: 'Montserrat', sans-serif; border:1px solid #c9c9c9; background-color: #fafafa; font-size: 16px; color:#868686; width: 34px; height: 30px; line-height: 28px; border-radius: 2px; font-weight: 500;} .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .currentPage { text-decoration: none; border-color: #424242; background-color:#fff200; color:#000; } .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationNext, .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationPrev { font-family: "FontAwesome"; } .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .labelImage { margin: 0; } .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .labelDescription { color:#868686; text-shadow: none; } /*.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationNext, .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationPrev { line-height: 30px; overflow: hidden; width: 10px; height: 30px; } .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationNext:before, .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationPrev:before { content: "\f054"; display: block; font:normal normal normal 14px/30px FontAwesome; color: #424242;} .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationPrev:before { content: "\f053"; }*/ .perforDetails {border: 1px solid #d9d9d9;border-radius: 4px;background-clip: padding-box;background-color: #f9f9f9; margin: 15px; font-size: 20px; padding: 5px 0;} .perforDetails th { color:#424242; font-family: 'Museo-Bold'; } .perforDetails th, .perforDetails td { padding:5px 25px; } .perforDetails td { text-align: right; } .statistics-upwrapper .statusImg { max-width: 100%; } /* End Profilerow*/ /**/ .safetyupwrapper .uploadbox p.boxfirsttext { padding-top: 50px;} .safetyupwrapper .uploadbox p.boxsecondtext { padding-bottom: 0; } .safetyupwrapper .uploadbox p.boxthirdtext { padding-top: 35px; margin-bottom: 0; padding-bottom: 0;} .drivNote { color:#424242; background-color: #fafafa; border:1px solid #b5b5b5; display: table; table-layout: fixed; width: 100%; margin-bottom: 35px;} .drivNote .drivCell { display: table-cell; padding: 10px; vertical-align: middle; font-size: 16px; font-family:Museo-SemiBold; line-height: normal;} .drivNote .drivCell:first-of-type { width: 58px; border-right: 1px solid #b5b5b5;} .safetywrapper .buttons-row .second-button.yBtnB, .safetywrapper .buttons-row .second-button.gBtnB {border-radius: 1px; box-shadow: 0 2px 5px rgba(0,0,0,.18);} .safetywrapper .buttons-row .second-button.yBtnB {background-color: #fdf100;} .safetywrapper .buttons-row .second-button.gBtnB {background-color: #a4a4a4;} .safetywrapper .buttons-row .second-button.yBtnB a, .safetywrapper .buttons-row .second-button.gBtnB a { color:#424242; } .safetywrapper .buttons-row .second-button.yBtnB:active, .safetywrapper .buttons-row .second-button.gBtnB:active { transform: translateY(2px);} .safetywrapper .buttons-row .second-button.gBtnB:hover { background: #424242;} .safetywrapper .buttons-row .second-button.gBtnB:hover a { color: #fff200; } /**/ /*New Button*/ /*#sidebar-nav #sidebar-header #profile-info { padding: 30px 30px 40px; }*/ #sidebar-logo{ height: 75px; width: 399px; background-color: #444444; !important; border-right: #202020; } .sidebarBtn { height: 40px; width: 298px; !important; padding: 0 0 0 30px; margin-top: -27px; z-index: 110; position: relative; } #bs-example-navbar-collapse-1 ul li.active a, #bs-example-navbar-collapse-1 ul li a { padding: 0 18px; line-height: 78px; } .headerRight { text-align: right; } .headerRight .newButton { margin:10px 0 0; } .btnFace { position: relative; left: 9px; top: -3px; padding-left: 2px; } #sidebarpostwork{ margin-top: 35px; margin-bottom: 5px; font-weight: 500; height: 50px; width: 100%; padding: 14px 15px !important; font-size:16px; text-align: center; border-bottom: #DB9332 solid 3px; border-radius: 4px; } #sidebarpostwork img{ margin-top: -4px; } #nav-item-about{ background-color: #333333; } .newButton { font-family: 'Montserrat', sans-serif; font-size: 22px; background: #fff200; /*border-top: 1px solid #db9332;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 0 1px #ad7222, 0 5px 0 0px #d8a031, 0 5px 0 1px #6a4415, 0 10px 0 1px rgba(0,0,0,.2); -moz-box-shadow: 0 0 0 1px #ad7222, 0 5px 0 0px #d8a031, 0 5px 0 1px #6a4415, 0 10px 0 1px rgba(0,0,0,.2); box-shadow: 0 0 0 1px #db9332, 0 5px 0 0px #ffd200, 0 5px 0 1px #5a3a13, 0 10px 0 1px rgba(0,0,0,.2); color:#000; display: inline-block; font-weight: 900; margin-bottom: 20px; padding: 6px 25px 7px 20px; text-decoration: none; text-shadow: 0 1px 1px rgba(255,255,255,0.5); } .newButton.hover, .newButton:hover { color:#000; background: #fff200; /*border-top: 1px solid #fffa4c;*/ -webkit-box-shadow: 0 0 0 1px #ad7222, 0 5px 0 0px #ffd200, 0 5px 0 1px #6a4415, 0 9px 0 1px rgba(0,0,0,.2); -moz-box-shadow: 0 0 0 1px #ad7222, 0 5px 0 0px #ffd200, 0 5px 0 1px #6a4415, 0 9px 0 1px rgba(0,0,0,.2); box-shadow: 0 0 0 1px #ad7222, 0 5px 0 0px #ffd200, 0 5px 0 1px #6a4415, 0 10px 0 1px rgba(0,0,0,.2); } .newButton.active, .newButton:active { color:#000; background: #efe300; /*border-top: 1px solid #e0d500;*/ -webkit-transform: translate(0, 3px); -moz-transform: translate(0, 3px); -o-transform: translate(0, 3px); transform: translate(0, 3px); -webkit-box-shadow: 0 0 0 1px #702d00, 0 3px 0 0px #a06000, 0 3px 0 1px #620010, 0 5px 0 1px rgba(0,0,0,.2); -moz-box-shadow: 0 0 0 1px #ad7222, 0 5px 0 0px #d8a031, 0 5px 0 1px #6a4415, 0 5px 0 1px rgba(0,0,0,.2); box-shadow: 0 0 0 1px #702d00, 0 3px 0 0px #a06000, 0 3px 0 1px #200100, 0 6px 0 1px rgba(0,0,0,.2); } .newButton:visited { color: #000; } /*End New Button*/ /**/ .profile .photo__zoom input[type=range]::before { left: -20px; top: -2px; } .photo__zoom input[type=range].zoom--minValue::before, .photo__zoom input[type=range].zoom--maxValue::after { color: #e8e4e4;} .photo__zoom input[type=range]::after {right: -23px;top: -4px;} /**/ /*Signup popup*/ .btn-tologin:hover { background:url('../images/loginarrow.png') 90% center no-repeat #424242; } .signupPop .loginpage { position: relative; } .signupPop .closeBtn {position: absolute;right: 0;top: -26px;color: #a2a1a1;font-size: 30px;} .signupPop .closeBtn:hoevr { color:#424242; } .signupPop .loginpage .toploginheading h2 { font-size: 32px; } .signupPop .resetinput input.form-control { height: 40px; font-size: 16px; } .signupPop .resetinput input[type="submit"] { margin-top: 15px; } /**/ label.accounttype:first-of-type { padding-left: 0; } #nav-item-search{ background-color: #333333; !important; } #nav-item-contact{ background-color: #333333; } #nav-item-policies{ background-color: #333333; } #nav-item-help{ background-color: #333333; } #sidebar-nav #sidebar-nav-list #nav-item-search a {background-image: url(../images/side48.png); -webkit-animation-delay: 0.6s; animation-delay: 0.6s;} #sidebar-nav #sidebar-nav-list #nav-item-search:hover a {background-image: url(../images/side48-hover.png);} .ratingBox { position: relative; width: 40px; line-height: 30px; text-align: center; display: inline-block !important; border-radius: 3px; color: #fff;font-family: "Montserrat";font-size:15px;font-weight: bold;text-shadow: 0 1px 5px rgba(0,0,0,.15);} .ratingBox:before { content:attr(data-rating); position: absolute; left: 0; top:50%; width: 100%; line-height: 1; transform: translate(0,-50%); } .ratingBox.ratingBoxLarge { width: 70px; line-height: 58px; border-radius: 8px; font-size: 26px; max-height: 60px; max-width: 4vw; height: 3.3vw; border-radius: .5vw; font-size: 1.5vw; line-height: 2.5;} .ratingBox.ratingGray { background-color:#e0e0e0; border:1px solid #c9c9c9; } .ratingBox.ratingRed { background-color:#e8450c; border:1px solid #c03d10; } .ratingBox.ratingOrange { background-color:#ff7800; border:1px solid #d66603; } .ratingBox.ratingBrown { background-color:#ffae00; border:1px solid #d59100; } .ratingBox.ratingYellow { background-color:#fff200; border:1px solid #ffd800; } .ratingBox.ratingGreen { background-color:#a5ea00; border:1px solid #9bdb02; } .wprWrap .ratingBox { width: 35px; line-height: 28px; margin-left: 2px; } .workerRating .ratingBox { width: 20px; line-height:15px; font-size: 8px; } .rating-secondimage { margin-top: -2px; display: inline; } .btn-tologin { max-width: 450px; margin-left: auto; margin-right: auto; display: block; padding-right: 60px; background:url('../images/loginarrownorm.png') 90% center no-repeat #fff200; } .btn-tologin:hover { background:url('../images/loginarrow.png') 90% center no-repeat #424242; } .groupdate.custom_date_error { margin-bottom: 40px;} /*.footer_wrapper #footer_inner { background-color: #333 !important; }*/ #footer #footer_inner.innerFooter .col-sm-4 { padding-right: 0; } #footer #footer_inner.innerFooter .col-sm-8 { padding-left: 0; } .innerLogo { text-align: right; background-color: #fff200; margin-right:20%; border-radius: 0 50% 50% 0;} .innerLogo img { max-width: 100%; } .footer_wrapper #footer_inner.innerFooter h4 { font-size:30px; margin-top: 50px; margin-bottom: 20px; } #footer #footer_inner.innerFooter .col-sm-6 ul li { margin-bottom: 20px; line-height: 40px; padding-left: 56px; background:left center no-repeat; } #footer #footer_inner.innerFooter ul li.home_list { background-image:url('../images/dashboard-icon2.png'); } #footer #footer_inner.innerFooter ul li.about_list { background-image:url('../images/about-icon2.png'); } #footer #footer_inner.innerFooter ul li.community_list { background-image:url('../images/f22.png'); } #footer #footer_inner.innerFooter ul li.faq_list { background-image:url('../images/f42.png'); } #footer #footer_inner.innerFooter ul li.facebook_item { background-image:url('../images/fb-ico3.png'); } #footer #footer_inner.innerFooter ul li.twitter_item { background-image:url('../images/tw-icon2.png'); } #footer #footer_inner.innerFooter ul li.home_list:hover { background-image:url('../images/dashboard-icon2-hover.png'); } #footer #footer_inner.innerFooter ul li.about_list:hover { background-image:url('../images/about-icon2-hover.png'); } #footer #footer_inner.innerFooter ul li.community_list:hover { background-image:url('../images/f22-hover.png'); } #footer #footer_inner.innerFooter ul li.faq_list:hover { background-image:url('../images/f42-hover.png'); } #footer #footer_inner.innerFooter ul li.facebook_item:hover { background-image:url('../images/fb-ico3-hover.png'); } #footer #footer_inner.innerFooter ul li.twitter_item:hover { background-image:url('../images/tw-icon2-hover.png'); } #footer #footer_inner.innerFooter ul li a { font-size: 24px; } .importantLinks { display: inline-block; width: 46%; } #footer_inner.innerFooter .text-center.footer_bottom { display: inline-block; font-size: 20px; } #footer #footer_inner.innerFooter .designed_wrap { margin-top: 10px; font-size: 14px; -webkit-transform: translate(-6%,0); transform: translate(-6%,0); } .infoBox { position: absolute; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; left:50%; top:50%; background-color: rgba(51,51,51,.7); color: #fff; max-width: 640px; text-align: center; border-radius: 6px; padding: 15px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .infoBox img { display: block; margin: 0 auto 15px; } .infoBox .timesBtn { position: absolute;right: 10px; top: 10px; font-size: 1.4em; border: none; background: none; padding: 0 } .infoBox .timesBtn:hover { color: #fff200; } /**/ body.guestUser { background-color:#e5e5e4; font-family: 'Montserrat', sans-serif !important; min-width: 320px;} /*img { max-width: 100%; height: auto;}*/ .guestUser img { max-width: 100%; height: auto;} .h1, .h2, .h3, h1, h2, h3 { font-weight: 800; color: #424242;} .mt10min { margin-top: -10px !important;} .boxShadow {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; -moz-box-shadow: 0 2px 6px rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.12); box-shadow: 0 2px 6px rgba(0,0,0,.12); padding: 1px;} .boxShadow + .boxShadow { margin-top:15px } .acknowledgement-last button.btn, .btn-yellow { font-weight: bold; font-size: 21px; padding: 15px 60px !important; height: auto; background-color:#fff200; color: #000 !important; border: none; border-bottom:6px solid #ffd800; box-shadow: none; border-radius: 4px;} .btn-yellow:active, .btn-yellow:focus, .btn-yellow:hover { box-shadow: none;} .acknowledgement-last .btn:active, .btn-yellow:active { transform: translateY(2px);} .btn-gray { font-weight: bold; font-size: 21px; padding: 15px 60px !important; height: auto; background-color:#a4a4a4; color: #424242 !important; border: none; border-bottom:6px solid #939393; box-shadow: none; border-radius: 4px;} .btn-gray:active, .btn-gray:focus, .btn-gray:hover { box-shadow: none; background-color:#a4a4a4; } .btn-gray:active { transform: translateY(2px);} .forMobileXs { display: none !important;} .redBtn { font-weight: bold; font-size: 18px; padding: 15px 30px; height: auto; background-color:#f60000; color: #fff; border: none; border-bottom:3px solid #d00000; box-shadow: none; border-radius: 4px; transition: background-color 0.2s, transform 0.1s;} .redBtn:hover { background-color:#d00000; box-shadow: none;} .redBtn:active, .redBtn:focus { box-shadow: none;} .redBtn:active { transform: translateY(2px);} .privacy_wrapper .redBtn {padding: 15px 30px; border-bottom-width: 6px;font-size: 20px;text-transform: uppercase;font-family: Museo-ExtraBold; width: 100%; display: block; max-width: 350px; margin: 0 auto 10px;} .privacy_wrapper .redBtn img {margin-right: 5px;padding: 0;margin-top: -6px;} /*body:not(.guestUser) .footer_wrapper #footer_inner h4 { margin-top: 30px; } body:not(.guestUser) .footer_wrapper ul li.home_list { background-image: url('../images/dashboard-icon.png'); } body:not(.guestUser) .footer_wrapper ul li.home_list:hover { background-image: url('../images/dashboard-icon-hover.png'); } body:not(.guestUser) .text-center.footer_bottom { font-size: 20px; }*/ /**/ /*.wrapper_sub { max-width: 1584px; margin: 0 auto; overflow: visible;} .wrapper_main { background-color: #f7f7f7; padding-bottom: 350px;}*/ #top-nav li a.btnItem { width: 55px; height: 47px; display: inline-block; margin:14px 20px; transition:none;} #top-nav li a.loginBtn { background: url(../images/login-bg.png) center no-repeat;} #top-nav li a.loginBtn:hover { background-image: url(../images/login-bg-hover.png);} #top-nav li a.singupBtn { background: url(../images/singup-bg.png) center no-repeat;} #top-nav li a.singupBtn:hover { background-image: url(../images/singup-bg-hover.png);} #top-nav li a.helpBtn { background: url(../images/help-bg.png) center no-repeat;} #top-nav li a.helpBtn:hover { background-image: url(../images/help-bg-hover.png);} .topBanner { position: relative;} .topBanner img.screen-lg { display: block; } .topBanner .btn { position: absolute; top:230px; padding: 0 !important; width: 280px; line-height: 63px; font-size: 14px; box-shadow:0 0 0 12px rgba(89,146,222,.5); } .topBanner .btn.workerBtn { left:140px;} .topBanner .btn.providerBtn { right:140px;} .topBanner .bannerBtn { position: absolute; top:24.27293064876957%;/* box-shadow:0 0 0 12px rgba(89,146,222,.5); border-radius: 10px;*/ width:19.21212121212121%;} .topBanner .bannerBtn.workerBtn { left:7.878787878787879%;} .topBanner .bannerBtn.providerBtn { right:7.333333333333333%;} .topBanner .bannerBtn:active { transform: translateY(2px);} .topBanner .singupArrow { position: absolute; top:1.901565995525727%; right:150px; width: 9.818181818181818%; } .btnDes { display: block;} .btnMob { display: none;} .main { margin: 0 40px; position: relative; z-index: 110;} .subWrap {} .searchBoxWrap { padding:40px 40px 50px; text-align: center;} .searchBoxWrap h4 { font-size:30px; font-weight: 900;} .searchBoxWrap > p { max-width:960px; font-size:25px; font-weight: bold; margin: 0 auto;} .searchBox { text-align: left; position: relative; max-width: 1390px; min-height: 53px; margin:40px auto; display: table;} .searchBox:after { content: ""; display: block; clear: both;} .dropdownWrap { /*position: absolute;*/ top: 0; display:table-cell; vertical-align: top; box-sizing: content-box; padding: 0 5px;} .dropdownWrap.searchForbtn { width: 167px; left: 0;} .dropdownWrap.searchBybtn { width: 167px; left: 180px;} .dropdownWrap.searchByIconBtn { width: 60px; left:360px;} .dropdownWrap.insertAddress { width:423px; left:434px; padding-right: 0;} .dropdownWrap.distBtn { width: 167px; left: 863px;} .dropdownWrap.workBtn { width: 167px; left: 1043px;} .dropdownWrap.servicesBtn { width: 167px; left:1223px;} .dropdownWrap .btn { display: block; width: 100%; background-color: #fff200; color: #000; text-align: left; box-shadow: none; border: 2px solid #ffd800; height: 53px; border-radius: 5px; font-size:11px; font-weight: 600; position: relative; padding:8px 0 !important; text-transform: capitalize;} .dropdownWrap .btn.text-center { text-align: center;} .dropdownWrap .btn .fa { position: absolute; right: 5px; font-size:26px; line-height:10px; top: 50%; margin-top: -5px;} .dropdownWrap .btn .btnIcon { width: 41px; border-right: 2px solid #ffd800; display: block; padding: 10px 0px; float: left; margin-right: 7px; text-align: center; margin-top: -8px;} .dropdownWrap .open .btn { background-color: #f9ed00;} .insertAddress .input-group { width: 100%;} .insertAddress .input-group-addon { height: 53px; border: 2px solid #ffd800; background-color: #fff200; border-radius: 5px; position: relative; z-index: 12;} .insertAddress .form-control { height: 53px; border: 1px solid #b5b5b5; padding:7px 15px; box-sizing: border-box; border-radius: 0 5px 5px 0; margin-left:-5px; font-size: 15px; font-weight: 500; text-transform: capitalize;} #searchBoxID .insertAddress .input-group-addon { border: 2px solid #ffd800; background-color: #fff200;} .insertAddress #search_address2::-webkit-input-placeholder { font-size: 8px; } .insertAddress #search_address2::-moz-placeholder { font-size: 8px; } .insertAddress #search_address2:-ms-input-placeholder { font-size: 8px; } .insertAddress #search_address2::placeholder { font-size: 8px; } .insertZip, .zipIcon, .searchByZip .locaIcon, .searchByZip .searchByIconBtn, .searchByZip .insertAddress:not(.insertZip) { display: none;} .searchByZip .zipIcon { display: inline-block;} .searchByZip .insertZip { display: table-cell; } .workBtn .dropdown-menu { min-width: 320px; max-height:210px;} .scrollbarY { overflow-y: auto;} .scrollbarY::-webkit-scrollbar { width: 10px; } .scrollbarY::-webkit-scrollbar-thumb {background: #666;border-radius: 20px;} .scrollbarY::-webkit-scrollbar-track {background: #ddd;border-radius: 20px;} .workBtn .dropdown-menu h6 { font-size: 16px;font-family: 'Raleway', sans-serif; font-weight: 600; margin: 10px; border-bottom: 1px solid #b2b2b2; padding-bottom:10px;} .workBtn .selectCate { width: 100%; word-wrap: break-word; white-space: normal;} .servicesBtn .dropdown-menu { max-height: 250px; min-width: 280px; overflow-y: auto; } .servicesBtn .dropdown-menu::-webkit-scrollbar { width: 10px; } .servicesBtn .dropdown-menu::-webkit-scrollbar-thumb {background: #666;border-radius: 20px;} .servicesBtn .dropdown-menu::-webkit-scrollbar-track {background: #ddd;border-radius: 20px;} .servicesBtn .btn-default.active.focus, .servicesBtn .btn-default.active:focus, .servicesBtn .btn-default.active:hover, .servicesBtn .btn-default:active.focus, .servicesBtn .btn-default:active:focus, .servicesBtn .btn-default:active:hover, .servicesBtn .open>.dropdown-toggle.btn-default.focus, .servicesBtn .open>.dropdown-toggle.btn-default:focus, .servicesBtn .open>.dropdown-toggle.btn-default:hover {color: #333; background-color: #fff200; border-color: #ffd800; box-shadow: none;} .servicesBtn .dropdown-menu>.active>a, .servicesBtn .dropdown-menu>.active>a:focus, .servicesBtn .dropdown-menu>.active>a:hover { color: #000;text-decoration: none;background-color:#fff200;outline: 0;} .servicesBtn .dropdown-menu>.disabled>a {} .servicesBtn.dropdownWrap .btn { padding-left: 45px !important;} .servicesBtn.dropdownWrap .btn:before { content: "";width: 41px;border-right: 2px solid #ffd800;display: block;text-align: center;position: absolute;height: 100%;top: 0;left: 0;background: url(../images/serv-icon.png) center no-repeat;} .servicesBtn .multiselect-selected-text { width: 85px; display: block; word-break: break-word; white-space: normal;} .servicesBtn .caret { position: absolute; right: 5px; top: 50%; font-size: 20px;width: auto;height: auto;border: none;transform: translateY(-50%);font-weight: normal;} .servicesBtn .caret:before {content: "\f107"; font-family: "FontAwesome";} .servicesBtn .dropdown-menu label { font-size: 14px; padding: 0; word-wrap: break-word; white-space: normal;} .servicesBtn .dropdown-menu [type="checkbox"]+label { padding-left: 25px;} .servicesBtn .dropdown-menu [type="checkbox"].filled-in:not(:checked)+label:after { border-width: 1px; } .servicesBtn .dropdown-menu li + li { margin-top: 5px; } .servicesBtn .btn-group { float: left; width: 100%; display: block; } .servicesBtn .btn { display: block; width: 100%; } .searchBox .dropdown-menu { margin-top: 10px; border-radius: 8px !important; border: 1px solid #ffd800;} .searchBox .dropdown-menu>li>a { padding:5px 20px;} .searchBox .dropdown-menu> li > a:hover { /*font-weight: bold;*/} .whyWrk { padding:40px 50px; background: url(../images/why-bg.jpg) top right no-repeat #fff; position: relative;} .whyWrk h2 { margin-top: 0; font-size: 35px;} .whyWrk h2 small { display: block; font-size:25px; font-weight: bold; color: #424242; margin-top: 10px; max-width: 55%; line-height: normal;} .whyWrk .whyArrow { position: absolute; left: 70px;} /*.whyWrk .btn { margin-top: 90px; margin-left: 284px;}*/ .whyWrk .btn { margin-top: 50px; margin-left: 260px; margin-bottom: 50px;} .whyPopupImg { position: absolute; left: 23px; bottom: 0; } .whyPopupImg .forMobl, .whyPopupImg .forMob { display: none; } .forEverbody { padding: 50px 50px 30px; text-align: center;} .forEverbody h4 { font-size:30px; font-weight: 900; margin-top: 15px;} .forEverbody h4 small {max-width: 900px;font-size: 25px;font-weight: bold;margin: 0 auto;display:block;color: #424242;margin-top: 10px;line-height: normal;} .homeBoxWrap .row { margin-left: -10px; margin-right: -10px;} .homeBoxWrap .row .col-xs-4 { padding-left: 10px; padding-right: 10px} .homeBox { text-align: center;} .homeBox .boxShadow { margin: 15px 0 0; padding: 10px;} .homeBox .boxContent { margin-top: -100px;} .homeBox .boxContent h4 { font-weight: 900;} .homeBox .boxContent p { font-size:17px; font-weight: 500; line-height: normal; margin:30px 20px;} .hiwWrap { padding:40px 50px; margin-top: 15px; overflow: hidden;} .hiwWrap .boxIcon { margin: 0 auto 30px; display: block;} .hiwWrap > h4 { text-align: center; font-weight: 900; margin-bottom: 60px;} .hiwWrap ul { list-style: none; margin:30px 0 0; padding: 0; width: 111%;} .hiwWrap ul:after { content: ""; display: block; clear: both;} .hiwWrap ul li { float: left; width: 20%; position: relative;} .hiwWrap ul li:after { content: "\f054"; font-family: "FontAwesome"; position: absolute; top:10%; font-size: 4em; color:#e7e7e7; right:20%;} .hiwWrap ul li:last-of-type::after { display: none;} .hiwBox { width:190px;} .hiwBox h6 { font-weight: bold; color: #424242;} .hiwBox p { font-weight:600; font-size: 14px; line-height: normal;} .looingWorkWrap { padding: 25px; background: url(../images/lfw-bg.png) top center/100% no-repeat #fff;} .looingWorkWrap .boxIcon { margin: 0 auto 30px; display: block;} .looingWorkWrap h4 { text-align: center; font-weight: 900;} .looingWorkWrap h4 small { font-size: 20px; font-weight: bold; margin: 0 auto; display:block; color: #424242; margin-top: 10px; line-height: normal;} /*.lfwTabs .nav { background-color:#424242; border-radius:8px; margin-top: 30px;} .lfwTabs .nav-tabs.nav-justified>li { vertical-align: middle;} .lfwTabs .nav-tabs.nav-justified>li>a { border: none; background: none; padding:30px; font-size: 15px; line-height: normal;} .lfwTabs .nav-tabs.nav-justified>.active>a, .lfwTabs .nav-tabs.nav-justified>.active>a:focus, .lfwTabs .nav-tabs.nav-justified>.active>a:hover, .lfwTabs .nav-tabs > li > a:hover, .lfwTabs .nav-tabs > li.active > a, .lfwTabs .nav-tabs > li.active > a:visited, .lfwTabs .nav-tabs > li.active > a:focus { border: none; color:#fff200 !important; font-weight: normal;} .lfwTabs .nav-tabs > li.active > a:hover {margin: 0;} .lfwTabs .tab-content { background-color: #333; margin: 0 15px; padding: 30px; border-radius:0 0 8px 8px; } .lfwTabs .tab-content:after { content: ""; display: block; clear: both;} .lfwTabs .tab-content ul.tabMenu { margin: 0; padding: 0; list-style: none; float: left; width: 20%;} .lfwTabs .tab-content ul.tabMenu li { padding: 10px 0;}*/ .lfwTabs { margin-top: 40px !important; position: relative;} .lfwTabs .tabsList { background-color: #424242; border-radius: 8px; display: table; table-layout: fixed; width: 100%;} .lfwTabs .tabsList li { background-color:transparent !important; background:url(../images/tabs-head-bg.png) top right no-repeat; display: table-cell; color:#fff; vertical-align: middle; text-align: center; padding:35px 30px; position: relative;} .lfwTabs .tabsList li:last-of-type { background:none;} .lfwTabs .tabsList li.resp-tab-active { color:#fff200;} .lfwTabs .resp-accordion { position: relative; } .lfwTabs .tabsList li span, .lfwTabs .resp-accordion span { background: url(../images/moving-icon.png) top center no-repeat; display: block; padding-top:80px } .lfwTabs .tabsList li span.delivIcon, .lfwTabs h2.resp-accordion span.delivIcon {background-image: url(../images/moving-icon.png);} .lfwTabs .tabsList li span.tutoringIcon, .lfwTabs h2.resp-accordion span.tutoringIcon {background-image: url(../images/tutoring-icon.png);} .lfwTabs .tabsList li span.privateIcon, .lfwTabs h2.resp-accordion span.privateIcon {background-image: url(../images/private-icon.png);} .lfwTabs .tabsList li span.lifestyleIcon, .lfwTabs h2.resp-accordion span.lifestyleIcon {background-image: url(../images/life-style-icon.png);} .lfwTabs .tabsList li span.manBestIcon, .lfwTabs h2.resp-accordion span.manBestIcon {background-image: url(../images/men-friend-icon.png);} .lfwTabs .tabsList li.resp-tab-active span.delivIcon, .lfwTabs h2.resp-accordion.resp-tab-active span.delivIcon {background-image: url(../images/moving-icon-active.png);} .lfwTabs .tabsList li.resp-tab-active span.tutoringIcon, .lfwTabs h2.resp-accordion.resp-tab-active span.tutoringIcon {background-image: url(../images/tutoring-icon-active.png);} .lfwTabs .tabsList li.resp-tab-active span.privateIcon, .lfwTabs h2.resp-accordion.resp-tab-active span.privateIcon {background-image: url(../images/private-icon-active.png);} .lfwTabs .tabsList li.resp-tab-active span.lifestyleIcon, .lfwTabs h2.resp-accordion.resp-tab-active span.lifestyleIcon {background-image: url(../images/life-style-icon-active.png);} .lfwTabs .tabsList li.resp-tab-active span.manBestIcon, .lfwTabs h2.resp-accordion.resp-tab-active span.manBestIcon {background-image: url(../images/men-friend-icon-active.png);} .lfwTabs .tabsList li span.delivIcon:hover, .lfwTabs h2.resp-accordion span.delivIcon:hover { background-image: url(../images/moving-icon-active.png); color: #fff200 } .lfwTabs .tabsList li span.tutoringIcon:hover, .lfwTabs h2.resp-accordion span.tutoringIcon:hover { background-image: url(../images/tutoring-icon-active.png); color: #fff200 } .lfwTabs .tabsList li span.privateIcon:hover, .lfwTabs h2.resp-accordion span.privateIcon:hover { background-image: url(../images/private-icon-active.png); color: #fff200 } .lfwTabs .tabsList li span.lifestyleIcon:hover, .lfwTabs h2.resp-accordion span.lifestyleIcon:hover { background-image: url(../images/life-style-icon-active.png); color: #fff200 } .lfwTabs .tabsList li span.manBestIcon:hover, .lfwTabs h2.resp-accordion span.manBestIcon:hover { background-image: url(../images/men-friend-icon-active.png); color: #fff200 } .lfwTabs .tabsList li.resp-tab-active span:after, .lfwTabs h2.resp-accordion.resp-tab-active span:after { content: "\f078"; font-family: "FontAwesome"; position: absolute; bottom: 10px; left:0; width: 100%; text-align: center; font-size: 1.3em;} .lfwTabs .tabContent.delivContent{ background: url(../images/moving-icon-grey.png) 95% 15% no-repeat #333; background-size: 120px; background-attachment: fixed; } .lfwTabs .tabContent.delivContent { background: url(../images/moving-icon-grey.png) 95% 55% no-repeat #333; background-size: 100px; } .lfwTabs .tabContent.tutoringContent { background: url(../images/tutoring-grey.png) 95% 55% no-repeat #333; background-size: 100px; } .lfwTabs .tabContent.privateContent { background: url(../images/private-grey.png) 95% 55% no-repeat #333; background-size: 95px; } .lfwTabs .tabContent.lifestyleContent { background: url(../images/life-style-grey.png) 95% 55% no-repeat #333; background-size: 95px; } .lfwTabs .tabContent.manBestContent { background: url(../images/men-friend-grey.png) 95% 55% no-repeat #333; background-size: 95px; } .lfwTabs { padding-top: 156px;} .lfwTabs .tabsList { display: none;} .lfwTabs h2.resp-accordion { position: absolute; top: 0; left: 0; width: 20%; height:156px; padding:22px 21px;background:url("../images/tabs-head-bg.png") no-repeat top right/1px 100% #424242 !important;} .lfwTabs h2.resp-accordion:nth-of-type(2) { left: 20%;} .lfwTabs h2.resp-accordion:nth-of-type(3) { left: 40%;} .lfwTabs h2.resp-accordion:nth-of-type(4) { left: 60%;} .lfwTabs h2.resp-accordion:nth-of-type(5) { left: 80%;} .lfwTabs h2.resp-accordion.resp-tab-active:first-of-type { border-radius: 8px 0 0 8px !important;} .lfwTabs h2.resp-accordion.resp-tab-active:last-of-type { border-radius: 0 8px 8px 0 !important;} .lfwTabs h2.resp-accordion { font-size: 15px; font-weight: normal; text-align: center; margin: 0; color: #fff; padding: 22px 32px; display: block;} .lfwTabs h2.resp-accordion:first-of-type { border-radius: 8px 0 0 8px;} .lfwTabs h2.resp-accordion:last-of-type { border-radius: 0 8px 8px 0;} .lfwTabs h2.resp-accordion span { padding-top: 60px; padding-bottom: 20px;} .lfwTabs h2.resp-accordion.resp-tab-active { color:#fff200; border-radius: 0 !important;} .resp-arrow { display: none !important;} .lfwTabs .tabContentWrap { display: none; padding: 0;} .lfwTabs .tabContent { background: url(../images/tabs-content-bg.png) 95% 0 no-repeat #333; margin: 0 15px; padding: 30px; border-radius:0 0 8px 8px; color: #fff;} .lfwTabs .tabContent:after { content: ""; display: block; clear: both;} .lfwTabs .tabContent ul.tabMenu { margin: 0; padding: 0; list-style: none; float: left; width: 20%;} .lfwTabs .tabContent ul.tabMenu li { padding: 5px 0;} .lfwTabs .tabContent ul.tabMenu li a { background: url(../images/3d_print_icon.png) left center no-repeat; padding:6px 0 6px 43px; display: block;} .lfwTabs .tabContent ul.tabMenu li a:hover { background-image: url(../images/3d_print_icon_hover.png);} .lfwTabs .tabContent ul.tabMenu li a.wheeler2Icon { background-image: url(../images/cat-icon/12.png);} .lfwTabs .tabContent ul.tabMenu li a.carServIcon { background-image: url(../images/cat-icon/13.png);} .lfwTabs .tabContent ul.tabMenu li a.airCraftIcon { background-image: url(../images/cat-icon/13.png);} .lfwTabs .tabContent ul.tabMenu li a.towingIcon { background-image: url(../images/cat-icon/17.png);} .lfwTabs .tabContent ul.tabMenu li a.truckIcon { background-image: url(../images/cat-icon/14.png);} .lfwTabs .tabContent ul.tabMenu li a.acadIcon { background-image: url(../images/cat-icon/8.png);} .lfwTabs .tabContent ul.tabMenu li a.compIcon { background-image: url(../images/cat-icon/2.png);} .lfwTabs .tabContent ul.tabMenu li a.drivingIcon { background-image: url(../images/cat-icon/7.png);} .lfwTabs .tabContent ul.tabMenu li a.proIcon { background-image: url(../images/cat-icon/1.png);} .lfwTabs .tabContent ul.tabMenu li a.appTechIcon { background-image: url(../images/cat-icon/18.png);} .lfwTabs .tabContent ul.tabMenu li a.autoBodyIcon { background-image: url(../images/cat-icon/19.png);} .lfwTabs .tabContent ul.tabMenu li a.autoMechIcon { background-image: url(../images/cat-icon/47.png);} .lfwTabs .tabContent ul.tabMenu li a.autoGlassIcon { background-image: url(../images/cat-icon/3.png);} .lfwTabs .tabContent ul.tabMenu li a.carWashIcon { background-image: url(../images/cat-icon/20.png);} .lfwTabs .tabContent ul.tabMenu li a.carpenterIcon { background-image: url(../images/cat-icon/21.png);} .lfwTabs .tabContent ul.tabMenu li a.carpetCleanIcon { background-image: url(../images/cat-icon/39.png);} .lfwTabs .tabContent ul.tabMenu li a.cateringIcon { background-image: url(../images/cat-icon/22.png);} .lfwTabs .tabContent ul.tabMenu li a.restoIcon { background-image: url(../images/cat-icon/37.png);} .lfwTabs .tabContent ul.tabMenu li a.cncMetalIcon { background-image: url(../images/cat-icon/33.png);} .lfwTabs .tabContent ul.tabMenu li a.cncPlasticIcon { background-image: url(../images/cat-icon/34.png);} .lfwTabs .tabContent ul.tabMenu li a.cncWoodIcon { background-image: url(../images/cat-icon/51.png);} .lfwTabs .tabContent ul.tabMenu li a.cncDJIcon { background-image: url(../images/cat-icon/23.png);} .lfwTabs .tabContent ul.tabMenu li a.elecIcon { background-image: url(../images/cat-icon/24.png);} .lfwTabs .tabContent ul.tabMenu li a.eventIcon { background-image: url(../images/cat-icon/26.png);} .lfwTabs .tabContent ul.tabMenu li a.farmIcon { background-image: url(../images/cat-icon/30.png);} .lfwTabs .tabContent ul.tabMenu li a.garageIcon { background-image: url(../images/cat-icon/31.png);} .lfwTabs .tabContent ul.tabMenu li a.handumanIcon { background-image: url(../images/cat-icon/32.png);} .lfwTabs .tabContent ul.tabMenu li a.heavyMachIcon { background-image: url(../images/cat-icon/35.png);} .lfwTabs .tabContent ul.tabMenu li a.knifeIcon { background-image: url(../images/cat-icon/38.png);} .lfwTabs .tabContent ul.tabMenu li a.landScaIcon { background-image: url(../images/cat-icon/36.png);} .lfwTabs .tabContent ul.tabMenu li a.locksmithIcon { background-image: url(../images/cat-icon/40.png);} .lfwTabs .tabContent ul.tabMenu li a.paintingIcon { background-image: url(../images/cat-icon/41.png);} .lfwTabs .tabContent ul.tabMenu li a.pestControlIcon { background-image: url(../images/cat-icon/42.png);} .lfwTabs .tabContent ul.tabMenu li a.photogIcon { background-image: url(../images/cat-icon/43.png);} .lfwTabs .tabContent ul.tabMenu li a.plumbingIcon { background-image: url(../images/cat-icon/44.png);} .lfwTabs .tabContent ul.tabMenu li a.poolIcon { background-image: url(../images/cat-icon/4.png);} .lfwTabs .tabContent ul.tabMenu li a.roofIcon { background-image: url(../images/cat-icon/45.png);} .lfwTabs .tabContent ul.tabMenu li a.shoeIcon { background-image: url(../images/cat-icon/57.png);} .lfwTabs .tabContent ul.tabMenu li a.tailorIcon { background-image: url(../images/cat-icon/5.png);} .lfwTabs .tabContent ul.tabMenu li a.wasteCommIcon { background-image: url(../images/cat-icon/49.png);} .lfwTabs .tabContent ul.tabMenu li a.wasteResIcon { background-image: url(../images/cat-icon/58.png);} .lfwTabs .tabContent ul.tabMenu li a.welderIcon { background-image: url(../images/cat-icon/59.png);} .lfwTabs .tabContent ul.tabMenu li a.cosmeticsIcon { background-image: url(../images/cat-icon/50.png);} .lfwTabs .tabContent ul.tabMenu li a.hairDressIcon { background-image: url(../images/cat-icon/29.png);} .lfwTabs .tabContent ul.tabMenu li a.healingIcon { background-image: url(../images/cat-icon/53.png);} .lfwTabs .tabContent ul.tabMenu li a.hobbyIcon { background-image: url(../images/cat-icon/53.png);} .lfwTabs .tabContent ul.tabMenu li a.makeUpIcon { background-image: url(../images/cat-icon/46.png);} .lfwTabs .tabContent ul.tabMenu li a.personalTrainIcon { background-image: url(../images/cat-icon/56.png);} .lfwTabs .tabContent ul.tabMenu li a.dongWalkIcon { background-image: url(../images/cat-icon/52.png);} .lfwTabs .tabContent ul.tabMenu li a.petGroomingIcon { background-image: url(../images/cat-icon/6.png);} .lfwTabs .tabContent ul.tabMenu li a.petTrainIcon { background-image: url(../images/cat-icon/27.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.wheeler2Icon { background-image: url(../images/cat-icon/12hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.carServIcon { background-image: url(../images/cat-icon/13hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.airCraftIcon { background-image: url(../images/cat-icon/13hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.towingIcon { background-image: url(../images/cat-icon/17hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.truckIcon { background-image: url(../images/cat-icon/14hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.acadIcon { background-image: url(../images/cat-icon/8hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.compIcon { background-image: url(../images/cat-icon/2hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.drivingIcon { background-image: url(../images/cat-icon/7hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.proIcon { background-image: url(../images/cat-icon/1hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.appTechIcon { background-image: url(../images/cat-icon/18hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.autoBodyIcon { background-image: url(../images/cat-icon/19hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.autoMechIcon { background-image: url(../images/cat-icon/47hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.autoGlassIcon { background-image: url(../images/cat-icon/3hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.carWashIcon { background-image: url(../images/cat-icon/20hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.carpenterIcon { background-image: url(../images/cat-icon/21hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.carpetCleanIcon { background-image: url(../images/cat-icon/39hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.cateringIcon { background-image: url(../images/cat-icon/22hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.restoIcon { background-image: url(../images/cat-icon/37hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.cncMetalIcon { background-image: url(../images/cat-icon/33hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.cncPlasticIcon { background-image: url(../images/cat-icon/34hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.cncWoodIcon { background-image: url(../images/cat-icon/51hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.cncDJIcon { background-image: url(../images/cat-icon/23hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.elecIcon { background-image: url(../images/cat-icon/24hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.eventIcon { background-image: url(../images/cat-icon/26hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.farmIcon { background-image: url(../images/cat-icon/30hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.garageIcon { background-image: url(../images/cat-icon/31hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.handumanIcon { background-image: url(../images/cat-icon/32hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.heavyMachIcon { background-image: url(../images/cat-icon/35hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.knifeIcon { background-image: url(../images/cat-icon/38hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.landScaIcon { background-image: url(../images/cat-icon/36hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.locksmithIcon { background-image: url(../images/cat-icon/40hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.paintingIcon { background-image: url(../images/cat-icon/41hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.pestControlIcon { background-image: url(../images/cat-icon/42hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.photogIcon { background-image: url(../images/cat-icon/43hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.plumbingIcon { background-image: url(../images/cat-icon/44hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.poolIcon { background-image: url(../images/cat-icon/4hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.roofIcon { background-image: url(../images/cat-icon/45hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.shoeIcon { background-image: url(../images/cat-icon/57hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.tailorIcon { background-image: url(../images/cat-icon/5hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.wasteCommIcon { background-image: url(../images/cat-icon/49hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.wasteResIcon { background-image: url(../images/cat-icon/58hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.welderIcon { background-image: url(../images/cat-icon/59hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.cosmeticsIcon { background-image: url(../images/cat-icon/50hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.hairDressIcon { background-image: url(../images/cat-icon/29hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.healingIcon { background-image: url(../images/cat-icon/53hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.hobbyIcon { background-image: url(../images/cat-icon/53hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.makeUpIcon { background-image: url(../images/cat-icon/46hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.personalTrainIcon { background-image: url(../images/cat-icon/56hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.dongWalkIcon { background-image: url(../images/cat-icon/52hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.petGroomingIcon { background-image: url(../images/cat-icon/6hover.png);} .lfwTabs .tabContent ul.tabMenu li a:hover.petTrainIcon { background-image: url(../images/cat-icon/27hover.png);} .whereverYouAre { padding: 25px;} .whereverYouAre .boxIcon { margin: 0 auto 30px; display: block;} .whereverYouAre h4 { text-align: center; font-weight: 900;} .whereverYouAre h4 small { max-width:1000px; font-size: 25px; font-weight: bold; margin: 0 auto; display:block; color: #424242; margin-top: 10px; line-height: normal;} .whereverYouAre .wyaImg { margin:40px auto -25px; display: block;} .homePriceWrap { padding: 25px; background: url(../images/home-price-bg.jpg) top center/100% no-repeat #fff; text-align: center;} .homePriceWrap .boxIcon { margin: 0 auto 30px; display: block;} .homePriceWrap h4 { text-align: center; font-weight: 900;} .homePriceWrap h4 small { font-size: 20px; font-weight: bold; margin: 0 auto; display:block; color: #424242; margin-top: 10px; line-height: normal;} .homePriceWrap .hPriceImg { margin:40px auto 60px; display: block;} .homePriceWrap a { margin-bottom: 15px;} .meetPeopWrap { padding:40px 70px 30px; text-align: center;} .meetPeopWrap .boxIcon { margin: 0 auto 30px; display: block;} .meetPeopWrap h4 { text-align: center; font-weight: 900;} .meetPeopWrap h4 small { font-size: 25px; font-weight: bold; margin: 0 auto; display:block; color: #424242; margin-top: 10px; line-height: normal;} .meetPeopWrap .row { margin-left: -10px !important; margin-right: -10px !important; } .meetPeopWrap .col-xs-4 { padding-left: 10px; padding-right: 10px; } .meetPeopWrap .col-xs-4 img { margin-top: 20px; width: 100%; } /*.meetPeopWrap .row { margin-left: -10px !important; margin-right: -10px !important;} .meetPeopWrap .col-xs-4 { padding-left: 10px; padding-right: 10px;} .meetPeopWrap img { margin-bottom:15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 2px 5px rgba(0,0,0,.09); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.09); box-shadow: 0 2px 5px rgba(0,0,0,.09);} .meetPeopWrap .peopTitle { font-weight: 600; margin-bottom: 15px;} .meetPeopWrap .peopTitle strong { display: block; font-weight: 600;} .meetPeopWrap .peopTitle em { color: #424242; } .meetPeopWrap p { line-height: normal;}*/ .cityImage { text-align: center; margin-top: -300px;} .guestUser #footer { background-color:transparent !important;z-index: 110; position: relative;} .guestUser .footerLogo { margin-bottom:-70px; margin-left: -15px; margin-top: 15px; position: relative; z-index: 110;} .guestUser .footerContent { padding: 60px; border-top: 1px solid #e5e5e4; margin-top: 60px;} .guestUser .footer_wrapper #footer_inner h4 { font-size: 23px; margin-bottom: 20px;} .guestUser #footer ul li {line-height: 40px;} .guestUser #footer .footerContent ul li { background-position:left center;} .guestUser .footer_wrapper ul li a { font-size: 18px;} .copyRight { background-color: #353535; text-align: center; color: #fff; font-weight: 600; padding:30px 0; position: relative;} .copyRight strong { font-family: 'Montserrat', sans-serif;} .copyRight .designed_wrap { padding-bottom: 0;} .copyRight .designed_wrap li { color: #fff !important;} .copyRight .stripeLogo { position: absolute; right: 28px; top: 28px;} /*===========Benefits of WRK css==============================*/ .wrapperAll{/*max-width:1590px;margin:0 auto;background-color:#f7f7f7;*/ margin-bottom: -350px;} /*.wrapperAll .wrapper_main { padding:0; }*/ .wrapperAll .main{position:relative;z-index:110;padding:25px 0 0 0;} /*====*/ .benefitsOf{text-align:center;} .benefitsOf .container-fluid { padding-top: 30px; padding-bottom: 30px; position: relative;} .benefitsOf{/*max-width:1505px;*/margin:0 auto;padding:0 0 20px;} .benefitsOf h2:before{content:"";height: 36px;width:15px;background-color:#fff200;display:inline-block;margin-right:10px;margin-bottom: -5px;} .benefitsOf .ritImg { margin-top: -30px; } .benefitsOf .leftImg { margin-bottom: -30px; } .benefitsOf p { font-size: 20px; font-weight: bold; max-width: 840px; margin:40px auto 0; } .benefitsOf .bottomImg { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);} /*=========*/ .wrapperAll .container-fluid{ -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff;-moz-box-shadow:0 2px 6px rgba(0,0,0,.12);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.12);box-shadow:0 2px 6px rgba(0,0,0,.12);} /*=========================*/ .wrapperAll img{max-width:100%;} /*========*/ .ourTabs{} .ourTabs .container-fluid { padding-bottom:300px;} .tabssInner{max-width:1330px;margin:0 auto;padding:50px 0 0 0;} .ourTabs .myTabs{max-width:945px;margin:0 auto;border:1px solid #ccc;padding:0;line-height:normal;list-style:none;text-align:center;border-radius:100px;margin-bottom:60px;} .ourTabs .myTabs li{margin-bottom:0;float:left;width:33.33333333%;} .ourTabs .myTabs li:first-child a{border-top-left-radius:100px;border-bottom-left-radius:100px;} .ourTabs .myTabs li:last-child a{border-top-right-radius:100px;border-bottom-right-radius:100px;} .ourTabs .myTabs li a{color:#424242;font-size:20px;font-weight:700;padding:0;} .ourTabs .nav-tabs>li>a{font-size:20px;font-weight:700;padding:0;border-radius:0;line-height:100%;display:block;margin:0;border:0;line-height:450%;} .ourTabs .nav-tabs > li.active > a,.ourTabs .nav-tabs > li > a:hover,.ourTabs .nav-tabs > li.active > a,.ourTabs .nav-tabs >li.active>a:hover,.ourTabs .nav-tabs > li.active > a:visited,.ourTabs .nav-tabs > li.active > a:focus{background-color:#fff200;border-color:transparent;border-bottom:none;border:none;margin-bottom:0; color: #424242 !important;} /*=============*/ .targetLinks{border-bottom:1px solid #d6dadd;text-align:center;margin:0;padding:0;list-style:none;} .targetLinks li{display:inline-block;padding:0 12px;} .targetLinks a{display:block;font-size:21.7px;color:#bfbfbf;font-weight:bold;padding:10px 0;border-bottom:8px solid transparent;} .targetLinks a:hover,.targetLinks a:focus,.targetLinks a:active{color:#424242;border-bottom:8px solid #fff200;} /*===========*/ .gWork .workBoxxx .workLeft > p { font-style: italic; } .gWork .workBoxxx p { font-style: normal; } .workBoxxx{padding:70px 0 30px 0;} .workBoxxx h2{margin:0 0 20px 0;font-size:26.59px;font-weight:bold;font-family:'Montserrat',sans-serif;position:relative;padding-left:25px;} .workBoxxx h2:before{content:"";height:33px;width:15px;background-color:#fff200;display:inline-block;margin-right:10px;position:absolute;left:0;top:0;} .workBoxxx p{display:block;font-weight:400;font-style:italic;font-size:18px;font-family:'Montserrat',sans-serif;margin-bottom:30px;} .workBoxxx ul{margin:0;padding:0;list-style:none;} .workBoxxx ul li{position:relative;padding-left:18px;font-size:19px;font-weight:700;font-family:'Montserrat',sans-serif;margin-bottom:15px;} .workBoxxx ul li:before{content:"";width:11px;height:11px;background-color:#fff200;border-radius:100px;position:absolute;top:7px;left:0;} .workBoxxx ul li a{} .workBoxxx ul li span{font-weight:400;font-style:italic;display:block;font-size:14px;line-height:normal;margin-top:5px;} .workBoxxx .workLeft,.workBoxxx .workRitee{float:left;} .workBoxxx .workLeft{width:63%;} .workBoxxx .workRitee{width:37%;} .workBoxxx.boxrite{} .workBoxxx.boxrite .workLeft{width:55%;} .workBoxxx.boxrite .workRitee{width:45%;} .workBoxxx:after{content:"";display:block;clear:both;} .alignright{float:right;margin-left:20px;} .workBoxxx strong{font-family:'Montserrat',sans-serif;} /*==========*/ .securityBx{max-width:460px;display:inline-block;} .securityBx img{float:left;margin-right:20px;} .securityBx p{font-size:15px;overflow:hidden;} .securityBx:after{content:"";display:block;clear:both;} /*=======*/ .funPart{display:inline-block;max-width:380px;} .fixedPrice{} .fixedPrice img{float:left;margin-right:20px;} .fixedPrice p{font-size:15px;font-style:normal;margin:30px 0 0 0;overflow:hidden;} .fixedPrice h5{padding-top:30px;font-size:22px;font-weight:bold;font-family:'Montserrat',sans-serif;} .fixedPrice:after{content:"";display:block;clear:both;} /*==========*/ .stripBxx{text-align:center;max-width:480px;display:inline-block;} .stripBxx p{font-size:15px;} .stripOp{} .stripOp a{} .stripOp a{display:inline-block;margin:0 10px;} .fixedPrice span.mgs{display:block;margin:35px 0;text-align:center;} .fixedPrice span.mgs img{float:none;margin:0;} .workBoxxx.new .securityBx{max-width:442px;} .workLeft.sec .funPart{max-width:350px;} .workLeft.show .securityBx{max-width:448px;} .workLeft.gret .securityBx{max-width:349px;} .wFWaitWrap {/*margin-bottom: 150px; */position: relative;} .wFWait { max-width: 400px;position: relative;margin-left: 50px;z-index: 120;} .wFWaitText {font-family: 'Indie Flower', cursive;font-size: 36px;color: #9f9f9f;} .wFWaitArrow {position: absolute;left: -29px;top: 78px;z-index: 999;} .wFWait .btn {margin-top: 30px; font-size: 15px; float: right; padding: 15px 30px !important;} .wFWait:after { content: ""; display: block; clear:both; } .editprofile .boxShadow { padding:45px 80px 60px 45px; } .editprofile label.col-sm-2 { font-size: 18px; } .contactInfo { margin-bottom: 30px; } .contactInfo .btn-yellow {padding: 0 !important;line-height: 50px;width: 167px;text-transform: capitalize;font-size: 14px;} .form-buttons .btn-yellow { margin-left: 15px; } div#groupdate2 img { width: 15px; } div#groupdate2 input { height: 33px; font-size: 16px;} .row.countryDropdown { margin-top: 30px; } /*.countryDropdown .countryName { background: url(../images/usa-flag.png) 100% center/54px no-repeat; height: 70px; }*/ .countryDropdown .countryName { background: url(../images/usa-flag.png) 100% center/54px no-repeat; height: 40px; } .countryDropdown label { margin-top: 22px; } /*Search Result*/ .searchResulWrap { padding: 20px; margin-top:20px; } .searchResulWrap h4 { color: #7d7d7d; font-family: 'Raleway', sans-serif; } .serResBox { font-family: 'Montserrat', sans-serif; border-radius: 5px;background-color: #414141;box-shadow: 0 2px 5px rgba(0,0,0,.2); display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; padding:7px; margin-top: 20px;} .serResBox:after { content: ""; display: block; clear: both; } .serResBox .fieldWrap { /*float: left; padding: 0 14px; margin:14px 0;*/ -ms-flex-preferred-size:0;-webkit-box-flex: 0;-ms-flex: 0 0 16.66666666666667%;flex: 0 0 16.66666666666667%;max-width: 16.66666666666667%;position: relative;width: 100%;min-height: 1px; padding:0 7px; margin:7px 0;} .serResBox .fieldWrap.widthHalf {-ms-flex: 0 0 8.333333333333333%;flex: 0 0 8.333333333333333%;max-width: 8.333333333333333%;} .serResBox .fieldWrap.widthHalfPlus {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;} .serResBox .fieldWrap.widthx2 {-ms-flex: 0 0 33.33333333333333%;flex: 0 0 33.33333333333333%;max-width: 33.33333333333333%;} .serResBox .fieldWrap.fieldWidth140 { -ms-flex: 0 0 140px; flex: 0 0 140px; max-width: 140px; } .serResBox .fieldWrap label { font-size: 14px; font-family: 'Raleway', sans-serif; font-weight:500; color:#e3e3e2; display: block; } .ui-tooltip { display: none !important; } /*.serResBox .fieldWrap select { display: block; border:none; border-bottom: 1px solid #fff; background-color: transparent; color: #fff; font-size: 14px; font-family: 'Raleway', sans-serif; border-radius: 0; } .serResBox .fieldWrap select:focus { outline: none; }*/ .serResBox .fieldWrap input[type="text"] { color: #fff; font-size: 14px; border-bottom: 1px solid #fff; margin:0; height: 35px;} .serResBox .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; } .serResBox .fieldWrap.field3 { background: url('../images/gps-icon-b.jpg') left bottom no-repeat; padding-left: 50px;} .serResBox .fieldWrap.field13 { display: none; background: url('../images/zip-icon-b.jpg') left bottom no-repeat; padding-left: 50px;} .serResBox.serResZip .fieldWrap.field13 { display: block;} .serResBox.serResZip .fieldWrap.field3 { display: none;} .serResBox.serResZip .fieldWrap.field11 { display: none;} /*.serResBox .fieldWrap.field1 {width: 184px;} .serResBox .fieldWrap.field2 {width: 164px;} .serResBox .fieldWrap.field3 {width: 450px; background: url('../images/gps-icon-b.jpg') left bottom no-repeat;padding-left: 50px;} .serResBox .fieldWrap.field4 {width: 150px;} .serResBox .fieldWrap.field5 {width: 336px;} .serResBox .fieldWrap.field6 {width: 180px; float: right; } .serResBox .fieldWrap.field7 {width: 184px;} .serResBox .fieldWrap.field8 {width: 164px;} .serResBox .fieldWrap.field13 {width: 102px;}*/ .serResBox .btn-default { background:none; border:none; border-bottom: 1px solid #fff; font-size: 12px; color: #fff; border-radius: 0; box-shadow: none; padding:0 !important; text-transform: capitalize;} .serResBox .btn-default:focus, .serResBox .btn-default.active, .serResBox .btn-default:active, .serResBox .open>.dropdown-toggle.btn-default { outline: none !important; background: none; border:none; border-bottom: 1px solid #fef200; color: #fff; box-shadow: none; } .serResBox div.dropdown-menu { margin-top: 10px; border-radius: 10px !important; } .serResBox .bootstrap-select.btn-group .dropdown-menu.inner { padding: 10px; max-height: 320px !important;} .serResBox .dropdown-menu.inner::-webkit-scrollbar { width: 10px; } .serResBox .dropdown-menu.inner::-webkit-scrollbar-thumb {background: #666;border-radius: 20px;} .serResBox .dropdown-menu.inner::-webkit-scrollbar-track {background: #ddd;border-radius: 20px;} .serResBox .dropdown-menu>li>a:focus, .serResBox .dropdown-menu>li>a:hover { color: #333; background: #fef200;} .serResBox .dropdown-menu { background-color: #2f2f2f; border-radius: 10px;} .serResBox .dropdown-menu>li>a { color: #fff; padding:8px 10px; } .serResBox .bootstrap-select.btn-group .dropdown-toggle .caret {} .serResBox .dropdown-menu .divider { margin-bottom: 0; background-color: #848484; } .serResBox .dropdown-menu .dropdown-header { color: #848484; font-size: 16px; font-weight: 500; border-bottom: 1px solid #848484;} .serResBox .ratingStarWrap { padding:5px 10px; background-color:#2f2f2f; border-radius: 10px; margin-top:8px; text-align: center;} .serResBox .budgetWrap:after { content: ""; display: block; clear: both; } .serResBox .budgetWrap .budgetLeft {float:left;} .serResBox .budgetWrap .budgetLeft input[type="text"] { margin:0; height: auto; font-size: 15px; font-weight: 500; color:#fff200; width: 60px;} .serResBox .budgetWrap .budgetRight {float:right; color:#fff200; font-size: 15px; font-weight: 500; } .serResBox .fieldWrap .ui-slider { background: #2f2f2f; border: none !important; overflow: visible; height: 6px; border-radius: 0; margin-top:14px;} .serResBox .fieldWrap .ui-widget-header { background-color: #fff200; border-radius: 0; } .serResBox .fieldWrap .ui-slider-horizontal .ui-slider-handle {width: 14px; height: 28px; top: 0; margin-left: 0; transform: translate(-50%,-50%);} .serResBox .fieldWrap .keywordSelectWrap .keywordSelect { background-color: transparent; } .serResBox .fieldWrap .select2-container { width: 100% !important; } .serResBox .fieldWrap .select2-container--default .select2-selection--multiple { background-color: transparent; min-height: 36px; border-bottom: 1px solid #fff;} .serResBox .select2-container--default .select2-selection--multiple .select2-selection__choice { font-size: 12px; background-color:#fff200; color: #000; border-radius: 3px; padding: 5px 14px; font-family: 'Raleway', sans-serif; font-weight: 500;} .serResBox .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #000; padding-left: 5px; } .serResBox .resultBtns button { background:none; border:none; display: block;} .serResBox .resultBtns button:active { transform: translateY(2px); } .serResBox .resultBtns button.yBnt {font-weight: bold; font-size: 12px; height: auto;background-color:#fff200;color: #000;border: none;border-bottom: 3px solid #ffd800;box-shadow: none;border-radius: 3px; width: 100%; line-height: 32px; text-transform: uppercase;} .serResBox .resultBtns button.clearBtn { margin-top: 10px; border:1px solid #e3e3e2; color: #e3e3e2; line-height: 24px; border-radius: 3px; width: 100%;} .offersTableWrap { margin-top: 30px; } .offersTableWrap table { min-width: 1460px; background-color: #ffffff;border: #dee3e7 solid 1px;border-top-left-radius: 6px;border-top-right-radius: 6px;} .offersTableWrap table thead th{background-color: transparent;padding:15px 10px;font-size: 14px;vertical-align: middle;position: relative;color: #424242;font-family: 'Montserrat', sans-serif;font-weight: 600;line-height: 15px;border: none;border-bottom: #d9d4d4 solid 1px;border-radius: 0;} .offersTableWrap table thead tr:first-child th:first-child { border-radius:6px 0 0 0; } .offersTableWrap table thead th {} .offersTableWrap table tbody td{ color: #000;font-family: 'Montserrat', sans-serif;font-weight: 500;font-size: 13px;vertical-align: middle;border-radius: 0;border: none;border-bottom: #d9d4d4 solid 1px;padding: 15px 10px;} .offersTableWrap table tbody td:nth-child(1) { color: #00b4ff; font-weight: 500; } .offersTableWrap table tbody td .pRating { width: 50px; line-height: 38px; font-weight:500; color: #fff; font-size: 20px; background-color:#a5ea00; display: inline-block; border-radius: 2px; } .offersTableWrap table tbody td:nth-child(7) { font-size: 10px; } .offersTableWrap table tbody td .pThumb, .offersTableWrap table tbody td .fieldIcon, .offersTableWrap table tbody td .typeIcon { display: inline-block; margin-right: 5px; } .offersTableWrap table tbody td.grayBg{background-color: #f2f2f2;} .offersTableWrap table tbody td.text-center{text-align: center;} .offersTableWrap table tbody td.text-left{text-align: left;} .offersTableWrap table tbody td.text-right{text-align: right;} .offersTableWrap table tbody td .yBtn {font-weight: bold;font-size: 11px;height: auto;background-color:#fff200;color: #000;border: none;border-bottom: 3px solid #ffd800;box-shadow: none;border-radius: 4px;line-height: 37px;width: 90px;} .offersTableWrap table tbody td .yBtn:active { transform: translateY(2px);} .workersWrap { border-top:1px solid #dee3e7; margin-top: 30px; padding-top: 15px; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px} .workerWrap { font-family: 'Montserrat', sans-serif; -ms-flex-preferred-size:0;-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;position: relative;width: 100%;min-height: 1px;padding: 15px;} .workerBox {border: 1px solid #ebebeb;background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.15); cursor: pointer;} .workerBox:hover {box-shadow: 0 2px 5px rgba(0,0,0,.3); transform: translateY(-2px); transition: all .3s;} .workerBox .workerBoxHead {background: url('../images/workerBoxHead-bg.jpg') left top/cover no-repeat;padding: 20px;position: relative;} .workerBox .workerBoxHead .workerImg { border:2px solid #fef200; border-radius: 50%; display: inline-block; margin-bottom: -40px;box-shadow: 0 2px 9px rgba(0,0,0,.15); } .workerBox .workerBoxHead .workerImg img { max-width: 100%; border-radius: 50%; } .workerBox .workerBoxHead .memberSince { font-weight: 600; margin: 0;font-size: 12px;position: absolute;right: 10px;bottom: 10px;color: #fff;text-shadow: 0 1px 3px rgba(0,0,0,.5);} .workerBox .workerBoxContent { padding:10px; font-size: 12px; } .workerBox .workerBoxContent:after { content: ""; display: block; clear: both; } .workerBox .workerBoxContent .memberSince { text-align: right; font-weight: 500; } .workerBox .contentLeft { float: left; width:39.11111111111111%; margin-top:15px;} .workerBox .contentLeft h6 { margin-top: 0; font-size: 16px; font-weight: bold; } .workerBox .contentLeft table {border: 1px solid #d9d9d9;border-radius: 2px / 3px;background-color: #f9f9f9; margin-top: 10px;} .workerBox .contentLeft table td { padding:4px; font-size: 9px; font-weight: bold; } .workerBox .contentRight { float: right; width: 58.22222222222222%; border: 1px solid #ebebeb;background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.15); padding:5px;} .workerBox .contentRight h6{ font-size:13px; font-family: 'Raleway', sans-serif; } .workerBox .contentRight h6.mt0 { margin-top: 0; } .workerBox .contentRight h6 span { font-size: 10px; float: right; font-weight: 600;} .workerBox .contentRight h6 span b { font-weight: 800; } .workerBox .contentRight h6 span img {vertical-align: -2px;} .workerBox .contentRight table {border: 1px solid #d5d5d5;background-color: #f8f8f8;} .workerBox .contentRight table + table { margin-top: 10px; } .workerBox .contentRight table td { padding:4px; } .workerBox .contentRight table td:first-child { font-size: 13px; font-weight: 600;} .workerBox .contentRight table td:last-child { font-size: 9px;/* text-align: right;*/ } .workerBox .contentRight table td span.skillIcon { display: inline-block; width: 22px; text-align: center; } .workerBox .contentRight table td span.skillIcon img { margin: 0 auto; max-height: 20px; width:auto; max-width: 100%; } .workerBox .contentRight .servTitle { margin:5px 0;} .workerBox .contentRight .servList { overflow: auto; height:89px; list-style: none; margin: 0; padding:0 5px; border:1px solid #d6d6d6; background-color:#f8f8f8; } .workerBox .contentRight .servList li { border-bottom:1px solid #d6d6d6; font-size: 11px; padding:5px 2px; font-weight: 500; text-transform: capitalize; } .workerBox .contentRight .servList li:nth-child(4) { border-bottom:none;} /*End Search Result*/ /*hs2Page Start*/ .hs2Box { margin:30px 0; } .hs2Box { padding:70px 40px 0; } .hs2Box img { margin:0 auto; display: block; max-width: 100%;} .hs2Box p { font-size: 33px; font-family:Museo-Regular; margin-top: 70px; } /*End hs2Page*/ /* Start Filter popop */ /* End Filter popop */ /*Profile work offer popup start*/ #persPopup .modal-dialog { max-width: 600px; margin: 0 auto; } #persPopup .modal-content { background:none #fff; border-radius: 0;} .persPopupWrap .close {background-color:#fff200;color: #000;opacity: 1;text-shadow: none;width: 40px;height: 40px;line-height: 40px;margin-top: -45px;font-size: 30px;} .persPopupHead { background-color:#fff200; padding:1px; } .persPopupHead:after { content: ""; display: block; clear: both; } .persPopupHead .popLogo { float: left; margin:-1px 15px -2px -1px; } .persPopupHead h5 { font-size:20px; overflow:hidden; font-weight: 600; font-family: 'Raleway', sans-serif; margin: 0; vertical-align: middle; margin-top: 18px; color:#000;} .persPopupHead h5 img { vertical-align: -4px;} .persPopupBody { padding: 14px; } .persPopupBody h5 { font-weight: 600; font-family: 'Raleway', sans-serif; border-bottom: 1px solid #fff200; padding-bottom: 10px; color: #000;} /*.persPopupBody table { max-width: 300px; margin:25px auto; background-color:#fcfcfc; border:1px solid #ccc; } .persPopupBody table td {padding: 5px;font-size: 18px;font-weight: 500; color:#989898;} .persPopupBody table td:first-of-type {font-size: 2em; line-height: 5px; } .persPopupBody table td.smallText { font-size:9px; color:#424242;} .persPopupBody table td.redColor { color: #ff0000; } .persPopupBody table td.greenColor { color: green; } .persPopupBody table tfoot td { border-top:1px solid #ccc; }*/ .popServWrap { padding:5px; border:1px solid #ccc; background-color: #fcfcfc; margin:20px 0; } .popServWrap ul { margin: 0; } .popServWrap li { padding: 3px 0; } .popServWrap .listMainTitle { font-weight: bold; font-family: 'Raleway', sans-serif; border-left: 6px solid #fff200; padding-left: 5px; font-size: 18px; margin: 5px 0;} .popServWrap .listMainTitle:first-of-type { margin-top: 0; } .popServWrap .listTitle {background-color: #f7f7f7; border: 1px solid #ccc; padding: 5px 7px;} .popServWrap label { font-weight: 500; padding-left: 28px; min-height: 20px; height: auto; line-height: 20px; margin-bottom: 0; font-size: 14px; font-family: 'Raleway', sans-serif; display: block;} .popServWrap label .servIcon { display: inline-block; margin-right: 5px; } .popServWrap .subServ { margin: 7px; margin-top: 0; padding: 7px; border:1px solid #ccc; border-top: none; background-color: #fff; } .popServWrap .subServ label { margin-top: 10px; } .popServWrap .subServ label:first-of-type { margin-top: 0; } .popServWrap [type="checkbox"].filled-in:not(:checked)+label:after { border:1px solid #bbb; background-color: #ececec; } .popServWrap .mCSB_inside>.mCSB_container { margin-right: 20px;} .popServWrap .mCSB_scrollTools .mCSB_draggerRail { border-radius: 3px; } /*.popServWrap .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 0; } .popServWrap .mCSB_scrollTools .mCSB_buttonDown, .popServWrap .mCSB_scrollTools .mCSB_buttonUp { display: none !important; }*/ .persPopupBtns { text-align: right; margin:20px -5px 20px 0; } .persPopupBtns > button {font-family: 'Poppins', sans-serif;font-size: 14px;font-weight: bold;color: #000;display: inline-block;border:2px solid #000;margin:0 5px;border-radius: 20px;width:130px;line-height: 36px; text-transform: uppercase; background-color:#fff200 ;} .persPopupBtns > button:active { transform: translateY(2px);} /*Profile work offer popup end*/ /*HS1 Services Start*/ .wrkServ { overflow: hidden; max-height: 245px;border: 1px solid #ffd800;border-radius: 10px; background-color:#fafafa; padding:5px 0;} .wrkServ .listItem { padding:0 15px;} .wrkServ .listItem a { cursor: default; padding:7px 0; font-size: 18px; color: #737373; font-family:Museo-SemiBold; border-bottom: 1px solid #e4e4e4; display: block; } .wrkServ .listItem:hover { background-color: #fff200; } .wrkServ .listItem:hover a { color: #000; } .wrkServ .mCSB_inside>.mCSB_container {margin-right: 14px;} /*HS1 Services end*/ .apply-work.bid-actions .newBid { font-family:Museo-SemiBold; background:url(../images/be_aware.png) 10px center no-repeat #fafafa; padding-left:65px; } .apply-work.bid-actions span button { min-width:150px; } .apply-work.bid-actions span small { display: inline-block; } .mytablet { display: none !important; } #view-profile .offerbid-fix a { border-bottom: 7px solid #ffd800; } #view-profile .offerbid-fix a:active { transform: translateY(2px); } #view-profile .offerbid-fix a:hover { color: #424242; background: #fff200; } /*#filterPopup .modal-dialog { -webkit-transform:translate3d(0, -280px, 0); -moz-transform:translate3d(0, -280px, 0); -ms-transform:translate3d(0, -280px, 0); transform:translate3d(0, -280px, 0); text-align: center; font-family:Museo-Regular; max-width: 660px; margin: 0 auto; } #filterPopup .modal-content { background-image:url('../images/filter_popup1.jpg'),url('../images/filter_popup2.jpg'); background-position: center top, center bottom; background-repeat: no-repeat, no-repeat; background-color:#fff; background-size: auto, auto; border-radius: 0;} .filterPopupWrap { padding: 10px; } .filterPopupWrap .close {background-color:#fff200;color: #000;opacity: 1;text-shadow: none;width: 40px;height: 40px;line-height: 40px;margin-top: -45px;font-size: 30px;} .filterPopupHead { padding:1px; } .filterPopupHead:after { content: ""; display: block; clear: both; } .filterPopupHead .popLogo { float: left; margin:-1px 15px -2px -1px; } .filterPopupHead h4 { font-size: 24px; color: #a8a8a8; font-family: 'Raleway', sans-serif; } .sliderNav { margin-top: 15px; } .filterPopupBody { padding: 14px 47px; text-align: center;} .filSliderWrap { padding:19px 28px; border: 1px solid #dbdbdb; background-color: #fcfcfc; width: 100%; } .filSlider { padding: 0; margin: 0 -9px;} .filSlider.slick-initialized .slick-slide { display: block; width: 476px !important;} .filSlider.slick-initialized .slick-slide > div { width: 100%; float: left; } .filSlide { float: left; width: 33.333%; padding: 9px; } .filSlide label { display: block; margin:0; } .filSlide label input[type="checkbox"] { display: none; } .filSlide label span { cursor: pointer; height: 145px; font-family:Museo-Regular; border-radius: 3px; border: 1px solid #dbdbdb; background-color: #f5f5f5; text-align: center; display: block; padding:20px 15px; font-weight: normal; font-size: 16px; color: #a8a8a8;} .filSlide label span img { max-height: 38px; display: block; margin:0 auto 15px;} .filSlide label input[type="checkbox"]:checked + span { background-color:#fff200; border-color: #000; color: #000;} .filSlider .slick-list { width:476px; } .filSlider .slick-arrow { position: absolute; top: 50%; transform: translate(0, -50%); background-color: #fcfcfc; line-height: 73px; width: 50px; border:1px solid #ccc; font-size: 40px; } .filSlider .slick-arrow:hover { background-color:#fff200; } .filSlider .fa-angle-left.slick-arrow { left:-69px; } .filSlider .fa-angle-right.slick-arrow { right:-69px; } .filSliderWrap .slick-dotted.slick-slider { margin-bottom: 0; } .sliderNavWrap { color: #a8a8a8; font-size: 20px; } .sliderNavWrap > div { display: inline-block;} .pageNum { margin: 0; padding: 0; list-style: none; display: inline-block; } .pageNum li { display: none; } .pageNum li.slick-active { display:inline-block; } .pageNum button { background-color: transparent; border: none; padding: 0; cursor: text;} .filterPopupBtns { margin-top: 30px; } .filterPopupBtns button.btnYellow { font-family:Museo-Bold; font-size: 15px; padding:15px 60px; height: auto; background-color:#fff200; color: #000; border: none; border-bottom:6px solid #ffd800; box-shadow: none; border-radius: 4px;} .filterPopupBtns button.btnYellow:disabled, .filterPopupBtns button.btnYellow[disabled] { cursor: not-allowed; border-bottom-color:#a5a5a5; color:#777474; background-color: #b3b3b3; } .filterPopupBtns > button:active { transform: translateY(2px);}*/ #filterPopup2 .modal-dialog { -webkit-transform:translate3d(0, -280px, 0); -moz-transform:translate3d(0, -280px, 0); -ms-transform:translate3d(0, -280px, 0); transform:translate3d(0, -280px, 0); text-align: center; font-family:Museo-Regular; max-width: 660px; margin: 0 auto; } #filterPopup2 .modal-content { background-image:url('../images/filter_popup1.jpg'),url('../images/filter_popup2.jpg'); background-position: center top, center bottom; background-repeat: no-repeat, no-repeat; background-color:#fff; background-size: auto, auto; border-radius: 0;} .filterPopupWrap { padding:10px 0; } .filterPopupWrap .close {background-color:#fff200;color: #000;opacity: 1;text-shadow: none;width: 40px;height: 40px;line-height: 40px;margin-top: -45px;font-size: 30px;} .filterPopupHead { padding:1px; } .filterPopupHead:after { content: ""; display: block; clear: both; } .filterPopupHead .popLogo { float: left; margin:-1px 15px -2px -1px; } .filterPopupHead h4 { font-size: 24px; color: #a8a8a8; font-family: 'Raleway', sans-serif; } .sliderNav { margin-top: 15px; } .filterPopupBody { overflow: hidden; height: 500px; margin: 14px 47px; text-align: center; position: relative;} .filSliderWrap { width:440px; margin:0 auto; border: 1px solid #dbdbdb;} .filSliderWrap:after { content: ""; display: block; clear: both; } .filTitle {color: #a8a8a8;font-size: 24px;font-weight: 500; font-family: 'Raleway', sans-serif;text-transform:capitalize;/*border:1px solid #dbdbdb;*/background-color: #fcfcfc;padding: 5px 0;} .filSlider {padding: 0;margin: 0;} .filSlider.slick-initialized .slick-slide { display: block;/* width: 476px !important;*/} .filSlider.slick-initialized .slick-slide > div { width: 100%; float: left; } .filCatg .filSlide, .filSlider.slick-initialized .slick-slide > div .filSlide label span.filItemWrap { border-top: 1px solid #dbdbdb; } .filSlide {float: left;width:100%;padding: 0;} .filSlide label { display: block; margin:0; } .filSlide label input[type="radio"], .filSlide label input[type="checkbox"] { display: none; } .filSlide label span.filItemWrap {position: relative; height:71px; line-height:72px; cursor: pointer;font-family: 'Raleway', sans-serif; font-weight: 500; background-color: #fcfcfc;text-align: left;display: block;padding:0 15px;font-size: 16px;color: #a8a8a8;} .filSlide label span.filItemWrap:before {content:"\f054";display: block;font-family: "FontAwesome";font-size: 16px;position: absolute;top: 0;right: 15px;font-size: 22px;} .filSlide label span.filItemWrap:after { display: block; content: ""; clear: both; } .filSlide label span.filItemWrap img {max-height: 40px;max-width: 50px; margin:0 auto;} .filSlide label span.filItemWrap .filImg { text-align: center; width: 50px; display: inline-block; margin-right:20px; } .filSlide label span.filItemWrap:hover, .filSlide label input[type="radio"]:checked + span, .filSlide label input[type="checkbox"]:checked + span { background-color:#fff200; border-color: #000; color: #000;} .filSlider .slick-list { width:438px; } .filSlider .slick-arrow {position: absolute;top: 50%;transform: translate(0, -50%);background-color: #fcfcfc;line-height:68px;width:46px;border:1px solid #dbdbdb;font-size: 36px;} .filSlider .slick-arrow:hover { background-color:#fff200; } .filSlider .fa-angle-left.slick-arrow {left: -46px;} .filSlider .fa-angle-right.slick-arrow {right: -46px;} .filSliderWrap .slick-dotted.slick-slider { margin-bottom: 0; } .sliderNavWrap { color: #a8a8a8; font-size: 20px; } .sliderNavWrap > div { display: inline-block;} .pageNum { margin: 0; padding: 0; list-style: none; display: inline-block; } .pageNum li { display: none; } .pageNum li.slick-active { display:inline-block; } .pageNum button { background-color: transparent; border: none; padding: 0; cursor: text;} .filScrol .filTitle { border-bottom: 1px solid #dbdbdb;} .servScroll { max-height:286px; overflow: hidden; text-align: left; background-color: #fcfcfc;} .servScroll ul { margin: 0; } .servScroll li {padding: 10px 8px; color: #a8a8a8;} .servScroll li + li { border-top: 1px solid #dbdbdb;} /*.servScroll .listMainTitle { font-weight: bold; font-family: 'Raleway', sans-serif; border-left: 6px solid #fff200; padding-left: 5px; font-size: 18px; margin: 5px 0;} .servScroll .listMainTitle:first-of-type { margin-top: 0; } .servScroll .listTitle {background-color: #f7f7f7; border: 1px solid #ccc; padding: 5px 7px;}*/ .servScroll label { padding-left: 0; font-weight: normal;min-height: 20px;height: auto;line-height: 20px;margin-bottom: 0;font-size: 20px;font-family: 'Raleway', sans-serif;display: block;padding-right: 28px;} .servScroll label .servIcon { display: inline-block; margin-right: 5px; } /*.servScroll .subServ { margin: 7px; margin-top: 0; padding: 7px; border:1px solid #ccc; border-top: none; background-color: #fff; } .servScroll .subServ label { margin-top: 10px; } .servScroll .subServ label:first-of-type { margin-top: 0; }*/ .servScroll [type="checkbox"].filled-in:checked+label { font-weight: bold; color: #000; } .servScroll [type="checkbox"].filled-in+label:before, .servScroll [type="checkbox"].filled-in+label:after { right: 0; left: auto;} .servScroll [type="checkbox"].filled-in+label:before { right:11px; } .servScroll [type="checkbox"].filled-in:not(:checked)+label:after { border:1px solid #bbb; background-color: #ececec; } .servScroll .mCSB_inside>.mCSB_container { margin-right: 20px;} .servScroll .mCSB_scrollTools .mCSB_draggerRail { border-radius: 3px; } .filterPopupBtns { margin-top: 30px; } .filterPopupBtns button.btnYellow { width: 230px; display:block; margin: 0 auto; font-family:Museo-Bold; font-size: 15px; padding:15px 60px; height: auto; background-color:#fff200; color: #000; border: none; border-bottom:6px solid #ffd800; box-shadow: none; border-radius: 4px;} .filterPopupBtns button.btnYellow:disabled, .filterPopupBtns button.btnYellow[disabled] {cursor: not-allowed;border-bottom-color: #a3a3a3;color: #8f8f8f;background-color: #bababa;} .filterPopupBtns > button:active { transform: translateY(2px);} .filterPopupBtns button.btnYellow + button.btnYellow { margin-top: 15px; } /*.aniSection { display: none; }*/ .aniSection { position: absolute; left:100%; top: 0; transition: all .4s ease; width: 100%;} .aniSection.aniSection1 { left: 0;} .aniSection1 .filSliderWrap { width: 100%; } .aniSection1 .filSlide label span.filItemWrap { height: auto; line-height: 89px; font-size: 18px; } .noWrkerContent { border-top: 1px solid #ccc; background-color: #fcfcfc; padding: 10px 15px; color:#ccc; } .noWrkerContent h4 { font-family: 'Raleway', sans-serif; font-weight: 500; color:#424242; font-size: 24px; } .noWrkerContent h5 { font-family: 'Raleway', sans-serif; font-weight: 500; text-align: left; margin-top: 20px; } .becomeWrker { display:inline-block; margin:10px auto 0; font-family:Museo-Bold; font-size: 15px; padding:12px 40px; height: auto; background-color:#fff200; color: #000; border: none; border-bottom:6px solid #ffd800; box-shadow: none; border-radius: 4px;} .becomeWrker:hover { color: #000; } .becomeWrker:active { transform: translateY(2px);} #otpPopup .modal-dialog { max-width: 600px; margin: 0 auto; -webkit-transform: translate3d(0, -240px, 0); transform: translate3d(0, -240px, 0); } #otpPopup .modal-content { background:none #fff; border-radius: 0;} .otpPopupWrap .close {background-color:#fff200;color: #000;opacity: 1;text-shadow: none;width: 40px;height: 40px;line-height: 40px;margin-top: -45px;font-size: 30px;} .otpPopupHead { background-color:#fff200; padding:1px; } .otpPopupHead:after { content: ""; display: block; clear: both; } .otpPopupHead .popLogo { float: left; margin:-1px 15px -2px -1px; } .otpPopupHead h5 { margin-top: 23px; font-size:20px; overflow:hidden; font-weight: 500; font-family: 'Poppins', sans-serif;} .otpPopupBody { padding: 14px; } .otpPopupBody h5 { font-family: 'Poppins', sans-serif;padding-bottom: 10px;color: #000; line-height: 1.3;} .otpCols:before { content: ""; display: block; clear: both; } .otpCols .otpMob { float: left; margin-right: 15px;} .otpCols .otpMob img { max-width: 100%; } .otpCols .otpConte { overflow: hidden; padding-right: 30px;} .otpPopupBtns { margin: 0 0 0; } .otpPopupBtns > button {font-family: 'Poppins', sans-serif;font-size: 14px;font-weight: bold;color: #000;display: inline-block;border:2px solid #000;margin:0 10px;border-radius: 20px;width: 115px;line-height: 36px; text-transform: uppercase; background-color:#fff200 ;} .otpPopupBtns > button:active { transform: translateY(2px);} #teramPopup .modal-dialog { max-width: 620px;} .teramPopup { padding: 20px; font-family:Museo-Regular;} .teramPopup .modal-heading{ margin: 20px 0; padding: 10px 15px 15px 15px; border-top: #d4d4d4 solid 1px; border-bottom: #d4d4d4 solid 1px; font-size: 42px; color: #b5b5b5; font-family: Museo-Light; } .teramPopup .modal-heading.cancellation{ font-size: 31px; } .teramPopup .modal-heading .media-body{ vertical-align: middle; } .teramPopup .modal-heading img{ padding-right: 20px; margin-right: 10px; border-right: #d4d4d4 solid 1px; } .teramPopup .popupBody { text-align: center; padding:15px 60px;} .teramPopup .popupBody h4 { font-size: 20px; font-weight: 300; line-height: 1.5; margin:30px 0;} .teramPopup .checkBox { margin:30px 0 0; } .teramPopup .checkBox label { text-align: left; font-size:17px; color: #424242; font-family:Museo-SemiBold;} .teramPopup .checkBox label a { color: #05b5ff; font-family:Museo-Light;} .teramPopup button.btnYellow { font-family:Museo-Bold; font-size: 15px; padding: 15px 40px; height: auto; background-color:#fff200; color: #000; border: none; border-bottom:6px solid #ffd800; box-shadow: none; border-radius: 4px;} .teramPopup button.btnYellow:disabled, .teramPopup button.btnYellow[disabled] { border-bottom-color:#a5a5a5; color:#777474; background-color: #b3b3b3; } .teramPopup button.btnRed {font-family:Museo-Bold; font-size: 15px; padding: 15px 40px; height: auto; background-color:#f60000; color: #fff; border: none; border-bottom:6px solid #d00000; box-shadow: none; border-radius: 4px;} .teramPopup button:active { transform: translateY(2px);} .teramPopup button i.fa { margin-left: 10px; } .teramPopup .popupBtns { text-align: center; } .teramPopup .popupBtns button { margin:10px } .guestUser img.general_ref{ max-width: none !important;} /*.pictur, .panel-inner ul { text-align: center; } .pictur li { float: none; display: inline-block; }*/ /*Start error pages*/ .errorBox { margin:15px 0; text-align: center; padding: 0 20px 75px;} .errorBox h2 { font-family:Museo-Light; color: #000; margin:60px 0;} .errorBox img { margin: 0 auto; display: block; } .errorBox .errorBottomImg { margin-top:65px; } .errorBox .yBtn {font-family:Museo-Regular; width: 260px; position: relative; display: inline-block; font-weight: bold; font-size: 21px; padding: 15px 20px; height: auto; background-color:#fff200; color: #000; border: none; border-bottom:6px solid #ffd800; box-shadow: none; border-radius: 4px;} .errorBox .yBtn:before { content: "\f060"; font-family:"FontAwesome"; position:absolute; left:20px; top: 50%; transform: translate(0,-50%);} .errorBox .yBtn:active { transform: translateY(2px);} /*End error pages*/ /*about page*/ .aboutBanner { background-color: #fff200; text-align: center; } .aboutBanner img { max-width: 100%; margin: 0 auto; width: 100%;} .aboutPageCotnetn { text-align: center; background:url('../images/about-page-bg.jpg') bottom center/100% no-repeat #fff; padding: 30px 80px 220px; } .aboutPageCotnetn h4 { font-family: "Montserrat"; font-weight: 900; color: #424242; margin:20px 0 40px;} .aboutPageCotnetn p { text-align: left; font-weight: 500; margin-bottom: 20px; font-size: 24px; font-family: "Montserrat"; line-height: normal; color: #424242;} .aboutPageCotnetn h4.bottomTitle { text-transform: uppercase; margin-top:50px; } /*end about page*/ /*Thank you popup start*/ #phoneverpop .modal-dialog { -webkit-transform:translate3d(0, -280px, 0); -moz-transform:translate3d(0, -280px, 0); -ms-transform:translate3d(0, -280px, 0); transform:translate3d(0, -280px, 0); text-align: center; font-family:Museo-Regular; max-width:520px; margin: 0 auto; } #phoneverpop .modal-content { background-color: #fff; } .thankYPopupWrap { padding: 10px; background:url('../images/arrow3.png') left bottom no-repeat; } .thankYPopupWrap .close {background-color:#fff200;color: #000;opacity: 1;text-shadow: none;width: 40px;height: 40px;line-height: 40px;margin-top: -45px;font-size: 30px;} .thankYPopupHead { padding:1px; } .thankYPopupHead:after { content: ""; display: block; clear: both; } .thankYPopupHead .popLogo { float: left; margin:-1px 15px -2px -1px; } .thankYPopupBody h6 { font-size:16px; border-left: 7px solid #fff200; padding-left: 5px; text-align: left; color: #000; font-weight: bold; } .thankYPopupBody { padding: 14px 0 0; text-align: center;} .thankYPopupBtns { margin-top: 20px; } .thankYPopupBtns button.btnYellow { font-family:Museo-Bold; font-size: 15px; padding:10px 60px; height: auto; background-color:#fff200; color: #000; border: none; border-bottom:6px solid #ffd800; box-shadow: none; border-radius: 4px;} .thankYPopupBtns button.btnYellow:disabled, .thankYPopupBtns button.btnYellow[disabled] { cursor: not-allowed; border-bottom-color:#a5a5a5; color:#777474; background-color: #b3b3b3; } .thankYPopupBtns > button:active { transform: translateY(2px);} /*Thank you popup end*/ /* Start Dashboard */ .mt0 { margin-top: 0 !important; } .dashboardPage { background-color: #f7f7f7; min-height: calc(100vh - 248px); padding: 30px; } .dashboardPage .container-fluid {padding-right: 0; padding-left: 0;} .dashboardPage .rowC { margin-right: -10px; margin-left: -10px;} .dashboardPage .rowC:before, .dashboardPage .rowC:after {display: table; content: " "; clear: both;} .dashboardPage [class*="col-"] { padding-left:10px; padding-right:10px; } .dashboardPage .boxShadow { padding: 15px; margin-top: 20px; } .dashboardPage h4 { margin-top: 0; margin-bottom: 25px; font-family: 'Montserrat', sans-serif; border-left: 15px solid #fff200; font-size: 26px; color: #000; text-transform: capitalize; font-weight: bold; padding-left: 10px;} .dashboardPage .box-header { position: absolute; z-index: 111; right: 0; top:0;} #offChart svg { max-height:100%; } .wrkHisBox { border:1px solid #d9d9d9; background-color: #fafafa; border-radius: 4px; } .wrkHisBox .wrkHisBoxHead { border-bottom:1px solid #d9d9d9; padding:8px 10px; font-weight: bold; } .wrkHisBox .wrkHisBoxContent { padding:8px 10px; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 11px;} .wrkHisBox .wrkHisBoxContent .bigText { font-size:90px; color:#424242; line-height:76px; margin-bottom: 10px; } .wrkHisBox .wrkHisBoxContent .redColor { color:red; } .wrkHisBox .wrkHisBoxContent .greenColor { color:green; } .incomeBtnWrap { float: right; font-family: 'Montserrat', sans-serif;} .incomeBtnWrap .btn { font-family: 'Montserrat', sans-serif; display:block;width: 190px;background-color: #fff200;color: #000;text-align: left;box-shadow: none;border: 2px solid #ffd800;height: 45px;border-radius: 5px;font-size:12px;font-weight:500;position: relative;padding: 13px !important;text-transform: capitalize;} .incomeBtnWrap .btn .fa { position: absolute; right: 5px; font-size:26px; line-height:10px; top: 50%; margin-top: -5px;} .incomeBtnWrap .btn .btnIcon {width: 41px;border-right: 2px solid #ffd800;display: block;padding: 10px 0px;float: left;margin-right: 7px;text-align: center;margin-top: -13px;} .incomeBtnWrap .open .btn { background-color: #f9ed00;} .incomeBtnWrap .dropdown-menu { min-width: 100%; margin-top: 10px; border-radius: 8px !important; border: 1px solid #ffd800;} .incomeBtnWrap .dropdown-menu>li>a { font-weight: 500; padding: 6px 13px; } .incomeChartWrap { position: relative; z-index: 1;} .incomeChartWrap:before {content: ""; background: url(../images/loginlogo.png) center/57.86163522012579% no-repeat ; opacity:.15;top: 0;left: 0;position: absolute;z-index: -1; width: 100%; height: 100%;} #calcArea .clear { background-color:#f05228 !important; color: #fff;} #calcArea .clear:focus { background-color:#d2401a !important; } /* End Dashboard */ /* Start No Result Found */ .noResultPage { background-color: #f7f7f7; min-height: calc(100vh - 248px); padding: 30px;} .noFoundText { font-size: 38px; font-family:"Raleway", sans-serif; font-weight: 600; color: #424242; text-align: center; margin:120px 0 50px; } .noFoundImg { text-align: center; margin-bottom:-20px; } .noFoundImg img { max-width: 100%; } /* End No Result Found */ /* Start Contact Page */ .contactusPage { min-height: calc(100vh - 248px); padding: 50px; color: #fff; position: relative; overflow: hidden;padding-bottom: 350px; margin: 0 -40px; background: #7bb1fa; /* Old browsers */ background: -moz-linear-gradient(top, #7bb1fa 0%, #7bb1fa 12%, #86b8fb 20%, #97c2fc 27%, #9ec7fd 40%, #b0d2ff 79%, #b2d3ff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #7bb1fa 0%,#7bb1fa 12%,#86b8fb 20%,#97c2fc 27%,#9ec7fd 40%,#b0d2ff 79%,#b2d3ff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #7bb1fa 0%,#7bb1fa 12%,#86b8fb 20%,#97c2fc 27%,#9ec7fd 40%,#b0d2ff 79%,#b2d3ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bb1fa', endColorstr='#b2d3ff',GradientType=0 ); /* IE6-9 */ } .contactusPage:after { content: ""; display: block; clear: both; } .contactusPage img { max-width: 100%; } .sunImg, .drone, .cloud { position: absolute;} .sunImg { left: 1.090909090909091%; top: -7.678883071553229%; width: 23.87878787878788%; animation: animateSun 10s linear infinite; } .cloud1 { left: 29.29936305732484%; top: 6.980802792321117%; width:10.65%; animation: animateCloud 8s linear infinite;} .cloud2 { right: 11.46496815286624%; top: 8.726003490401396%; width: 7.2%; animation: animateCloud 6s linear infinite;} .cloud3 { right: 3.439490445859873%; top: 3.664921465968586%; width: 7.2%; animation: animateCloud 4s linear infinite;} .drone { left:39.52866242038217%; top:5.1%; width:7.5%; z-index: 55; animation: animateDrone 4s linear infinite; } /* KEYFRAMES */ @keyframes animateSun { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } } @keyframes animateCloud { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } } @keyframes animateDrone { 0% { -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); } 50% { -webkit-transform: translate(0,40px); -moz-transform: translate(0,40px); transform: translate(0,40px); } 100% { -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); } } .contactContent { margin:175px 0 130px; position: relative; z-index: 110; } .contactContent:after { content: ""; display: block; clear: both; } .getInTouch { float: left; position: relative; z-index: 55} .contactusPage h2 { margin-bottom: 20px; color: #fff; font-size: 40px; font-weight: 900; } .getInTouch, .smIcons { text-shadow: 0 2px 1px rgba(0,0,0,0.2); font-size: 26px; font-weight: bold; max-width: 455px; } .smIcons { -webkit-transform: translate(0,40px); transform: translate(0,40px); } .smIcons .spaceM + a { margin-left: 35px; } .locationDiv { margin-top:30px; } .locationDiv p { font-size: 26px; background: url('../images/placeholder.png') left center no-repeat; padding-left: 50px; } .contactFormWrap { float: right; width: 970px; width: 62.58%; margin-top:-5px; } .contactFormWrap:after { content: ""; display: block; clear: both; } .contactFormWrap .bulding, .contactFormWrap .contactForm { float: left; position: relative;} .contactFormWrap .bulding { width: 29.89690721649485%; margin-top:-4.5%;} .buldingRight img { margin-top: -4px; } .contactForm { width: 39.17525773195876%; position: relative; text-align: center; } .contactForm .partialImg { position: absolute; } .contactForm .partialImg1 { top:0; left:0; transform: translate(-4px,-113%); } .contactForm .partialImg2 { top:100%; left:-34px; } .contactForm form { background-color: #fff; padding: 20px; border-radius: 4px;} .contactForm .textField { font-weight: 500; margin-bottom: 12px; text-align: left; border: none; padding:10px 10px 10px 45px; color: #000; box-sizing:border-box; height: 40px; font-size: 14px; border-radius: 6px; background-color: #f3f3f3; box-shadow: inset 0 3px 7px rgba(0,0,0,.06); } .contactForm .textField.nameField { background: url('../images/full-name.png') 10px center no-repeat #f3f3f3; } .contactForm .textField.emailField { background: url('../images/email.png') 10px center no-repeat #f3f3f3; } .contactForm .textField.telField { background: url('../images/phone-icon.png') 10px center no-repeat #f3f3f3; } .contactForm .textField.msgField { background: url('../images/message.png') 10px 10px no-repeat #f3f3f3; margin-bottom: 0; height: auto;} .contactForm .textField::-webkit-input-placeholder {color: #000;} .contactForm .textField::-moz-placeholder {color: #000;} .contactForm .textField:-ms-input-placeholder {color: #000;} .contactForm .textField:-moz-placeholder {color: #000;} .contactForm .yBtn { border: none; text-align: center; text-transform: uppercase; margin:15px 0 0; padding:8px 15px; font-weight: bold; font-size: 13px; background-color:#fff200;color: #000; border-bottom: 3px solid #ffd800; border-radius: 3px; line-height:1.6; display: inline-block;} .contactForm .yBtn small { display: block; font-size: 69.23076923076923%; text-transform: none; color: #bf8907; } .contactForm .yBtn:active { transform: translateY(2px);} .contactForm form p { font-size: 14px; } .contactForm .fix-alerts-list { margin: 0 -20px -20px; border-radius: 0; padding-top: 20px;} .contactForm .fix-alerts-list .alert { border-radius: 0; border: none; color: #fff; margin:0; } /* End Contact Page */ /*Partial Payment Popup Starts*/ #ppPopup .modal-dialog { max-width: 600px; margin: 0 auto; } #ppPopup .modal-content { background:none #fff; border-radius: 0;} .ppPopupWrap .close {background-color:#fff200;color: #000;opacity: 1;text-shadow: none;width: 40px;height: 40px;line-height: 40px;margin-top: -45px;font-size: 30px;} .ppPopupHead { background-color:#fff200; padding:1px; } .ppPopupHead:after { content: ""; display: block; clear: both; } .ppPopupHead .popLogo { float: left; margin:-1px 15px -2px -1px; } .ppPopupHead h5 { margin-top: 14px; font-size:20px; overflow:hidden; font-weight: 500; font-family: 'Poppins', sans-serif;} .ppPopupBody { padding: 14px; } .ppPopupBody h5 { font-family: 'Poppins', sans-serif;border-bottom: 1px solid #fff200;padding-bottom: 10px;color: #000;} .ppPopupBody table { max-width: 300px; margin:25px auto; background-color:#fcfcfc; border:1px solid #ccc; } .ppPopupBody table td {padding: 5px;font-size: 18px;font-weight: 500; color:#989898;} .ppPopupBody table td:first-of-type {font-size: 2em; line-height: 5px; } .ppPopupBody table td.smallText { font-size:9px; color:#424242;} .ppPopupBody table td.redColor { color: #ff0000; } .ppPopupBody table td.greenColor { color: green; } .ppPopupBody table tfoot td { border-top:1px solid #ccc; } .ppPopupBtns { text-align: center; margin: 20px 0; } .ppPopupBtns > button {font-family: 'Poppins', sans-serif;font-size: 14px;font-weight: bold;color: #000;display: inline-block;border:2px solid #000;margin:0 10px;border-radius: 20px;width: 115px;line-height: 36px; text-transform: uppercase; background-color:#fff200 ;} .ppPopupBtns > button:active { transform: translateY(2px);} /*Partial Payment Popup Starts*/ /*Prom Box starts*/ .promBoxTable { border:1px solid #77ca00; margin-top: 30px;} .promBoxTable td { padding: 10px; font-size: 18px; font-family: 'Raleway', sans-serif; font-weight: bold; color: #77ca00;} .promBoxBtns { text-align: center; margin: 30px 0;} .promBoxBtns > button { font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 500; color: #fff; display: inline-block; border:none; margin:0 10px !important; padding:12px 20px 12px 16px; border-radius: 0; box-shadow: 0 2px 5px rgba(0,0,0,.18);} .promBoxBtns > button.greenBtn { background-color: #81db00; } .promBoxBtns > button.redBtn { background-color: #ff0000;} .promBoxBtns > button > img { margin-right: 10px; } .promBoxBtns > button:active { transform: translateY(2px);} /*Prom Box ends*/ /*Start Safety & Payout*/ /*.saftyPayoutUp .upload-panel { height: 210px; overflow-y:auto;} .saftyPayoutUp .droptext3 { margin-top: 70px; margin-bottom: 0;} */ .uploadboxWrap + .uploadboxWrap { margin-top: 25px; } .safetyupwrapper .uploadbox.saftyPayoutUp { text-align: left; border-width: 4px; } .saftyPayoutUp .upload-panel { border: none; position: relative; padding-right:195px; } .saftyPayoutUp .drag-drop:after { content: ""; display: block; clear: both; } .saftyPayoutUp .hit_upload { position: absolute; right:15px; top: 50%; margin-top: -17px; font-family: 'Raleway', sans-serif; font-size: 15px; color: #424242; text-align: center; font-weight: bold; width: 160px; line-height: 34px; border-radius: 1px;background-color: #fdf100;box-shadow: 0 1px 5px rgba(0,0,0,.2);} .saftyPayoutUp .droptext3 { color: #9c9c9c; display: inline; margin: 0; font-size: 25px; font-family: 'Raleway', sans-serif; font-weight: 300; } .saftyPayoutUp .pictur { display: inline; } .saftyPayoutUp .pictur li { display: inline;width: auto;margin: 0; } .saftyPayoutUp .pictur li .image_preview { word-break: break-all; border-radius: 6px;background-color: #e5e5e5;box-shadow: 0 1px 5px rgba(0,0,0,.2); font-size: 15px; color: #424242; font-family: 'Raleway', sans-serif; border:1px solid #b9b9b9; padding: 5px 35px 5px 10px;} .saftyPayoutUp .pictur li .image_preview i { right: 10px; top: 50%; transform: translate(0,-50%); } /*End Safety & Payout*/ /*Start GPS Popup*/ #gpsPopup .modal-dialog { max-width: 556px; -webkit-transform: translate3d(0, -240px, 0); transform: translate3d(0, -240px, 0);} .gpsPopup { padding: 20px; font-family: 'Raleway', sans-serif;} .gpsPopup .modal-heading{ margin: 20px 0; font-weight: 300; padding:10px 15px; border-top: #d4d4d4 solid 1px; border-bottom: #d4d4d4 solid 1px; font-size: 28px; color: #b5b5b5; } .gpsPopup .modal-heading:after { content: ""; display: block; clear: both; } .gpsPopup .modal-heading .media-body{ vertical-align: middle; } .gpsPopup .modal-heading img { float: left; padding-right: 20px; margin-right: 10px; border-right: #d4d4d4 solid 1px; } .gpsPopup .popupBody { text-align: center; padding:15px;} .gpsPopup .popupBody h4 { font-size: 24px; font-weight:bold; line-height: 1.5; color: #000; margin:0 0 10px;} .gpsPopup .popupBody p { font-size: 18px; color: #000;} .gpsPopup button.btnYellow { width: 160px; font-family:Museo-Bold; font-size: 18px; padding: 15px; height: auto; background-color:#fff200; color: #000; border: none; border-bottom:6px solid #ffd800; box-shadow: none; border-radius: 4px;} .gpsPopup button.btnYellow:disabled, .gpsPopup button.btnYellow[disabled] { border-bottom-color:#a5a5a5; color:#777474; background-color: #b3b3b3; } .gpsPopup button.btnRed { width: 160px; font-family:Museo-Bold; font-size: 18px; padding: 15px; height: auto; background-color:#f60000; color: #fff; border: none; border-bottom:6px solid #d00000; box-shadow: none; border-radius: 4px;} .gpsPopup button:active { transform: translateY(2px);} .gpsPopup button i.fa { margin-right:5px; } .gpsPopup .popupBtns { text-align: center; } .gpsPopup .popupBtns button { margin:10px } /*End GPS Popup*/ /*Safety n Payout New Popup*/ .stepwrap5 { margin-bottom: 25px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.12);padding-top: 11px;background: #fff;} /* .step5payout { font-size: 13px;} */ /* .step5payout * {font-family: 'Montserrat', sans-serif;} */ .step5payout * {font-family: 'Museo-Regular';} /* .step5payout h1 {font-family: 'Montserrat', sans-serif; font-size: 24px; color: #090909; font-weight: 600;} */ .step5payout h1 {font-size: 35px;border-left: 10px solid #fff200;padding-left: 13px;color: #b5b5b5;} .step5payout-title { color:#969B9F; font-size: 16px;} .step5payout-title i { font-size: 20px;} .step5payout-sub-title {color:#B1BAC1;} .my-75 { margin:75px 0;} .mr-45 { margin-right:45px;} .mw-1176 { max-width: 1176px; margin: 0 auto;} .d-block { display: block;} .step5payout label {font-weight: 600; font-size: 16px;} .step5payout label:not(.basic-radio) { margin-bottom: 10px;} .step5payout label sup { color:#EB4D4D;top: -.2em;} .step5payout .basic-radio { font-size: 16px; padding-left:0; font-weight: 500; padding-top: 0;} .step5payout .checkmark { background-color:transparent; width: 16px; height: 16px;} .step5payout .checkmark:after { left: 50%; top: 50%; transform: translate(-50%, -50%);} .step5payout .form-group { margin-bottom: 35px;} .step5payout .form-control {display: block; margin:0; width: 100%;height: 38px;padding: 6px 12px;font-size: 14px; line-height: 1.42857143;color: #090909;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;} .clear-left { clear: left;} .requirIDV { border-right: 1px solid #CECECE; border-bottom: 1px solid #CECECE; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .requirIDV .col3 { padding:15px; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .requirIDV .col12 { padding:5px 10px 10px ; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .requirIDV .col3, .requirIDV .col12 { border-top: 1px solid #CECECE; border-left: 1px solid #CECECE; } .requirTitle { margin: 0; font-family: 'Raleway', sans-serif; font-size: 17px; font-weight: bold; } .requirTitle img { vertical-align: -30%;} .requirIDVDiv { font-weight: 500; text-align: center; line-height:1.3333; } .requirIDVDiv img { margin-bottom: 20px; max-height: 53px; } .requirIDVDiv p { margin-bottom: 0; text-align: center; line-height: 1.61538; } .requirIDVDiv .redText { color: #f70d08; } .align-items-center { -ms-flex-align: center!important; align-items: center!important;} .step5payout .alert-info { margin-bottom: 60px; position: relative; background-color: #EBF1F8 !important; padding-left: 60px; border-color: #A8D5F9; color: #1180D5 !important; font-size:16px; margin-top: 20px;} .step5payout .alert-info i.icon-wrk-info-circle { position: absolute; left: 20px; font-size: 23px; top:50%; transform: translate(0, -50%);} .saftyPayoutUp .pictur li .image_preview i { font-family: 'Glyphicons Halflings';} .step5payout .ein-number-img {margin-left: 100% !important;margin-top: -100px;} .step5payout p.uploadproof {font-size: 20px;color: #424242;} .yRow, .uploadbox-row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;} .yCol-sm-6, .uploadbox-sm-col6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px;} .uploadbox-wrap { margin-bottom: 36px;} .uploadbox-row .uploadbox-wrap { margin-bottom:15px;} .step5payout .uploadbox {text-align: center;border: 3px dashed #b5b5b5; padding:40px 30px; } .step5payout .uploadbox-id { padding:25px 30px;} .step5payout .uploadbox-id h5 { margin: 0; color: #AAA; font-size: 20px; font-weight: 500;} .step5payout .uploadbox p.boxfirsttext {color: #b5b5b5;font-size: 16px;text-align: center;padding-top: 40px; margin-bottom: 0;} .step5payout .uploadbox p.boxsecondtext {color: #b5b5b5;font-size: 16px;text-align: center;} .step5payout .uploadbox .btn {background: #fff200; font-weight: 600; font-size: 16px; padding:0 1.6rem !important; text-transform: none;} .step5payout .uploadbox .btn:hover, .step5payout .uploadbox .btn:focus { background-color:#424242; color: #fff200;} .uploadbox .upload-panel { background-color:transparent; padding: 0 !important;} .uploadbox.saftyPayoutUp .hit_upload { position: static; display: inline-block; margin-top: 0;} #upload_documentother_zone .pictur { display: block; position: relative; top: 1rem;} #upload_documentother_zone .pictur li { display: inline-block; margin:5px; float: none;} /* #document_preview.pictur li .image_preview { margin-top: 1rem;} */ /* .step5payout .uploadbox button a {font-size: 15px;color: #424242;padding-left: 20px;padding-right: 20px;} */ .step5payout p.boxthirdtext {color: #b5b5b5;font-size: 10px;text-align: right; line-height: 1.6; font-weight: 500;} .step5payout p.boxlasttext {color: #b5b5b5;font-size: 16px;text-align: center;padding-top: 10px;} .step5payout .btnPrimary a { color: #090909;} .step5payout .btnPrimary:hover a { color: #FFF200;} .step5payout button[disabled] { background-color: #e6e6e6; border: #e6e6e6;} .step5payout button[disabled] a { color:#bfbfbf !important;} .step5payout .btnDefault a { color: #090909;} .step5payout .btnDefault:hover a { color: #FFF200;} .feeSection { max-width:825px; margin: 0 auto;} .cart-details { margin-top: 50px;} .step5payout .pl-60 { padding-left: 60px;} .step5payout .pr-60 { padding-right: 60px;} .step5payout .pl-10 { padding-left: 10px;} .step5payout .pr-10 { padding-right: 10px;} .step5payout .cart-details .form-group { margin-bottom: 20px;} .step5payout .input-group { width: 100%;} .step5payout .input-group-addon:first-child {width: 40px;font-size: 18px; color:#A5A5A5;} .col-lg-ml-15 { margin-left: 12.5%;} .d-inline-block { display: inline-block;} .step5payout .custom-control-inline {display: -ms-inline-flexbox;display: inline-flex;} .step5payout .custom-radio [type="radio"]:not(:checked)+label:before { border:1px solid #CBCBCB;} .step5payout .custom-radio [type="radio"]:checked+label:before { border:1px solid #D3C900; box-shadow:0 0 0 3px #FFF200 inset, 0 0 0 10px #000 inset;} .step5payout .custom-radio [type="radio"]+label:after { display: none;} .summary-table { border: 1px solid #D2D6D9; border-top: none; margin-top: 35px; border-collapse: separate; border-radius: 5px; background-color: #FEFEFE;} .summary-table th, .summary-table td { border-top: 1px solid #D2D6D9; padding:15px 10px;} .summary-table tr th:last-of-type, .summary-table tr td:last-of-type { text-align: right;} .summary-table tbody td { padding: 25px 10px;} .step5payout .acknowledge-para { color: #AAAAAA; margin-top: 30px;} .step5payout .acknowledge-para a { color: #2BAEE8;} .step5payout .acknowledge-para a:hover { color: #090909;} .step5payout .acknowledge-row { margin-bottom: 40px;} .step5payout .buttonsRow { padding-bottom: 20px;} .step5payout .buttonsRow .tBtn { margin: 10px; min-width: 130px;} /* .step5payout .tBtn { font-family: 'Museo-Bold';} */ .text-success { color: #56BB25 !important;} /*End Safety n Payout New Popup*/ .nanogallery_theme_default #nanoGalleryViewer .nanoLogo{ height: 52px !important; background: url(../images/credit_active.png) center no-repeat #000 !important; } /**/ .text-white { color: #fff;} .d-block { display: block;} .mr-10 { margin-right:10px;} .footer { font-size: 16px; background-color: #424242; color: #BFBFBF;} .mw-1640 { max-width: 1640px; margin-left: auto; margin-right: auto;} .footer-top { background:url(../images/new-footer-bg.png) bottom right no-repeat; padding: 70px 0 50px;} .site-logo { margin-bottom: 40px;} .site-logo img { max-width: 100%; height: auto;} .footer h5 { color: #fff;} .footer a { display: inline-block; color:#BFBFBF;} .footer a:hover { color: #fff;} .footer-menu li { margin-top: 20px;} .social-media { margin-top:25px;} .social-media a { font-size: 18px; text-align: center; line-height: 37px; width: 37px; height: 37px; border-radius: 50%; border:1px solid; display: inline-block; margin-right: 10px; margin-top: 5px;} .help-link { margin-top: 30px;} .help-link a { margin-top: 10px; display: inline-block;} .help-link a i { margin-right: 10px;} .privacy-link { margin-top: 40px;} .privacy-link.desktop-none { display: none;} .copyrightBar { background-color: #303030; padding: 40px 0;} .footer-logos { display: flex; padding: 8px 0; justify-content: flex-end; align-items: center;} .footer-logos img + img { margin-left: 20px;} /*=======new page css================*/ .aboutWrk{position:relative;max-width:1500px;margin:0 auto;text-align:center;background:#fff;padding:50px 70px 40px 70px;} .aboutWrk h4 { margin: 10px 0; } .aboutWrk{position: relative;} .aboutWrk .boxOne{text-align:center; padding-top: 0px;max-width:1220px;margin:0 auto;} .aboutWrk .boxOne:before,.aboutWrk .boxOne:after{content:"";} .aboutWrk .boxOne:before { background: url(../images/about-img1.png) no-repeat left top; width: 100%; height: 125px; position: absolute; left: 0; top: 65px; } .aboutWrk .boxOne:after { background: url(../images/about-img2.png) no-repeat left top; width: 100%; height: 242px; position: absolute; left: 277px; top: auto; } .subWrap .boxOne .imgSet,.aboutWrk .boxOne .imgSet1{} .aboutWrk .boxOne .imgSet{position:absolute;left:0; top: 66px;} .aboutWrk .boxOne .imgSet{} .aboutWrk .boxOne .imgSet1{} .aboutWrk .boxOne p { padding-top: 15px; text-align: center; } /*==============*/ .aboutWrk .boxTwo { padding-top: 255px; } .aboutWrk .boxTwo ul{margin:0;padding:0;list-style:none;} .aboutWrk .boxTwo ul li{float:left;width:50%;} .aboutWrk .boxTwo ul li.giveMax{padding:0 95px 0 50px;} .aboutWrk .boxTwo ul:after{content:"";display:block;clear:both;} .aboutWrk .boxTwo .imgSet3{margin-top:-168px;display:inline-block;} /*=============*/ .aboutWrk .boxThree { position: relative; padding: 490px 0 283px 0; max-width: 1322px; margin: 0 auto; margin-top: -150px; } .aboutWrk .boxThree:before,.aboutWrk .boxThree:after{content:"";position:absolute;} .aboutWrk .boxThree:before { background: url(../images/aboutimg3.png) no-repeat; top: 0; height: 905px; width: 100%; left: 150px; right: 0; bottom: 0; } .aboutWrk .boxThree:after { background: url(../images/aboutimg4.png) no-repeat right; height: 301px; width: 100%; left: auto; right: 260px; bottom:0;} .aboutWrk .boxThree p{text-align:center;} .aboutWrk .boxThree .imgSet4{margin-top:-100px;} /*==========*/ .aboutWrk .boxFour{text-align:left;} .aboutWrk .boxFour ul{margin:0;padding:0;list-style:none;} .aboutWrk .boxFour ul li{float:left;width:50%;} .aboutWrk .boxFour ul:after{content:"";display:block;clear:both;} .aboutWrk .boxFour .setImg5{margin-top:-190px;margin-left:28px;} /*=============*/ .aboutWrk .boxFive{position:relative;padding:250px 0 145px 0;text-align:right;max-width:1300px;margin:0 auto;margin-top:-130px;} .aboutWrk .boxFive p{text-align:center;padding-top:10px;} .aboutWrk .boxFive:before,.aboutWrk .boxFive:after{content:"";position:absolute;right:130px;} .aboutWrk .boxFive:before{background:url(../images/aboutimg6.png) no-repeat right top;top:0;height:905px;width:100%;} .aboutWrk .boxFive:after{background:url(../images/aboutimg7.png) no-repeat right;height:301px;width:100%;left:auto;bottom:-63px;} /*===================*/ .boxSix .keepCent{} .aboutWrk .boxSix{position:relative;text-align:right;max-width:1300px;margin:0 auto;padding-bottom:205px;} .aboutWrk .boxSix:after{content:"";position:absolute;background:url(../images/aboutimg9.png) no-repeat right;height:191px;width:100%;left:auto;right:128px;bottom:0;} .aboutWrk .boxSix .boxIn{text-align:center;margin-top:-100px;} .aboutWrk .boxFive img.getMg,.aboutWrk .boxSix img.getMg{margin-right:130px;} .aboutWrk .boxFive .mgNeg{margin-top:-125px;} .aboutWrk .boxFive .mgNeg2{margin-top:-35px;} /*=====================*/ @media (max-width:1540px){ .aboutWrk .boxFive p{padding:9px 0 25px 0;} .aboutWrk .boxThree:before{left:164px;} } @media (max-width:1500px){ .aboutWrk .boxFive img.getMg,.aboutWrk .boxSix img.getMg{margin-right:87px;} } @media (max-width:1480px){ .aboutWrk .boxTwo ul li.giveMax{padding:0 50px 0 0px;} .aboutWrk{padding:50px 30px 40px 30px;} .aboutWrk .boxFive .mgNeg2{margin-top:-65px;} .aboutWrk .boxThree:before{left:204px;} } @media (max-width:1400px){ .aboutWrk h4{font-size:26px;} } @media (max-width:1300px){ .aboutWrk p{font-size:21px;} .aboutWrk .boxTwo ul li.giveMax{padding:0 50px 0 30px;} .aboutWrk .boxFive img.getMg,.aboutWrk .boxSix img.getMg{margin-right:0;} .aboutWrk .boxSix .keepCent{margin-left:80px;} .aboutWrk .boxThree:after{right:-15px;} .aboutWrk .boxFive:before,.aboutWrk .boxFive:after{right:-15px} .aboutWrk .boxSix:after{right:-15px;} } @media (max-width:1199px){ .aboutBanner{background-color:#7bb1fb;} .aboutWrk .boxOne:before{left:0;top:100px;background-size:25%;} .aboutWrk .boxOne:after{width:100%;left:17.7%;background-size:13%;} .aboutWrk .boxTwo .imgSet3{margin-top:-120px;display:inline-block;width:100%;} .aboutWrk .boxTwo{padding-top:170px;} .aboutWrk .boxThree:before{left:115px;background-size:70%;} .aboutWrk .boxThree{padding:400px 0 184px 0;} .aboutWrk .boxThree:after{right:180px;bottom:-48px;background-size:15%;} .aboutWrk .boxFour .setImg5{margin-top:-130px;margin-left:28px;width:80%;} .aboutWrk .boxFive{margin-top:0;} .aboutWrk .boxFive:before{right:50px;background-size:22%;} .aboutWrk .boxFive:after{right:43px;background-size:3%;} .aboutWrk .boxSix:after{right:50px;background-size:50%;} } @media (max-width:992px){ .aboutWrk .boxOne:before{left:0;top:65px;background-size:25%;} .aboutWrk .boxTwo .imgSet3{margin-top:-170px;} .aboutWrk .boxThree{margin-top:0;} .aboutWrk .boxThree{padding:245px 0 120px 0;} .aboutWrk .boxThree:after{right:100px;bottom:-81px;} .aboutWrk .boxFive{margin-top:0;padding:164px 0 100px 0px;} .aboutWrk .boxFive:before{right:13px;} .aboutWrk .boxFive:after{right:12px;} .aboutWrk .boxSix:after{right:10px;} .aboutWrk .boxSix{padding-bottom:140px;} .aboutPageCotnetn.aboutWrk{padding:30px 40px 0px;background-image:none;} .aboutWrk .boxThree:before { left: 98px; background-size: 81%; top: 0px; } .aboutWrk .boxThree { padding: 332px 0 150px 0; } .aboutWrk .boxThree:after { bottom: -66px; } .aboutWrk .boxFive { margin-top: 0; padding: 211px 0 118px 0px; } .step5payout .uploadbox-id h5 {font-size: 14px;} .step5payout .uploadbox .btn {font-size: 10px; height: 33px;} /* .saftyPayoutUp .hit_upload { margin-top: 0; line-height: 32px;} */ } @media only screen and (max-width:767px){ .aboutWrk .boxThree:before { left: 36px; background-size: 90%; top: 0; } .aboutWrk .boxTwo .imgSet3 { margin-top: -38px; } .aboutWrk .boxTwo { padding-top: 112px; } .aboutWrk .boxFour .setImg5 { margin-top: -15px; margin-left: 0; width: 80%; } .aboutWrk .boxThree { padding: 280px 0 119px 0; } .aboutWrk .boxThree:after { bottom: -83px; } .submit-buton { width: auto; } /*.aboutWrk .boxFive { margin-top: 0; padding: 122px 0 83px 0px; } .aboutWrk .boxThree { padding: 320px 0 119px 0; margin-top: -143px; }*/ } @media only screen and (min-width:568px){ .displayOnMob{display:none;} } @media only screen and (max-width:567px){ .aboutWrk .boxOne .imgSet{display:none;} .displayNoneMob{display:none;} .displayOnMob{display:block;text-align:center;} .aboutWrk .boxTwo ul li{float:none;width:100%;} .aboutWrk .boxThree:before{display:none;} .aboutWrk .boxThree{padding:0px;} .aboutWrk .boxFour ul li{float:none;width:100%;} .aboutWrk .boxFour .setImg5 { margin-top: 0; width: 100%; margin-bottom: 35px; margin-left: 0; } .aboutWrk .boxFour .setImg5{margin-top:0;width:100%;margin-bottom:35px;} .aboutWrk .boxSix .keepCent{display:none;} .aboutWrk .boxFive img.mgNeg{display:none;} .aboutWrk .boxFive img.mgNeg2{display:none;} .aboutWrk .boxFive p{padding:0;} .aboutWrk .boxSix .boxIn{margin-top:0;} .aboutWrk .boxSix .keepCent{margin-left:0;} .txtRit{text-align:right;margin-right:-15px;margin-bottom:20px;} .aboutWrk .boxSix img.mgNeg3{display:none;} .aboutWrk .boxOne .displayOnMob.imgTop{text-align:left; margin-top: -104px; margin-left: -15px;margin-bottom:10px;} .aboutWrk .boxOne .displayOnMob.imgBot{ margin-left: -15px;text-align:left;} .aboutWrk .boxTwo{text-align:center;padding-top:95px;} .aboutWrk .boxTwo p{text-align:center;} .aboutWrk .boxTwo .imgSet3{margin-top:-90px;width:100%;margin-bottom:15px;} .boxThree .displayOnMob{margin-bottom:10px;} .aboutWrk .boxFour{text-align:center;} .aboutWrk .boxFour p{text-align:center;} .aboutWrk .boxOne:before, .aboutWrk .boxOne:after,.aboutWrk .boxThree:after,.aboutWrk .boxFive:before, .aboutWrk .boxFive:after,.aboutWrk .boxSix:after{display: none;} .aboutWrk .boxTwo ul li.giveMax { padding: 0; } .boxThree .displayOnMob img{width:100%;} .aboutPageCotnetn.aboutWrk { padding: 20px 15px; background-image: none; } .aboutWrk .boxFive { margin-top: 0; padding: 15px 0 5px 0px; } .aboutWrk .boxSix { padding-bottom: 0; } } /*Media*/ /*============*/ @media (min-width:768px){ .showonlymob{display:none;} .modal-dialog.signupPop2, .modal-dialog.signupPop { width: 600px; } /*.importantLinks ul li { display: inline-block; width: 46%; }*/ .yCol-sm-6, .uploadbox-sm-col6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .order-sm-1 { order: 1;} .order-sm-2 { order: 2;} .text-sm-left { text-align: left;} .text-sm-right { text-align: right;} .step5payout .uploadbox-id {padding: 25px 15px;} .text-hide-up-xs { display: none;} } @media (min-width:992px){ } @media (min-width:1200px){ .wrapperAll .container{} #sidebar-nav .header-menu-center.sidebarLogOut { display: block; padding: 0 0 0 30px; margin-top: -20px; z-index: 111; position: relative; } .uploadbox-row { margin-right: -28px; margin-left: -28px;} .uploadbox-sm-col6 { padding: 0 28px;} /*body:not(.guestUser) .text-center.footer_bottom, body:not(.guestUser) .designed_wrap { -webkit-transform: translate(-8%,0); transform: translate(-8%,0);}*/ } @media (min-width:1300px){ .wrapperAll .container{width:1280px;padding:0;} .tabssInner{max-width:1220px;margin:0 auto;} .wFWait .btn { width: 330px; } } @media only screen and (max-width:1400px){ /* Start Contact Page */ .contactContent { margin:130px 0 130px; } .contactusPage h2 { font-size: 30px;} .getInTouch, .smIcons { font-size: 20px; max-width: 340px;} .smIcons .spaceM + a { margin-left: 10px;} .smIcons a img { width:27px; } /*End Contact Page */ } @media (min-width:1500px){ .wrapperAll .container{width:1480px;padding:0;} .tabssInner{max-width:1330px;margin:0 auto;} } @media (min-width:1650px){ .ratingBox.ratingBoxLarge { width: 70px; line-height: 59px; border-radius: 8px; font-size: 26px;} } @media (max-width: 1650px){ .requirIDVDiv { font-size: 12px; } } /*============*/ @media only screen and (max-width:1600px){ /**/ .header_search.search-form input.focused, .header_search.search-form input.focused2 { width: 700px !important;} body:not(.guestUser) .text-center.footer_bottom { font-size: 16px; } /**/ .btn-yellow { font-size: 18px; padding: 13px 50px !important;} /*.wrapper_sub { max-width: 1300px;}*/ .topBanner .btn {top: 232px; width: 225px; line-height: 48px; font-size: 12px; box-shadow: 0 0 0 7px rgba(89,146,222,.5);} .topBanner .btn.workerBtn { left:110px;} .topBanner .btn.providerBtn { right:110px;} .topBanner .singupArrow { right: 125px; } .header_search.search-form input[type=search]:focus { width: 660px;} .searchBoxWrap > p {max-width: 900px;font-size: 22px;} .searchBox { max-width: 1140px;} .dropdownWrap.searchForbtn {width: 150px;left: 0;} .dropdownWrap.searchBybtn {width: 150px;left: 160px;} .dropdownWrap.searchByIconBtn {width: 60px;left: 320px;} .dropdownWrap.insertAddress {width: 276px;left: 390px;} .dropdownWrap.distBtn {width: 150px;left: 670px;} .dropdownWrap.workBtn {width: 150px;left: 830px;} .dropdownWrap.servicesBtn {width: 150px;left: 989px;} .dropdownWrap .btn {font-size: 10px;} .dropdownWrap .btn .fa {font-size: 20px;} .homeBox .boxContent p { font-size:13px;} .hiwWrap ul { width: 108%;} .hiwWrap ul li:after {top: 15%;font-size: 3em;right: 15%;} .whyWrk h2 small { font-size: 22px;} .lfwTabs .tabsList li {padding: 35px 20px;} .lfwTabs h2.resp-accordion { font-size: 14px; padding: 22px 10px;} .guestUser .footer_wrapper #footer_inner h4 {font-size: 18px;margin-bottom: 10px;} .guestUser .footer_wrapper ul li a {font-size: 14px;} .copyRight .stripeLogo {top: 45px;width: 150px;} .mdinUsa { max-height: 37px; } /*Search Result*/ .serResBox .fieldWrap label { font-size: 11px } .serResBox .btn-default, .serResBox .fieldWrap input[type="text"] { font-size: 10px; } .workerRating img.ratingStar { width:20px;} .workerRating img.ratingScore { width:24px; float: right;} .workerBox .contentLeft table td {font-size: 7px;} .workerBox .contentRight table + table {margin-top: 4px;} .workerBox .contentRight table td:first-child {font-size: 10px;} /*.workerBox .contentRight table td:last-child {font-size: 7px;}*/ .workerBox .contentRight h6 { font-size: 10px; } .workerBox .contentRight h6 span { font-size: 8px; } .workerBox .contentRight h6 span img { width: 10px; } .workerBox .contentRight .servList { height: 89px;} .workerBox .contentRight .servList li { font-size: 8px; } /*End Search Result*/ /*hs2Page Start*/ .hs2Box p { font-size: 28px; } /*hs2Page End*/ .statistics-upwrapper .statusImg { max-width:100%;} .perforDetails { font-size: 14px; } .perforDetails th, .perforDetails td { padding: 5px 15px; } /*.apply-work.bid-actions.newBidWrap { max-width: 552px;}*/ .apply-work.bid-actions .newBid { font-size: 10px; text-align: left;} .apply-work.bid-actions span button { padding: 14px 5px; font-size: 12px;} .apply-work.bid-actions span button img { padding-right: 5px;} .safetyupwrapper .row .paydetails { font-size: 18px; } .safetyupwrapper .ein-number-img { margin-top: -80px;} .saftyPayoutUp .droptext3 { font-size: 20px; } /*.saftyPayoutUp .pictur li .image_preview { max-width: 310px; }*/ .innerLogo { padding-left: 25px; } .footer_wrapper #footer_inner.innerFooter h4 { font-size: 20px; } #footer #footer_inner.innerFooter .col-sm-6 ul li { font-size: 20px; background-size: 30px; line-height: 30px; padding-left: 40px;} #footer #footer_inner.innerFooter ul li a { font-size: 20px; } #footer_inner.innerFooter .text-center.footer_bottom { font-size: 16px; } .text-editor .infoBox { top: 55%; font-size: 12px; width: 80%; } .text-editor .infoBox img { width:35px; } .footer-top { background-size: 75%;} } @media only screen and (max-width:1300px){ /*.wrapper_sub { max-width: 1100px;}*/ .header_search.search-form input[type=search] { font-size: 14px;} .header_search.search-form input[type=search]:focus { width: 500px;} #top-nav li a.btnItem { margin: 14px 12px;} .topBanner .btn {top: 196px;width: 195px;line-height: 40px;font-size: 10px;} .topBanner .btn.workerBtn {left: 90px;} .topBanner .btn.providerBtn {right: 90px;} .main { margin: 0 20px;} .searchBoxWrap { padding: 30px 30px 40px;} .dropdownWrap.searchForbtn {width: 135px;left: 0;} .dropdownWrap.searchBybtn {width: 135px;left: 145px;} .dropdownWrap.searchByIconBtn {width: 60px;left: 290px;} .dropdownWrap.insertAddress {width: 212px;left: 360px;} .dropdownWrap.distBtn {width: 135px;left: 575px;} .dropdownWrap.workBtn {width: 135px;left: 720px;} .dropdownWrap.servicesBtn {width: 135px;left: 865px;} .dropdownWrap .btn {font-size: 10px;} .lfwTabs .tabsList li, .lfwTabs h2.resp-accordion { font-size: 12px;} .workBoxxx.boxrite .workRitee{width:38%;margin-right:2%;} .workBoxxx.boxrite .workLeft{width:60%;} .workBoxxx .workLeft{width:66%;} .workBoxxx .workRitee{width:32%;} .stripBxx{max-width:58%;} .workLeft.show .securityBx{max-width:57%;} .securityBx{max-width:60%;} .workBoxxx.new .securityBx{max-width:56%;} .editprofile .boxShadow { padding: 45px 60px 60px 45px;} .contactInfo .btn-yellow { line-height: 44px; width: 130px;} /*Search Result*/ .workerRating img.ratingStar {width: 18px;} .workerRating img.ratingScore {width: 22px;} .workerBox .contentLeft table td {font-size: 6px;} .workerBox .contentRight table td:first-child {font-size: 8px;} /*.workerBox .contentRight table td:last-child {font-size: 5px;}*/ .workerBox .contentRight h6 { font-size: 9px; } .workerBox .contentRight h6 span { font-size: 7px; } .workerBox .contentRight h6 span img { width: 8px; } .workerBox .contentRight .servList li { font-size: 7px; } /*End Search Result*/ /*hs2Page Start*/ .hs2Box p { font-size: 24px; } /*hs2Page End*/ /*previewprofile2*/ .statusWork, #view-profile .worker-from { font-size: 14px; } #view-profile .worker-performance p { font-size: 16px; } /**/ /* Start Contact Page */ .contactusPage { margin:0 -20px; } /* End Contact Page */ } @media (max-width:1199px){ /*body:not(.guestUser) .footer_wrapper #footer_inner h4 { margin-top: 10px;} body:not(.guestUser) .text-center.footer_bottom { font-size: 12px;}*/ .ourTabs .myTabs{max-width:600px;margin-bottom:25px;} .ourTabs .nav-tabs>li>a{font-size:16px;line-height:300%;} .targetLinks a{font-size:16px;padding:5px 0;border-bottom:4px solid transparent;} .targetLinks a:hover,.targetLinks a:focus,.targetLinks a:active{color:#424242;border-bottom:4px solid #fff200;} .workBoxxx ul li{font-size:14px;margin-bottom:15px;} .workBoxxx ul li span{font-size:13px;margin-top:3px;} .workBoxxx ul li:before{width:8px;height:8px;top:5px;} .workBoxxx p{margin-bottom:20px;} .workBoxxx h2{font-size:20px;} .workBoxxx h2:before{width:12px;top:-6px;} /*=======*/ .workBoxxx.boxrite .workRitee{width:34%;margin-right:2%;} .workBoxxx.boxrite .workLeft{width:64%;} /*========*/ .funPart{max-width:59%;} /*.workBoxxx .workLeft{width:75%;} .workBoxxx .workRitee{width:25%;}*/ /*========*/ .securityBx{max-width:57%;} .workBoxxx{padding:30px 0 20px 0;} /*========*/ .workLeft.sec .funPart{max-width:59%;} .workLeft.show .securityBx{max-width:48%;} .workLeft.gret .securityBx{max-width:59%;} /*========*/ .wrapperAll .alignright{width:37%;} .securityBx p{font-size:14px;} .fixedPrice p{font-size:14px;margin:15px 0 0 0;} .workBoxxx p{font-size:13px;} .stripBxx p{font-size:13px;} /*.fixedPrice span.mgs{margin:40px 0 40px 0;}*/ /*Search Result*/ /*.workerRating img.ratingStar {width: 18px;} .workerRating img.ratingScore {width: 22px;} .workerBox .contentLeft table td {font-size: 6px;} .workerBox .contentRight table td:first-child {font-size: 8px;} .workerBox .contentRight table td:last-child {font-size: 5px;}*/ .serResBox .fieldWrap, .serResBox .fieldWrap.field11.widthHalf, .serResBox .fieldWrap.fieldWidth140 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;} .serResBox .fieldWrap.field1, /*.serResBox .fieldWrap.field9,*/ .serResBox .fieldWrap.field9.fieldWidth140, .serResBox .fieldWrap.widthHalf {-ms-flex: 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5%;} .serResBox .fieldWrap.field6, .serResBox .fieldWrap.widthHalfPlus {-ms-flex: 0 0 37.5%;flex: 0 0 37.5%; max-width: 37.5%;} .serResBox .fieldWrap.widthx2 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .workerBox .workerBoxHead .memberSince { font-size:9px; } .workerBox .contentRight table td:last-child {font-size: 9px;} .workerBox .contentRight h6 { font-size: 10px; } .workerBox .contentRight h6 span { font-size: 8px; } .workerBox .contentRight h6 span img { width: 8px; } .workerBox .contentRight .servList li { font-size: 8px; } /*End Search Result*/ #sidebar-nav #sidebar-nav-list { margin-top: 0; } /**/ .registration-acknowledgement h1 { font-size: 30px; } .registration-acknowledgement h2 .registration-acknowledgement p.acknowledgement { font-size: 22px; } .exp-header p, .exp-header img, .registration-acknowledgement p.acknowledgement-description, span.acknowledgement-policies, .acknowledgement-last, .acknowledgement-last p>label, .acknowledgement-last button.btn { font-size: 20px; } .enterprodeatils h1 { font-size: 30px; } .enterprodeatils h2 { font-size: 34px; } .prodetailswrapper .certified, .prodetailswrapper .text-editor { font-size: 18px; } .prodetailswrapper .field-work, .select2-container--default .select2-selection--single { font-size: 16px; } .prodetailswrapper .field-work img { max-height: 25px;} #wrk-profile .note-btn.btn { height: 34px; line-height: 32px; padding: 0 .8em !important; } .panel-heading.note-toolbar .note-color .dropdown-toggle { width: 30px; } .prodetailswrapper .text-editor span { font-size: 14px; } .prodetailswrapper .moreexperience button { font-size: 16px; } .safetypayout h1 { font-size: 30px; } .safetypayout h2 { font-size: 36px; } .wprWrap .ratingBox { width: 27px; line-height: 21px; font-size: 12px;} .innerLogo { padding-left: 25px; } .footer_wrapper #footer_inner.innerFooter h4 { font-size: 16px; } #footer #footer_inner.innerFooter .col-sm-6 ul li { background-size: 24px; line-height: 24px; padding-left: 34px;} #footer #footer_inner.innerFooter ul li a { font-size: 16px; } #footer_inner.innerFooter .text-center.footer_bottom { font-size: 12px; } #footer #footer_inner.innerFooter .designed_wrap { font-size: 10px; } #bgimage .infoBox { display: none; } .whyWrk .btn { margin-left: 188px; margin-bottom: 20px;} .whyPopupImg .forDesk {width: 200px;} /**/ .feeSection, .mw-1176 {max-width:750px;} .my-75 {margin: 50px 0;} .clear-sm-left { clear: left;} .col-lg-ml-15 { margin-left: 0;} .col-lg-ml-15.col-sm-ml-2, .col-sm-ml-2 {margin-left:16.5%;} .step5payout small.text-muted { font-size: 75%;} .requirIDV .col3 {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .step5payout .alert-info { font-size: 13px;} .step5payout .uploadbox p.boxthirdtext {font-size: 12px;padding-top: 10px;padding-bottom: 5px;padding-right: 10px;} .step5payout .form-control { font-size: 12px;} .saftyPayoutUp .hit_upload { width: 140px;} .step5payout .uploadbox-id h5 { font-size: 18px;} .clear-left-mx-lg { clear: left;} } @media only screen and (max-width:1100px) and (min-width:1024px) { .searchBox {min-height: 36px; margin: 30px auto;} .dropdownWrap.searchForbtn {width: 110px;left: 0;} .dropdownWrap.searchBybtn {width: 110px;left: 118px;} .dropdownWrap.searchByIconBtn {width: 36px;left: 234px;} .dropdownWrap.insertAddress {width: 313px;left: 280px;} .dropdownWrap.distBtn {width: 110px;left: 597px;} .dropdownWrap.workBtn {width: 110px;left: 715px;} .dropdownWrap.servicesBtn {width: 110px;left: 833px;} .dropdownWrap .btn .btnIcon {width: 26px;} .dropdownWrap .btn .btnIcon img { width:16px;} .dropdownWrap .btn {font-size: 8px;line-height: normal;padding: 6px 0 !important;height: 36px;} .dropdownWrap .btn .fa {font-size: 14px;} .dropdownWrap.searchByIconBtn img { width: 22px;} .insertAddress .form-control { height: 36px; font-size: 10px;} .insertAddress .input-group-addon { height: 36px; width: 36px;} .insertAddress .input-group-addon img { width: 16px;} .servicesBtn.dropdownWrap .btn:before { width: 26px; background-size: 16px;} .servicesBtn.dropdownWrap .btn { padding-left: 33px !important;} .forEverbody h4 small { font-size: 13px; max-width: 553px;} .safetyupwrapper .row .paydetails { font-size: 15px; } label.accounttype { padding-left: 5px; padding-top: 0; } } @media only screen and (min-width:1024px) { .forDesktop { display:block !important;} .forTablet { display: none !important;} } @media only screen and (max-width:1023.98px) { .topBanner img.screen-lg { display: none; } .topBanner img.screen-md { display: block; } .gWork .securityBx img, .gWork .fixedPrice img { width: 66px; margin-right: 10px; } .dispnonemob .ritImg img, .dispnonemob .leftImg img { max-height: 340px;} /*HS1 Services Start*/ .wrkServ { max-height:175px; } .wrkServ .listItem a { font-size: 14px; } /*HS1 Services end*/ .myDesktop { display: none !important; } .mytablet { display: block !important; } /*Start error pages*/ .errorBox { padding: 0 15px 35px;} .errorBox h2 { font-size: 30px; margin: 40px 0; } .errorBox .errorName { max-width:330px; } .errorBox .errorBottomImg { max-width: 350px; } .errorBox .errorBottomImg { margin-top:65px; } .errorBox .yBtn { width: 200px;} /*End error pages*/ } @media only screen and (max-width:1100px){ .btn-yellow { font-size: 14px; padding: 10px 40px !important; } .btn-gray { font-size: 14px; padding: 10px 40px !important; } /*.wrapper_sub { max-width: 1024px;}*/ /*.wrapper_main { padding-bottom: 320px;}*/ .main { margin: 0 10px; } .main h4 { font-size:14px; margin-bottom: 0;} .aboutPageCotnetn h4 { font-size: 30px; } .topBanner .btn {top: 180px;width: 195px;line-height: 40px;font-size: 10px;} .topBanner .btn.workerBtn {left: 70px;} .topBanner .btn.providerBtn {right: 70px;} .searchBoxWrap { padding: 34px 24px 30px;} .searchBoxWrap .boxIcon { width: 58px;} .searchBoxWrap h4 { } .searchBoxWrap > p {max-width:740px; font-size: 20px;} .whyWrk { padding: 20px; background-size: 36%;} .whyWrk h2 { margin-top: 0; font-size: 36px;} .whyWrk h2 small { font-size: 20px; } .whyWrk .whyArrow { position: absolute; left: 38px; width: 78px;} /*.whyWrk .btn {margin-top: 40px;margin-left: 105px;}*/ .whyWrk .btn { margin-left: 180px; margin-bottom: 35px; margin-top: 30px;} .whyPopupImg .forDesk {width: 170px;} .forEverbody { padding: 25px 25px 20px;} .forEverbody .boxIcon { width: 59px;} .homeBox .boxContent {margin-top: -66px;} .homeBox .boxContent img { width: 80px;} .homeBox .boxContent h4 { margin-top:24px; } .homeBox .boxContent p {font-size:11px; margin: 20px 0;} .hiwWrap { padding:25px 35px; } .hiwWrap .boxIcon { width: 59px;} .hiwBox { width: 110px;} .hiwWrap ul {width: 110%;} .hiwWrap ul li:after {right: 18%;} .hiwBox img { width: 92px;} .hiwBox h6 { font-size: 12px;} .hiwBox p { font-size: 10px;} .looingWorkWrap .boxIcon { width: 52px;} .looingWorkWrap h4 small { margin-top: 8px; font-size: 13px;} .lfwTabs .tabsList li { font-size: 10px; background-position:right -23px;} .lfwTabs .tabsList li span { -webkit-background-size:37px; background-size:37px; padding-top: 50px;} .lfwTabs .tabsList li span:after { bottom: 5px;} .lfwTabs .tabContent ul.tabMenu li a {font-size: 11px;background-size: 30px;padding-left: 35px;} .whereverYouAre .boxIcon { width: 58px; margin-bottom: 20px;} .whereverYouAre h4 small {max-width: 530px;font-size: 13px;} .homePriceWrap .boxIcon { width: 56px; margin-bottom: 20px;} .homePriceWrap h4 small { margin-top: 8px; font-size: 13px;} .homePriceWrap .hPriceImg { max-width: 455px; margin: 20px auto 30px;} .meetPeopWrap { padding: 20px;} .meetPeopWrap .boxIcon { width: 52px; margin-bottom: 0;} .meetPeopWrap h4 { margin-bottom: 0;} .meetPeopWrap h4 small { font-size:13px; max-width: 400px; } .meetPeopWrap p { font-size: 10px; font-weight: 500;} .guestUser .footerContent { padding: 30px; margin-top: 30px;} .guestUser .footer_wrapper #footer_inner h4 { font-size: 12px;} .guestUser #footer .footerContent ul li { line-height: 20px;} .guestUser .footer_wrapper ul li a { font-size:9px;} .guestUser .copyRight { font-size: 10px; padding: 15px 0;} .guestUser #footer ul li { line-height: 35px;} .guestUser .copyRight .stripeLogo { top: 25px; width: 125px;} .mdinUsa { max-height: 30px; } .appWork.fixedPrice { width: 260px; } .appWork.fixedPrice img { width: 90px; } .appWork.fixedPrice h5 { font-size: 15px; } .securityBx img, .fixedPrice img { max-width: 34px; } #protecSect .fixedPrice img { max-width: 100%; } /*Search Result*/ .workerWrap {-ms-flex-preferred-size: 0; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .workerRating img.ratingStar {width: 22px;} .workerRating img.ratingScore {width: 24px;} .workerRating .ratingBox { width: 22px; line-height:18px;} .workerBox .contentLeft table td {font-size: 8px;} .workerBox .contentRight table td:first-child {font-size: 11px;} .workerBox .contentRight table td:last-child {font-size: 8px;} /*End Search Result*/ .perforDetails { font-size: 12px;} .perforDetails th, .perforDetails td { padding: 5px 10px;} .privacy_wrapper .redBtn {font-size: 16px;width: 90%;} .privacy_wrapper .redBtn img { margin-top: -5px; width: 17px;} .yEdit.editprofile h1 { font-size:30px; } .yEdit.editprofile h2 { font-size: 36px; } .yEdit.editprofile form .row p { font-size: 10px; } .yEdit.editprofile label.col-sm-2, .yEdit.editprofile label.col-sm-3, .yEdit .demo-checkbox label, .yEdit.editprofile input.form-control, .yEdit.editprofile select, .yEdit.editprofile label.radio-inlin {font-size: 14px;} .yEdit .phoneeditrow img { height: 30px;} .yEdit input#country { background-size: 36px; } .safetypayout h1 { font-size: 30px;} .safetypayout h2 { font-size: 36px;} /* #payout_individual { margin-top: 20px;} */ .wrkpayout { margin-top: 30px; } label.accounttype { padding-left: 0; } /* Start Contact Page */ .contactusPage { margin:0 -10px; } /* End Contact Page */ } @media only screen and (max-width:1024px) { .topBanner img.screen-lg { display: none; } .topBanner img.screen-md { display: block; } .topBanner .bannerBtn.providerBtn { right: 9%; } .editprofile .boxShadow { padding: 25px;} .profile-section-heading { font-size: 18px; } .sign-title h2 { font-size: 28px; } .sign-title span { font-size: 18px; } div#groupdate2 img { width: 12px; } .editprofile label.col-sm-2 { font-size: 12px;} .editprofile input.form-control, .editprofile select { font-size: 12px; height: 26px;} .editprofile form .row p { font-size: 7px;} .basic-radio { font-size: 12px;} .fas-sign label.basic-radio:nth-last-of-type(1) { margin-left: 15px;} .fas-sign .checkmark { top: 0; height: 14px; width: 14px;} .fas-sign .checkmark:after {top: 50%;left: 50%;width: 6px;height: 6px;transform: translate(-50%,-50%);} .countryDropdown label { margin-top: 0; } .countryDropdown .countryName { background-size: 25px; } .contactInfo .btn-yellow { line-height: 36px; width: 100px; font-size: 12px;} .editprofile form .row { margin-top: 10px;} .beAwareWrap {background-size: 25px; padding: 10px 10px 10px 45px; font-size: 10px;} .beAwareBtns .yBtn {margin: 0 10px; width: 86px; line-height: 22px; font-size: 10px;} .beAwareBtns .yBtn + img { margin-left: 10px;} .beAwareBtns img { width: 25px; } /*previewprofile2*/ .statusWork, #view-profile .worker-from { font-size: 13px; } #view-profile .worker-performance p { font-size: 14px; } #view-profile .sideIcon { max-width: 20px;} #view-profile h2 { font-size: 20px;} #view-profile .performance-details { font-size: 12px; } #view-profile h2>img {padding-top: 0; width: 20px;} .job-overview .profile-overview img { width: 20px; } #view-profile .performance-details { padding-top: 10px; } .profile-overview { margin-bottom: 0; } .safetyupwrapper .row .paydetails { font-size: 14px;} .safetyupwrapper p.uploadproof { font-size: 16px; } .safetywrapper .error-text, .safetyupwrapper .error-text { margin-bottom: 10px; } /**/ } @media only screen and (max-width:1023px) { /**/ #top-nav > li.dropdown > a { line-height: 50px;} #top-nav > li.dropdown > a {padding: 0px 12px;} .userIcon img { padding-top: 4px;} /**/ .forDesktop { display: none !important;} .forTablet { display: block !important;} .btn-yellow { border-bottom-width: 4px;} /*.wrapper_sub { max-width: 768px;}*/ #top-nav li a.btnItem {margin: 1px 5px;background-size: 40px;} #top-nav li, #top-nav li:last-of-type {background-size: 1px 70px;} .headerOne .navbar-nav { height: auto;} .search-pop {padding: 14px 5px;} .search-pop img { width: 21px;} .topBanner .btn { top: 32%;width: 160px;line-height: 35px;font-size:8px;} .topBanner .btn.workerBtn {left: 40px;} .topBanner .btn.providerBtn {right: 40px;} .topBanner .singupArrow { display: none; } .searchBoxWrap h4 { font-size: 25px; max-width:560px; margin:15px auto; } .searchBox {max-width:670px; height:116px; display: block;} .dropdownWrap { position: absolute; position: absolute; box-sizing: border-box; padding: 0;} .dropdownWrap.searchForbtn {width: 160px;left: 0;top: 63px;} .dropdownWrap.searchBybtn {width: 160px;left: 0;} .dropdownWrap.searchByIconBtn {width: 60px;left: 172px;} .dropdownWrap.insertAddress {width: 430px;left: 246px;} .dropdownWrap.distBtn {width: 160px;left: 172px;top: 63px;} .dropdownWrap.workBtn {width: 160px;left: 342px;top: 63px;} .dropdownWrap.servicesBtn {width: 160px;left: 511px;top: 63px;} /*.searchByZip .dropdownWrap.insertAddress.insertZip {width:183px;left: 172px;}*/ .searchByZip .dropdownWrap.insertAddress.insertZip {width:217px;left: 230px;} .searchByZip .dropdownWrap.insertAddress.insertZip .form-control { font-size: 13px; } .searchByZip .dropdownWrap.searchForbtn { width:217px; left: 455px; top:0;} .searchByZip .dropdownWrap.distBtn { left: 532px;top:0;} .searchByZip .dropdownWrap.workBtn { left:183px;} .searchByZip .dropdownWrap.servicesBtn { left:354px;} .searchByZip .dropdownWrap.searchBybtn {width: 217px;left: 0;} .dropdownWrap .btn {font-size: 10px;} .whyWrk { background-size: 51%;} .whyWrk h2 { font-size: 25px;} .whyWrk h2 small { font-size: 17px; max-width: 65%;} .forEverbody h4 small { font-size: 18px; max-width: 590px;} .homeBox .boxContent {margin-top: -48px;} .homeBox .boxContent img { width: 62px;} .homeBox .boxContent h4 {margin-top: 15px;} .homeBox .boxContent p { font-size:8px; margin: 10px 0; font-weight: bold;} .hiwWrap .boxIcon { margin: 0 auto 20px;} .hiwBox img { width: 70px;} .hiwWrap ul {width: 106%;} .hiwWrap ul li:after {top: 8%;font-size: 2.5em;right: 15%;} .hiwBox h6 {font-size: 10px; font-weight: 800;} .hiwBox p {font-size: 8px; font-weight: bold;} .lfwTabs { margin-top: 25px !important; padding-top: 120px;} .looingWorkWrap h4 small { font-size: 18px;} .lfwTabs h2.resp-accordion { font-size: 10px; padding: 22px 6px; height: 120px;} .lfwTabs h2.resp-accordion span {padding-top: 46px;padding-bottom: 20px;background-size: 36px;} .lfwTabs .tabsList li { font-size: 7px; padding: 25px 10px;} .lfwTabs .tabsList li span {-webkit-background-size: 28px; background-size: 28px; padding-top: 35px;} .lfwTabs .tabContent ul.tabMenu { width: 33.3334%;} .whereverYouAre { padding:25px 0; } .whereverYouAre .wyaImg {} .homePriceWrap h4 small { font-size: 18px;max-width: 450px;} .homePriceWrap .hPriceImg {max-width: 580px;margin: 40px auto 40px;} .homePriceWrap a.btn { display: none;} .meetPeopWrap h4 small {font-size: 18px;max-width: 520px;} .guestUser .footerContent { padding: 25px 15px; margin-top: 25px;} .designed_wrap { font-size: 9px;} .copyRight .stripeLogo { right: 15px; top: 36px;} /*Start Contact Page*/ .contactusPage { padding: 15px; } .sunImg { left: 0; top: 0; width: 23.87878787878788%; transform: translate(-13%, -20%);} .drone { left: 34%; top: 5.1%;} .cloud1 { left: 22%; top: 4%;} .cloud2 { right: 10%; top: 6%;} .cloud3 {right: 3.5%; top: 1%;} .getInTouch, .smIcons { font-size: 17px; max-width: 260px; } .contactusPage h2 { font-size: 20px;} .smIcons .spaceM + a { margin-left: 0; } .contactContent { margin: 120px 0 430px;} .contactFormWrap { width:70%; } .contactForm .textField { height: 26px; font-size: 8px; padding: 5px 5px 5px 30px; margin-bottom: 7px; background-size:15px !important;} /*End Contact Page*/ } @media only screen and (max-width:991px) { .groupdate.custom_date_error { margin-bottom: 10px;} body:not(.guestUser) .text-center.footer_bottom { font-size: 10px;} body.modal-open { padding-right: 0 !important; } .guestUser .copyRight .stripeLogo { top:auto; right: 10px; bottom: 15px;} .targetLinks li{padding:0 8px;} .targetLinks a{font-size:14px;border-bottom:3px solid transparent;} /*.targetLinks{border-bottom:none;}*/ .targetLinks a:hover,.targetLinks a:focus,.targetLinks a:active{border-bottom:3px solid #fff200;} .wrapperAll .alignright{margin-left:10px;} .stripOp a{margin:0 4px;width:29.333%;} .ourTabs .container-fluid { padding-bottom: 300px;} .benefitsOf h2 { font-size: 26px; margin-top: 0} .benefitsOf h2:before { height: 28px; } .benefitsOf p { font-size: 17px; margin: 25px auto 0;} .wFWait {max-width: 220px;} .wFWaitText {font-size: 20px;} .wFWaitArrow {left: -58px; top: 46px; z-index: 999; width: 48px;} .wFWait .btn { margin-top: 15px;font-size: 9px; padding: 13px 10px !important; display: block; width: 100%;} /*Search Result*/ /*.serResBox .fieldWrap, .serResBox .fieldWrap.field1, .serResBox .fieldWrap.widthHalf, .serResBox .fieldWrap.field6, .serResBox .fieldWrap.widthHalfPlus, .serResBox .fieldWrap.widthx2 {-ms-flex: 0 0 33.3333%;flex: 0 0 33.3333%;max-width: 33.3333%;}*/ .workerWrap {-ms-flex-preferred-size: 0; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .workerBox .workerBoxHead .workerImg { max-width: 85px;} .workerBox .workerBoxContent .memberSince { font-size: 10px; } .workerRating img.ratingStar {width: 18px;} .workerRating img.ratingScore {width: 20px;margin-top: 2px;} .workerRating .ratingBox { width: 18px; line-height:14px;} .workerBox .contentLeft h6 { font-size: 12px; } .workerBox .contentLeft table td {font-size: 6px;} .workerBox .contentRight h6 { font-size: 12px; } .workerBox .contentRight table td:first-child {font-size: 9px;} .workerBox .contentRight table td:last-child {font-size: 5px;} /*End Search Result*/ /*hs2Page Start*/ .hs2Box p { font-size: 20px; margin-top: 50px; } /*hs2Page End*/ /*previewprofile2*/ .statusWork, #view-profile .worker-from { font-size: 10px;} #view-profile .sideIcon, #view-profile .worker-from img { max-width: 14px; } #view-profile .worker-performance p {font-size: 11px;} .pervProfile .proPicBtn { line-height: 28px; width: 120px;margin: 10px 0; font-size: 12px;} .pervProfile#view-profile .img-profilerow { max-width: 100%; max-height: none;} #view-profile .main-viewprofile { padding: 0; overflow: hidden; clear: both; } .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationItem { font-size: 12px; line-height: 24px;width: 26px; height: 26px;} /**/ /*Profile work offer popup start*/ #persPopup .modal-dialog { max-width: 410px;} .persPopupHead h5 { font-size: 18px; margin-top: 9px; } .persPopupBody h5 { font-size: 19px; } .persPopupBtns { text-align: center; } /*.popServWrap .mCSB_scrollTools a+.mCSB_draggerContainer { display: none !important; }*/ /*.popServWrap .mCSB_scrollTools .mCSB_buttonDown, .popServWrap .mCSB_scrollTools .mCSB_buttonUp { display: block !important; }*/ /*Profile work offer popup end*/ /* #filterPopup .modal-dialog { max-width: 475px;} #filterPopup .modal-content { background-size: 100% auto;} .modal-logo img { width: 62px; } .filterPopupHead h4 { font-size: 18px; } .filterPopupHead > img { width:40px; } .sliderNavWrap { font-size: 14px; } .filSliderWrap { padding: 13px 20px; } .filSlider { margin: 0 -7px; } .filSlider.slick-initialized .slick-slide { width: 303px !important;} .filSlider .slick-list { width:303px; } .filSlide { padding: 7px; } .filSlide label span { font-size: 11px; height: 87px;padding: 10px; } .filSlide label span img { max-height: 27px; margin-bottom: 10px;} .filSlider .slick-arrow {font-size: 28px; padding: 0; line-height: 50px; width: 32px;} .filSlider .fa-angle-left.slick-arrow { left: -45px;} .filSlider .fa-angle-right.slick-arrow { right: -45px;} .filterPopupBtns button.btnYellow { padding: 12px 50px; font-size: 14px; }*/ #filterPopup2 .modal-dialog, #filterPopup .modal-dialog { max-width: 540px;} #filterPopup2 .modal-content, #filterPopup .modal-content { background-size: 100% auto;} .modal-logo img { width: 62px; } .filterPopupHead h4 { font-size: 18px; } .filterPopupHead > img { width:40px; } .sliderNavWrap { /*font-size: 14px;*/ } .filSliderWrap { width: 360px;} /*.filSliderWrap { padding: 13px 20px; } .filSlider { margin: 0 -7px; }*/ /*.filSlider.slick-initialized .slick-slide { width: 303px !important;}*/ /*.filSlider .slick-list { width:303px; } .filSlide { padding: 7px; }*/ .filSlide label span.filItemWrap { font-size: 14px; height: 55px; padding: 10px; line-height: 34px; } .filSlide label span.filItemWrap img { max-height: 30px; max-width: 40px;} .filSlide label span.filItemWrap:before { top: 10px; } .filSlider .slick-list { width:358px; } .filSlider .slick-arrow {font-size: 28px; padding: 0; line-height:54px; width: 29px; margin-top: 1px;} .filSlider .fa-angle-left.slick-arrow { left:-29px;} .filSlider .fa-angle-right.slick-arrow { right:-29px;} .filterPopupBtns button.btnYellow { padding: 12px 50px; font-size: 14px; } .filterPopupBody { height: 400px; } .aniSection1 .filSlide label span.filItemWrap { font-size: 14px; line-height: 49px;} .servScroll { max-height: 204px; } .servScroll label { font-size: 16px; } .noWrkerContent h4 { font-size: 17px; } .noWrkerContent h5 { font-size: 15px; } .becomeWrker { font-size: 13px; padding:12px 30px; } #otpPopup .modal-dialog { max-width: 450px;} .otpPopupHead h5 { font-size: 18px; } .otpPopupBody h5 { font-size: 17px; } .otpCols .otpMob { max-width: 100px;} .otpCols .otpConte { padding-right: 0; } #teramPopup .modal-dialog { max-width: 450px;} .teramPopup .modal-heading { font-size:38px; } .teramPopup .popupBody { padding: 20px; } .privacy_wrapper .redBtn {font-size: 11px; padding:15px 10px; border-bottom-width: 3px;} .privacy_wrapper .redBtn img { width: 11px; } .perforDetails { font-size: 10px; margin: 5px;} .perforDetails th, .perforDetails td { padding: 5px 10px;} #view-profile .worker-services h3 { font-size: 16px; } #view-profile .worker-services h3 img { max-height: 18px; margin-top: -4px;} #view-profile .worker-services .lorem-dummytext { font-size: 12px; } .aboutPageCotnetn { padding: 30px 40px 120px; } .aboutPageCotnetn .aboutPageIcon { width: 46px; } .main .aboutPageCotnetn h4 {font-size: 25px; margin: 10px 0 20px;} .aboutPageCotnetn p { font-size: 15px; } .main .aboutPageCotnetn h4.bottomTitle { font-size: 15px; } /*Thank You popup start*/ #phoneverpop .modal-dialog { max-width: 420px;} .thankYPopupWrap { padding: 0; } /*Thank You popup start*/ /*----- Dashborad start ------*/ #offChart svg { max-height: 175px;} .dashboardPage h4 { font-size: 16px; } .dashboardPage h4 img { width: 24px; } .wrkHisBox .wrkHisBoxHead { font-size: 9px; } .wrkHisBox .wrkHisBoxContent { font-size: 6px; } .wrkHisBox .wrkHisBoxContent .bigText {font-size: 54px; line-height: 40px;} /*----- Dashborad end ------*/ /*search page start*/ .noFoundText { font-size: 26px; margin-top: 60px; margin-bottom: 40px; } /*search page end*/ /*Start Contact Page*/ /*.contactContent { margin:80px 0 400px;}*/ .getInTouch, .smIcons { font-size: 15px; max-width: 220px; } .contactusPage h2 { font-size: 19px; margin-bottom: 10px;} .smIcons { -webkit-transform: translate(0,10px); transform: translate(0,10px);} .smIcons a img { width: 20px;} .locationDiv p { font-size: 16px; background-size: 20px; padding-left: 30px; } .contactFormWrap { width:70%; } .contactForm form { padding: 10px; } .contactForm .textField { height: 26px; font-size: 8px; padding: 5px 5px 5px 30px; margin-bottom: 7px; background-size:15px !important;} .contactForm .partialImg2 { left: -74px; width: 132px;} .contactForm .yBtn { font-size: 8px; margin:5px 0 0; } .contactForm .fix-alerts-list { margin: 0 -10px -10px; justify-content: center;} /*End Contact Page*/ /*Partial Payment popup starts*/ #ppPopup .modal-dialog { max-width: 450px;} .ppPopupHead h5 { font-size: 18px; } /*Partial Payment popup ends*/ /*Prom Box starts*/ .promBoxTable { margin-top: 20px; } .promBoxTable td { font-size: 12px; } .promBoxBtns { margin:20px 0; } .promBoxBtns > button {margin: 0 3px !important;font-size: 14px;padding: 8px 16px 8px 12px;} /*Prom Box ends*/ .footer_wrapper #footer_inner.innerFooter h4 { font-size: 14px; margin-top: 30px; margin-bottom: 15px;} #footer #footer_inner.innerFooter .col-sm-6 ul li { margin-bottom: 10px; background-size: 18px; line-height: 18px; padding-left: 24px;} #footer #footer_inner.innerFooter ul li a { font-size: 12px; } #footer_inner.innerFooter .text-center.footer_bottom { font-size: 9px; } #footer #footer_inner.innerFooter .designed_wrap { font-size: 8px; } /*Start GPS Popup*/ #gpsPopup .modal-dialog { max-width: 400px;} .gpsPopup .modal-heading { font-size:22px; line-height: 1;} .gpsPopup .popupBody h4 { font-size: 22px; } /*End GPS Popup*/ /*Safety n Payout New Popup*/ .requirIDV .col3 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .requirIDVDiv { font-size: 13px; } /*End Safety n Payout New Popup*/ .whyWrk { background-size: 55%; } .whyWrk h2 small { font-size: 16px; } .whyWrk .btn { margin-left: 145px;margin-bottom: 35px; margin-top: 30px; padding: 10px 20px !important; font-size: 14px;} .whyPopupImg { left: 9px; } .whyPopupImg .forDesk {width: 150px;} /**/ /* .mw-1176 {max-width:570px;} */ .feeSection { max-width: 280px;} .step5payout .pl-60 {padding-left:15px;} .step5payout .pr-60 {padding-right:15px;} .step5payout .form-control {font-size: 10px;} } @media only screen and (max-width:991px) and (min-width:767px) { .incomeBtnWrap .btn { width: 135px; height: 36px; padding: 6px 13px !important;} .incomeBtnWrap .btn .fa { font-size: 20px; } .saftyPayoutUp .upload-panel { padding-right: 125px; } .saftyPayoutUp .hit_upload { font-size: 12px; width: 100px; line-height: 33px; } .saftyPayoutUp .droptext3 { font-size: 15px;} /**/ .footer { font-size: 14px;} .footer h5 { font-size: 16px;} .site-logo { max-width: 120px;} .social-media a { font-size: 14px;line-height: 30px;width: 30px;height: 30px;} } @media only screen and (max-width:768px) { .topBanner img.screen-md { display: none; } .topBanner img.screen-sm { display: block; } .topBanner .bannerBtn { top:27.3972602739726%;} .topBanner .bannerBtn.workerBtn { left: 5.352480417754569%; } .topBanner .bannerBtn.providerBtn { right: 7%;} .workBoxxx p, .workBoxxx ul li { font-size: 11px;} .fixedPrice p, .workBoxxx .securityBx p { font-style: 9px; } .workBoxxx ul li span { font-size: inherit;} .wFWait { margin:0 auto 10px; } .guestUser .copyRight, .guestUser .designed_wrap, .guestUser .footer_wrapper ul li a {font-size: 8px;} .rejectedPage .exp-header p span { display: block; } } @media only screen and (max-width:767px) { #sidebarpostwork{ margin-left: 0; width: 100%; } .main-header .navbar-brand img { width: 130px;} .main-header .sidebar-toggle { font-size: 18px; padding: 10px 22px; line-height: 30px; background-size: 1px 70px;} /*.topBanner img.screen-sm { display: none; } .topBanner img.screen-xs { display: block;}*/ .text-hide-down-xs { display: none;} /* */ body:not(.guestUser) .text-center.footer_bottom { font-size: 15px;} body:not(.guestUser) .copyright span { display: block; font-size: 15px; margin-bottom: 5px;} .ticket-detail-modal .right-heading.heading-default { padding: 13px 10px;} .apply-work.bid-actions .newBid { padding:50px 10px 10px; background-position: center 10px; text-align: center;} /**/ .header_search.search-form input[type=search] {height: 40px;} .header_search.search-form input.focused, .header_search.search-form input.focused2 { width:100% !important;} #top-nav > li.dropdown.profile-dropdown > a { max-width: none; line-height: 48px; } /* */ /*.wrapper_sub max-width: 100%;*/ .boxShadow + .boxShadow {margin-top: 10px;} .btn-gray, .btn-yellow { font-size: 10px; padding: 7px 30px !important; border-bottom-width: 3px;} /*.right_top_header .navbar-right { float: right; margin-right: 10px;}*/ .nav.navbar-nav { float: left;} .main-header .sidebar-toggle { margin-top: 6px; width: auto;} #top-nav.loginMenu>li { padding: 2px; } #top-nav:not(.loginMenu)>li { width:33.3334%;} #top-nav:not(.loginMenu) li:nth-of-type(1) { background: url(../images/user-panel-separator.png) left -12px no-repeat; background-size: 1px 70px;} .main h4 { font-size: 14px;} /*.topBanner .bannerBtn { box-shadow:0 0 0 5px rgba(89,146,222,.5); border-radius: 5px;}*/ .btnDes { display: none;} .btnMob { display: block;} .searchBoxWrap { padding: 15px;} .searchBoxWrap h4 { font-size: 18px; max-width: 400px;} .searchBoxWrap .boxIcon { width: 45px;} .searchBoxWrap > p { max-width: 470px; font-size: 14px;} .searchBox { max-width: 484px;height: 82px; margin: 15px auto;} .dropdownWrap.searchForbtn {width: 117px;left: 0;top: 46px;} .dropdownWrap.searchBybtn {width: 117px;left: 0;} .dropdownWrap.searchByIconBtn {width: 36px;left: 127px;} .dropdownWrap.insertAddress {width: 316px;left: 173px;} .dropdownWrap.distBtn {width: 117px;left: 127px;top: 46px;} .dropdownWrap.workBtn {width: 110px;left: 254px;top: 46px;} .dropdownWrap.servicesBtn {width: 110px;left: 374px;top: 46px;} .searchBox.searchByZip { max-width: 514px;} /*.searchByZip .dropdownWrap.insertAddress.insertZip {width: 139px;left: 127px;}*/ .searchByZip .dropdownWrap.insertAddress.insertZip {width: 164px;left: 175px;} .searchByZip .dropdownWrap.insertAddress.insertZip .form-control { font-size: 11px; padding: 7px; } .searchByZip .dropdownWrap.searchForbtn {left: 345px; width: 164px; top:0;} .searchByZip .dropdownWrap.distBtn {left: 397px;top:0;} .searchByZip .dropdownWrap.workBtn {left: 133px;} .searchByZip .dropdownWrap.servicesBtn {left: 255px;} .searchByZip .dropdownWrap.searchBybtn {width: 164px;} .dropdownWrap .btn .btnIcon {width: 26px;} .dropdownWrap .btn .btnIcon img { width:16px;} .dropdownWrap .btn {font-size: 8px;line-height: normal;padding: 6px 0 !important;height: 36px;} .dropdownWrap .btn .fa {font-size: 14px;} .dropdownWrap.searchByIconBtn img { width: 22px;} .insertAddress .form-control { height: 36px; font-size: 10px;} .insertAddress .input-group-addon { height: 36px; width: 36px;} .insertAddress .input-group-addon img { width: 16px;} .servicesBtn.dropdownWrap .btn:before { width: 26px; background-size: 16px;} .servicesBtn.dropdownWrap .btn { padding-left: 33px !important;} .whyWrk { padding: 15px;} .whyWrk h2 small { font-size: 12px;} .whyWrk .whyArrow { position: absolute; left: 15px; width: 48px;} .whyWrk .btn { margin-top: 20px;margin-left:110px;} .whyPopupImg .forDesk { display: none; } .whyPopupImg .forMobl { display: block; } .forEverbody {padding: 15px;} .forEverbody .boxIcon { width: 45px;} .forEverbody h4 { font-size:15px;} .forEverbody h4 small {font-size: 13px;max-width: 430px;} .homeBox .boxShadow { margin-top: 10px; padding: 5px;} .homeBoxWrap .row { margin-left: -4px !important; margin-right: -4px !important;} .homeBoxWrap .row .col-xs-4 {padding-left: 4px;padding-right: 4px;} .homeBox .boxContent {margin-top: -36px;} .homeBox .boxContent img { width: 46px;} .homeBox .boxContent h4 { margin-top: 10px; margin-bottom: 8px; font-size: 10px;} .homeBox .boxContent p { font-size:6px; margin: 5px 0;} .hiwWrap { padding: 15px;} .hiwWrap .boxIcon { width: 46px;} .hiwWrap ul li:after { font-size: 2em;} .hiwBox { width:82px;} .hiwBox img {width: 50px;} .hiwBox h6 { font-size: 9px;} .hiwBox p { font-size: 7px;} .looingWorkWrap { padding: 15px 8px;} .looingWorkWrap .boxIcon { width: 39px; margin-bottom:10px;} .looingWorkWrap h4 small { font-size: 14px;} .lfwTabs { margin-top: 20px !important;} .lfwTabs .tabsList li { font-size: 6px; padding: 20px 8px;} .lfwTabs .tabsList li span {-webkit-background-size: 21px;background-size: 21px;padding-top: 22px;} .lfwTabs .tabContent {margin: 0 6px;padding: 13px;} .lfwTabs .tabContent ul.tabMenu li { font-size: 7px; padding: 4px 0;} .whereverYouAre {padding: 13px;} .whereverYouAre h4 small { max-width: 467px; } .whereverYouAre .boxIcon {width: 36px;margin-bottom: 12px;} .whereverYouAre .wyaImg { margin: 40px auto -13px;} .homePriceWrap { padding: 13px;} .homePriceWrap .boxIcon {width: 46px;margin-bottom: 15px;} .homePriceWrap h4 small {font-size: 13px;max-width: 350px;} .homePriceWrap .hPriceImg {max-width: 426px;} .homePriceWrap a { margin-bottom: 0;} .meetPeopWrap {padding: 13px 7px;} .meetPeopWrap h4 { margin-bottom: 13px;} .meetPeopWrap h4 small {font-size: 13px;max-width: 400px;} .meetPeopWrap .row { margin-left: -5px !important; margin-right: -5px !important; } .meetPeopWrap .col-xs-4 {padding-left: 5px; padding-right: 5px;} .meetPeopWrap .peopTitle { margin-bottom: 7px;} .meetPeopWrap p { font-size: 7px; margin-bottom: 0;} .guestUser .footer_wrapper #footer_inner h4 { margin-top:10px; } .guestUser .footerContent {padding: 20px 0; margin-top: 20px;} .guestUser #footer .footerContent .row { margin-right: -5px !important; margin-left: -5px !important;} .guestUser #footer .footerContent div[class*=col-] { padding-left: 5px; padding-right: 5px; } .guestUser #footer .footerContent ul li { background-size: 14px; padding-left: 18px;} .guestUser .copyRight, .guestUser .designed_wrap, .guestUser .footer_wrapper ul li a {font-size: 10px;} .guestUser #footer ul li {line-height: 24px;} /*.guestUser .copyRight .stripeLogo { top: 33px; width: 60px; right: 10px;}*/ .guestUser .copyRight .stripeLogo { width: 106px;} .mdinUsa { max-height: 26px; } .dispnonemob{display:none!important;} .showonlymob{display:block;} .mgbot{margin-bottom:30px;} .centr{text-align:center;} .benefitsOf p {font-size: 14px;margin: 25px auto;max-width: 480px;} .benefitsOf .topImg {text-align: right;margin-right: -15px;margin-top: -15px;margin-bottom: 15px;} .benefitsOf .mobBottomImg { margin-bottom: -30px; } /*=============*/ .workBoxxx .workLeft{width:100%;/*max-width:320px;*/margin:0 auto;float:none;} .workBoxxx.new .securityBx{max-width:100%;} .funPart{max-width:100%;} .securityBx{max-width:100%;} .stripBxx{max-width:100%;} .workLeft.sec .funPart{max-width:100%;} .workLeft.show .securityBx{max-width:100%;} .workLeft.gret .securityBx{max-width:100%;} .centerCont h2{font-size:28px;} .workBoxxx.boxrite .workLeft{width:100%;} .countryName { background-size:25px; } .wrk-offer-detail .pagination {} .wFWait { margin:0 auto 10px;} .editprofile form .row { margin-left: -15px !important; margin-right: -15px !important; } .editprofile label.col-sm-2, .editprofile label.col-sm-4 { margin-top: 10px;} div#groupdate2 { margin: 0 auto; } .guestUser .form-buttons { text-align: center; } .guestUser .form-buttons button { width: 210px; } /**/ .wrk-offer-detail div.dataTables_wrapper {min-width:1820px;} #cometchat_embed_synergy_container { padding-bottom: 300px; } /*Search Result*/ .serResBox .fieldWrap, .serResBox .fieldWrap.field1, .serResBox .fieldWrap.widthHalf, .serResBox .fieldWrap.field6, .serResBox .fieldWrap.widthHalfPlus, .serResBox .fieldWrap.fieldWidth140, .serResBox .fieldWrap.field9.fieldWidth140, .serResBox .fieldWrap.field11.widthHalf, .serResBox .fieldWrap.widthx2 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .serResBox .fieldWrap.resultBtns { -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; } .serResBox .fieldWrap.resultBtns button { width: calc(50% - 5px); float: left; } .serResBox .fieldWrap.resultBtns button.clearBtn { margin-left: 10px; line-height: 32px; margin-top: 0; } .serResBox .dropdown-menu { font-size: 10px; width: 100%; } .serResBox .dropdown-menu .dropdown-header { font-size: 11px; padding: 3px 10px; } .serResBox .bootstrap-select.btn-group .dropdown-menu li a.opt { padding-left: 1.25em;} .offersTableWrap table { border:none; } .workerWrap {-ms-flex-preferred-size: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .workerBox .workerBoxHead .workerImg { max-width: 85px;} .workerBox .workerBoxContent .memberSince { font-size: 10px; } .workerRating img.ratingStar {width: 24px;} .workerRating img.ratingScore {width: 26px;margin-top: 2px;} .workerRating .ratingBox { width: 24px; line-height:19px; top: -1px;} .workerBox .contentLeft h6 { font-size: 15px; } .workerBox .contentLeft table td {font-size: 6px;} .workerBox .contentRight h6 { font-size: 12px; } .workerBox .contentRight table td:first-child {font-size: 9px;} .workerBox .contentRight .servList { height: auto;} /*.workerBox .contentRight table td:last-child {font-size: 5px;}*/ /*End Search Result*/ .editprofile form .saveBtn2 { margin-top: 0 !important; margin: 0 0 10px; padding: 12px 10px !important; display: block; width: 100%;} /*hs2Page Start*/ .hs2Box { padding:30px 0 0;} .hs2Box p { font-size: 24px; margin-top:30px; } .hs2Box p:first-of-type { text-align: center; } .hs2Box p.thankyouPa { margin-bottom: 40px; } /*hs2Page End*/ .auto-save-button.red-save a { height: 70px; padding: 0px 40px; line-height:normal; } .auto-save-button.red-save a img { width: 43px; } .notiWrap .beAwareWrap { text-align: left; } /*previewprofile2*/ .statistics-upwrapper .statusImg { max-width: 110px;} .statusWork, #view-profile .worker-from, #view-profile .worker-performance p { font-size: 18px; } #view-profile .sideIcon, #view-profile .worker-from img { max-width: 20px; } .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationItem {} .plate-exp a { margin:5px 0; width: 140px;} /**/ /*Profile work offer popup start*/ #persPopup .modal-dialog { max-width: 300px;} .persPopupHead h5 { font-size: 12px; margin-top: 18px;} .persPopupHead h5 img { width: 50px; } .persPopupBody h5 { font-size: 20px;} .popServWrap .listMainTitle { font-size: 13px; } .persPopupBtns > button { margin:0 2px; width: 120px; font-size: 12px;} .popServWrap label { font-size: 11px; } /*Profile work offer popup end*/ .safetywrapper .buttons-row .second-button.yBtnB, .safetywrapper .buttons-row .second-button.gBtnB { width: 160px; } /* #filterPopup .modal-dialog { max-width: 300px;} .modal-logo img { width: 86px; } .filterPopupHead h4 { font-size: 24px; } .filterPopupHead > img { width:53px; } .filterPopupBody { padding:14px 5px; } .sliderNavWrap { font-size: 20px; } .filSliderWrap { padding:3px 10px; } .filSlider { margin: 0 -7px; } .filSlider.slick-initialized .slick-slide { width: 232px !important;} .filSlider .slick-list { width:232px; } .filSlide { padding: 7px; width:50%; } .filSlide label span { font-size: 11px; height: 87px;padding: 10px; } .filSlide label span img { max-height: 28px; margin-bottom: 10px;} .filSlider .slick-arrow {font-size: 20px;padding: 0;line-height: 40px;width: 23px;} .filSlider .fa-angle-left.slick-arrow { left:-20px;} .filSlider .fa-angle-right.slick-arrow { right:-20px;} .filterPopupBtns button.btnYellow { padding: 12px 50px; font-size: 14px; }*/ #filterPopup2 .modal-body, #filterPopup .modal-body{ padding: 0; } #filterPopup2 .modal-dialog, #filterPopup .modal-dialog { max-width: 316px;} .modal-logo img { width: 86px; } .filterPopupHead h4 { font-size:18px; } .filterPopupHead > img { width:53px; } .filterPopupBody { margin: 14px 8px; } .filTitle { font-size: 18px; } /*.sliderNavWrap { font-size: 20px; } .filSliderWrap { padding:3px 10px; } .filSlider { margin: 0 -7px; }*/ /*.filSlider.slick-initialized .slick-slide { width: 232px !important;}*/ .filSliderWrap { width: 250px; } .filSlider .slick-list { width:248px; } /*.filSlide { padding: 7px; width:50%; }*/ .filSlide label span.filItemWrap { font-size: 12px; height:55px;padding: 10px 30px 10px 10px; line-height: normal; display: -webkit-flex;display: flex; align-items: center; } .filSlide label span.filItemWrap:before { top: 50%; font-size: 16px; transform: translate(0,-50%);} .filSlide label span.filItemWrap .filImg { margin-right: 5px;} .filSlide label span.filItemWrap .filText { } .filSlide label span.filItemWrap img { max-height: 28px; margin-bottom: 10px;} .filSlider .slick-arrow {font-size: 20px;padding: 0;line-height:54px;width: 23px; margin-top: 0;} .filSlider .fa-angle-left.slick-arrow { left:-23px;} .filSlider .fa-angle-right.slick-arrow { right:-23px;} .filterPopupBtns button.btnYellow { padding: 12px 50px; font-size: 14px; } .aniSection1 .filSlide label span.filItemWrap { line-height: normal; } .aniSection3 .filSliderWrap { width:auto; } .servScroll label { font-size: 14px; } .filterPopupBtns button.btnYellow { width: 166px; } .aniSection4 .filTitle img { width: 29px; } #otpPopup .modal-dialog { max-width: 300px;} .otpPopupHead h5 { font-size: 20px; margin-top: 14px;} .otpPopupBody h5 { font-size: 20px;} .otpCols .otpMob { float: none; margin: 0 auto; } .otpCols .otpConte { text-align: center; } .otpPopupBtns > button { margin:0 8px; } #teramPopup .modal-dialog { max-width: 310px; margin: 10px auto;} .teramPopup .modal-heading { font-size:21px; } .teramPopup .modal-heading img { width: 54px; } .teramPopup .popupBody {padding:10px 0;} .teramPopup .popupBody .teamIcon { width: 86px; } .teramPopup .popupBody h4 { font-size: 18px; } .teramPopup button.btnYellow, .teramPopup button.btnRed { padding:15px 35px; font-size: 13px; } .teramPopup .checkBox label { font-size: 15px; } /*Signup Popup*/ .registration-acknowledgement h1 { font-size: 26px; } .registration-acknowledgement h2 { font-size: 30px; } /*.registration-acknowledgement p.acknowledgement { font-size: 20px; } .registration-acknowledgement p.acknowledgement-description, span.acknowledgement-policies, .acknowledgement-last, .acknowledgement-last p>label, .acknowledgement-last button.btn { font-size: 16px; }*/ .step-2 .select2-container { margin-top: 0; } /*Start error pages*/ .errorBox { padding: 0 15px 25px;} .errorBox h2 { font-size: 22px; margin: 20px 0; } .errorBox .errorName { max-width:260px; } .errorBox .errorBottomImg { max-width: 230px; } .errorBox .errorBottomImg { margin-top:45px; } .errorBox .yBtn { width: 230px; font-size:16px; } /*End error pages*/ .prodetailswrapper .moreexperience button { width: auto; font-size: 14px; } .enterprodeatils h1 { font-size: 26px; } .enterprodeatils h2 { font-size: 30px; } .prodetailswrapper .drop2 span { display: block; } .prodetailswrapper.main-form .preview-form .row, .prodetailswrapper .row { margin-top: 20px; } .locked_form .auto-save-button.absolute { position: relative; } .locked_form .auto-save-button a { font-size: 15px; line-height: 1; height: auto;} .locked_form .auto-save-button a img { width: 45px;} .yEdit.editprofile h1 { font-size:26px; } .yEdit.editprofile h2 { font-size: 30px; } .yEdit .editprofilewrapper .edseparator { margin:0 0 40px; } .yEdit + .editprofbottomrow .btn-tologin { padding: 13px 60px; font-size: 14px; } .prodetailswrapper .certificate { text-align: center; } .safetypayout h1 { font-size: 26px;} .safetypayout h2 { font-size: 30px;} .safetypayout label.accounttype { margin-bottom: 0; } .safetyupwrapper .row .paydetails { margin-bottom: 0;} .safetywrapper .with-error .error-text { margin-bottom: 20px;} .safetywrapper .acknowledge-row label { font-size: 18px; } .safetywrapper .acknowledge-row button a { font-size: 18px; } .safetypayout .encrypted-row { padding-top: 30px; padding-bottom: 20px;} .safetypayout .encrypted-row p {font-size: 13px;} /*Thank You POpup start*/ #phoneverpop .modal-dialog { max-width: 300px;} .thankYPopupBody h6 { text-align: center; } .thankYPopupBtns button.btnYellow { padding:10px 40px;} /*Thank You POpup end*/ /*----- Dashborad start ------*/ .dashboardPage { padding: 10px; } #offChart svg { max-height: 175px;} .dashboardPage h4 { font-size: 20px; margin-bottom: 18px; } .dashboardPage h4 img { width: 30px; } .wrkHisBox.offersBox { margin-top: 12px; } .wrkHisBox .wrkHisBoxHead { font-size: 15px; } .wrkHisBox .wrkHisBoxContent { font-size: 11px; } .wrkHisBox .wrkHisBoxContent .bigText {font-size: 90px; line-height: 76px;} #offChart { margin-top: 15px; } #offChart svg { height: all; } .incomeBtnWrap { float: none; margin: 0 auto 15px; width: 190px;} .dashboardPage .box-header { position: static; margin-top: 10px; } /*dashboard end*/ /*search page start*/ .noFoundText { font-size: 22px; } /*search page end*/ .postwrkPage .create-work .st-type .certificate label { margin-left: calc(50% - 68px) !important;} .postwrkPage .lb-details, .postwrkPage .prodetailswrapper .certificate { text-align: left;} .postwrkPage .create-work .snd-type { display: block; } .postwrkPage .create-work .snd-type label { display: inline; } /* Start Contact Page */ .contactFormWrap { width: 60%;} .contactFormWrap .bulding { display: none; } .contactFormWrap .contactForm { float: none; width: 60%; margin: 0 auto; } .contactForm .partialImg1 { width: 80%; } /* End Contact Page */ /*Partial Payment popup starts*/ #ppPopup .modal-dialog { max-width: 300px;} .ppPopupHead h5 { font-size: 11px; } .ppPopupBody h5 { font-size: 13px; } .ppPopupBtns > button { margin:0 8px; } /*Partial Payment popup ends*/ .bid-modal canvas { max-width: none; } .workstatus.signature-bottom { overflow: hidden; } .kbw-signature { border:none; } .ratingBox { line-height: 33px;} /*.footer_wrapper #footer_inner.innerFooter { padding: 0 15px; }*/ .innerLogo { margin-right: 40%;} #footer #footer_inner.innerFooter .col-sm-8 { padding-left: 20px; } .footer_wrapper #footer_inner.innerFooter h4 { font-size: 20px; margin-top: 30px; margin-bottom: 15px;} .importantLinks { width: 100%; } #footer #footer_inner.innerFooter .col-sm-6 ul li { margin-bottom: 10px; background-size: 24px; line-height: 24px; padding-left:38px;} #footer #footer_inner.innerFooter ul li a { font-size: 16px; } #footer_inner.innerFooter .text-center.footer_bottom { font-size: 15px; display: block; } #footer #footer_inner.innerFooter .designed_wrap { font-size: 11px; -webkit-transform:none; transform:none;} #footer #footer_inner.innerFooter .designed_wrap li { display: block; } #footer #footer_inner.innerFooter .copyright img { width: auto; } /*Start GPS Popup*/ #gpsPopup .modal-dialog { max-width: 320px; margin: 10px auto;} .gpsPopup .modal-heading { font-size:20px; padding: 10px; } .gpsPopup .modal-heading img {} .gpsPopup .popupBody {padding:10px 0;} .gpsPopup .popupBody h4 { font-size: 22px; } .gpsPopup .popupBtns button { margin: 5px;} .gpsPopup button.btnYellow, .gpsPopup button.btnRed { padding:15px; font-size: 18px; } /*End GPS Popup*/ /*Safety n Payout New Popup*/ .requirIDV .col3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .requirIDVDiv { font-size: 15px; } .col-lg-ml-15.col-sm-ml-2, .col-sm-ml-2 {margin-left:0;} /*End Safety n Payout New Popup*/ .step5payout .uploadbox-id { text-align: center;} .step5payout .uploadbox-id h5 { margin-bottom: 10px; font-size: 14px;} .uploadbox-id-back { margin-top: 24px;} .step5payout .uploadbox .btn {height: 26px; font-size: 12px;} /**/ .footer-top {background-size: 100%;} .privacy-link.desktop-block { display: none;} .privacy-link.desktop-none { display: block;} .mw-220 { max-width: 220px; margin: 0 auto 50px; text-align: center;} .site-logo {max-width: 169px;margin-left: auto;margin-right: auto; margin-bottom: 30px;} .footer h5 { font-size: 20px; margin-top: 30px;} .saftyPayoutUp.uploadbox-id .pictur { display: block; text-align: center;} .saftyPayoutUp.uploadbox-id .pictur li { float: none; display: inline-block; margin-top:1rem;} /* .saftyPayoutUp .uploadbox-id .pictur li .image_preview {} */ } @media (max-width:720px){ .whyWrk { background-size: 59%;} } @media (max-width:600px){ /*#sidebar-nav { height: calc(100vh - 74px); }*/ .ourTabs .myTabs li + li { border-left: 1px solid #ccc; } .targetLinks li{padding:0 4px;} .targetLinks a{font-size:8px;} .ourTabs .nav-tabs>li>a{font-size:8px; line-height: 350%;} .centerCont h2{font-size:20px;} .beAwareBtns .yBtn { margin: 0 5px; } .beAwareBtns .yBtn + img {margin-left: 0;} .privacy_wrapper .redBtn { font-size: 14px; } .privacy_wrapper .redBtn img { width: 21px;} /* Start Contact Page */ .contactFormWrap { width: 55%;} /* End Contact Page */ /* .footer-top { background-size: 350px; background-position: bottom right -35px; } */ .copyrightBar { font-size: 9px;} .copyrightBar img {max-width: 100%;height: 20px;} } @media only screen and (min-width:568px) { .forMobile { display: none !important;} } @media only screen and (max-width:567px) { .job-overview .profile-overview svg{ margin-top: -5px; height: 29px; } .forTablet { display: none !important;} .forMobile { display: block !important;} .forMobileXs { display: block;} .topBanner img.screen-sm { display: none; } .topBanner img.screen-xxs { display: block; width: 100%; } /*.wrapper_sub { max-width:320px;}*/ .btn-gray, .btn-yellow {font-size: 16px;padding: 10px 15px !important;border-bottom-width: 4px;} .nav.navbar-nav {float: right; margin-right: 15px !important;} .right_top_header .navbar-right { margin-right: 0; width: 100%;} #top-nav:not(.loginMenu) li { -webkit-background-size: 1px 50px; background-size: 1px 50px; background-position: left 0px; width: 33.3334%; float: left;} #top-nav li:first-of-type { background: none;} #top-nav li:last-of-type { background: url(../images/user-panel-separator.png) left 0px/1px 50px no-repeat;} /*.topBanner .bannerBtn { top: 33.979976%; width: 19.676768%;} .topBanner .bannerBtn.workerBtn {left: 6.838384%;} .topBanner .bannerBtn.providerBtn {right: 5.207071%;}*/ .topBanner .bannerBtn {top: 33.979976%;width: 74.6031746031746%; transform: translate(-50%,0px);/*box-shadow: 0 0 0 10px rgba(89,146,222,.5);border-radius: 5px;*/} .topBanner .bannerBtn:active { transform: translate(-50%,2px);} .topBanner .bannerBtn.workerBtn {left: 50%;top:23.75649591685226%;} .topBanner .bannerBtn.providerBtn {right: auto;left: 50%; top: 35.56050482553823%;} .topBanner .bannerBtn img { width: 100%} .searchBoxWrap { padding: 10px;} .searchBoxWrap > p { line-height: normal;} .searchBox {max-width: 280px;height: 220px;margin: 20px auto;} .dropdownWrap.searchForbtn {width: 135px;left: 0;top: 46px;} .dropdownWrap.searchBybtn {width: 135px;left: 50px;top: 184px;} .dropdownWrap.searchByIconBtn {width: 36px;left: 195px;top: 184px;} .dropdownWrap.insertAddress {width: 102%;left: 0;top: 0;} .dropdownWrap.distBtn {width: 135px;left: 145px;top: 46px;} .dropdownWrap.workBtn {width: 100%;left: 0;top: 92px;} .dropdownWrap.servicesBtn {width: 100%;left: 0;top: 138px;} .searchBox.searchByZip {max-width: 280px; height: 174px; } .searchByZip .dropdownWrap.searchForbtn {width: 100%;left: 0;top: 0px;} .searchByZip .dropdownWrap.searchBybtn {width:calc(50% - 5px);left: calc(50% + 5px);top: 138px;} .searchByZip .dropdownWrap.searchByIconBtn {width: 36px;left: 195px;top: 184px;} .searchByZip .dropdownWrap.insertAddress.insertZip { width:50%; left: 0;top: 138px;} .searchByZip .dropdownWrap.distBtn {width:calc(50% - 5px);left: calc(50% + 5px);top: 0;} .searchByZip .dropdownWrap.workBtn {width: 100%;left: 0;top: 46px;} .searchByZip .dropdownWrap.servicesBtn {width: 100%;left: 0;top: 92px;} .whyWrk { text-align: center; background-image: url(../images/why-bg-m.jpg); -webkit-background-size: auto; background-size: auto;} .whyWrk h2 { font-size: 32px;} .whyWrk h2 span {max-width: 120px; display: block; text-align: left;} .whyWrk h2 small {font-size: 17px;width: 260px;margin: 0 auto;margin-top: 110px;} .whyWrk .whyArrow { left: 20%;width: 48px;transform: rotate(40deg);bottom: 47px;} .whyWrk .btn { margin-left: 0;} .forEverbody h4 {font-size: 19px;} .forEverbody h4 small {font-size: 14px;max-width: 250px;} .homeBoxWrap .row .col-xs-4 { width: 100%;} .homeBox .boxContent {margin-top: -62px;} .homeBox .boxContent img {width: 78px;} .homeBox .boxContent h4 {margin-top: 15px;margin-bottom: 10px;font-size: 18px;} .homeBox .boxContent p {font-size: 12px;margin: 5px 0 15px;font-weight: 500;} .hiwWrap ul { width: 100%;} .hiwWrap ul li { width: 100%; text-align: center;} .hiwWrap ul li:after {position: static;content: "\f078";font-size: 3.5em;margin-bottom: 20px;display: block;} .hiwBox {width: 120px;margin: 0 auto;} .hiwBox img {width: 104px;} .hiwBox h6 {font-size: 13px;} .hiwBox p {font-size: 11px;font-weight: 500;} .lfwTabs { padding-top: 0;} .lfwTabs .tabsList { display: none;} .lfwTabs h2.resp-accordion { position:relative; left: 0 !important; top: 0 !important; width: 100%; font-size: 15px; font-weight: normal; text-align: center; margin: 0; background:url("../images/horizontal-seprator.png") no-repeat top center/80% #424242 !important; color: #fff; padding: 22px 32px; height: auto;} .lfwTabs h2.resp-accordion:first-of-type { border-radius: 8px 8px 0 0 !important;} .lfwTabs h2.resp-accordion:last-of-type { border-radius: 0 0 8px 8px !important;} .lfwTabs h2.resp-accordion span { padding-top: 60px; padding-bottom: 20px; background-size: 52px;} .lfwTabs h2.resp-accordion.resp-tab-active { color:#fff200;} .lfwTabs h2.resp-accordion.resp-tab-active:first-of-type { border-radius: 8px 8px 0 0 !important;} .lfwTabs h2.resp-accordion.resp-tab-active:last-of-type { border-radius: 0 !important;} .resp-arrow { display: none !important;} .lfwTabs .tabContent {margin: 0;padding: 13px;border-radius: 0;} .lfwTabs .tabContent ul.tabMenu { width: 100%;} .lfwTabs .tabContent ul.tabMenu li { font-size: 15px;} .homePriceWrap .hPriceImg {max-width: 100%;} .meetPeopWrap .col-xs-4 { width: 100%;} .meetPeopWrap h4 {font-size: 19px;} .meetPeopWrap p {font-size: 9px;margin-bottom: 10px;} .guestUser #footer div[class*=col-xs] { width: 100%;} .guestUser .footerLogo { margin: 0;} .guestUser .footerLogo:before { content: ""; display: block; clear: both; border-top: 1px solid #fff; margin-top: 14px; margin-bottom: 20px;} .guestUser .footerLogo img { max-width: 90px; margin-left: -15px;} .guestUser .footerContent {padding:0 0 22px ;margin-top: 0;border-top: none;} .guestUser .footer_wrapper #footer_inner h4 {font-size: 19px;margin-top: 30px;} .guestUser #footer .footerContent ul li {background-size: inherit;padding-left: 38px; line-height: 38px;} .guestUser .footer_wrapper ul li a { font-size: 15px;} .copyRight { font-size: 10px;} .copyRight span { display: block;} .designed_wrap { font-size: 10px; margin-top: 10px;} .credits_links li { display: block; line-height: 20px !important;} .copyRight .stripeLogo { width: 197px; position: static; margin: 10px auto 0;} .guestUser .copyRight .stripeLogo { width: 150px;} .mdinUsa { max-height:none; width: 150px; margin-top: 15px; } .ourTabs .myTabs { margin-bottom: 0; } .ourTabs .nav-tabs>li>a { font-size: 8px;} .wFWait {max-width: 100%;margin-left: 0; text-align: center;} .wFWaitArrow { left: 0; } .wFWait .btn { float: none; } .ourTabs .container-fluid { padding-bottom: 320px;} .wFWait .btn { font-size: 8px; padding: 13px 12px !important; width: auto; display: inline-block;} .acknowledgement-last button.btn { font-size: 16px; padding: 15px 24px !important;} /*Search Result*/ .serResBox .fieldWrap, .serResBox .fieldWrap.field1, .serResBox .fieldWrap.field11.widthHalf, .serResBox .fieldWrap.widthHalf, .serResBox .fieldWrap.field6, .serResBox .fieldWrap.widthHalfPlus, .serResBox .fieldWrap.widthx2 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .serResBox .fieldWrap.field3, .serResBox .fieldWrap.field13 { background-size: 25px; padding-left: 35px; } .searchResulWrap {padding: 10px;} .workerWrap { padding: 7px 10px;} .workerBox .workerBoxHead .workerImg { max-width: 72px;} .workerBox .workerBoxContent { padding:10px 5px; } .workerBox .workerBoxContent .memberSince {font-size: 8px;} .workerRating img.ratingStar {width: 14px;} .workerRating img.ratingScore {width: 16px;margin-top: 4px;} .workerRating .ratingBox {width: 14px;line-height: 10px;top: -1px;font-size: 5px;border-radius: 2px;} .workerBox .contentLeft h6 {font-size: 10px;margin-bottom: 3px;} .workerBox .contentLeft h6 > img { width: 15px; } .workerBox .contentLeft table td {font-size: 5px;} .workerBox .contentRight h6 {font-size: 10px;margin-bottom: 5px;} .workerBox .contentRight table td > img { width: 11px; } .workerBox .contentRight table td span.skillIcon { width: 10px;} .workerBox .contentRight table td span.skillIcon img { max-height: 10px; } .workerBox .contentRight table td:first-child {font-size: 7px;} /*.workerBox .contentRight table td:last-child {font-size: 5px;}*/ .workerBox .contentRight h6 { font-size: 8px; margin-bottom: 5px;} .workerBox .contentRight h6 span { font-size: 6px;} .workerBox .contentRight h6 span img { width: 6px;} /*End Search Result*/ /**/ #view-profile .worker-services h3 { font-size: 15px; } .pervProfile .worker-detailswrapper .media-left { padding-right: 15px; } .statusWork, #view-profile .worker-from, #view-profile .worker-performance p { font-size: 13px; } .pervProfile .proPicBtn { line-height: 22px; width: 96px; margin: 10px 0; font-size: 10px;} #view-profile .job-overview .experience-arrow img { display: none; } .experience-arrow,.profile-overview { font-size: 10px; } /**/ .drivNote .drivCell { font-size: 13px; } .statistics-upwrapper .statusImg { max-width: 96px;} /*.registration-acknowledgement h1 { font-size: 22px; } .registration-acknowledgement h2 { font-size: 26px; } .registration-acknowledgement p.acknowledgement { font-size:16px; } .registration-acknowledgement p.acknowledgement-description, span.acknowledgement-policies, .acknowledgement-last, .acknowledgement-last p>label, .acknowledgement-last button.btn { font-size: 14px; } .enterprodeatils h1 { font-size: 22px; } .enterprodeatils h2 { font-size: 26px; } .exp-header p { font-size: 18px; } .safetypayout h1 { font-size: 22px;} .safetypayout h2 { font-size: 26px;} .safetywrapper .row input { font-size: 14px;} .safetywrapper .billdetails { font-size: 16px; }*/ /*about page*/ .aboutPageCotnetn { padding: 20px 20px 70px; background-image:url('../images/about-page-bg-mob.jpg'); } .main .aboutPageCotnetn h4 { font-size: 19px; } .aboutPageCotnetn p { font-size: 15px; } /*end about page*/ .searchResulWrap h4 { font-size: 18px; } .searchResulWrap h4 img { width:24px; } .noFoundImg { margin-bottom: 9px; } /* Start Contact Page */ .contactContent { margin: 180px 0 320px;} .drone { display: none; } .sunImg { width: 394px; left: -135px; top:-150px; z-index: 2;} .cloud1 {left: auto;top: 10px;width: auto;right: -87px;} .cloud2 { width: auto; right: 50px; top: 80px; } .cloud3 { width: auto; right: auto; left: -70px; top: 124px; } .getInTouch, .smIcons { font-size: 19px; float: none; max-width: none; text-align:center; } .contactusPage h2 { font-size: 26px; } .smIcons a { font-size: 22px; } .smIcons a img { width: 41px;} .smIcons .spaceM { display: block; margin-top: 15px; } .locationDiv p { font-size: 19px; background-size: 25px; padding-left: 35px; text-align: left; max-width: 270px; line-height: 1.2; margin: 0 auto;} .contactFormWrap { float: none; width: 100%; margin:15px 0; } .contactFormWrap .contactForm { width: 100%; } .contactFormWrap .contactForm form { padding: 20px;} .contactForm .partialImg { position: static; transform:none; } .contactForm .partialImg1 { width: auto; margin-bottom: 10px; } .contactForm .textField {height: 40px;font-size: 14px;padding: 10px 10px 10px 45px;margin-bottom: 12px;background-size: auto !important;} .contactForm .yBtn { font-size: 13px; margin: 15px 0 0;} .contactForm .fix-alerts-list { margin: 0 -20px -20px;} /* End Contact Page */ .saftyPayoutUp .upload-panel { padding-right: 100px; } .saftyPayoutUp .hit_upload { font-size: 10px; width: 86px; line-height: 26px; right: 10px; margin-top: -13px; } .saftyPayoutUp .droptext3 { font-size: 15px;} .whyWrk .btn { margin-bottom: 10px; padding: 10px 15px !important; font-size: 16px; } .whyPopupImg { position: static; left: -7px; position: relative; bottom: -15px;} .whyPopupImg .forMobl { display: none; } .whyPopupImg .forMob { display: block; } .text-xs-center { text-align: center;} } @media (max-width:500px){ /*.ourTabs .nav-tabs>li>a{font-size:10px;}*/ .targetLinks a{font-size:10px;} .tabssInner{padding:30px 0 0 0;} .mgbot{margin-bottom:15px;} .workBoxxx{padding:15px 0 15px 0;} .targetLinks a{padding:5px 0 0 0;} .workBoxxx h2{font-size:17px;} .fixedPrice h5{padding-top:65px;font-size:16px;} .whyWrk .whyArrow { left: 10%; } .text-editor .infoBox { top: 67%; } } @media only screen and (max-width:480px) { .guestUser .form-buttons button + button { margin-top: 10px; margin-left: 0; } .job-overview .profile-overview svg{ margin-top: -3px; height: 21px; width: 21px; } .experience-arrow, .profile-overview{ font-size: 9px; } } @media only screen and (max-width:360px) { .whyWrk .whyArrow { left: 3%; } } /* Worker Pagination — matches DataTables circular style */ .worker-pagination-wrap { text-align: center !important; padding: 20px 0 10px !important; } .worker-pagination.pagination { display: inline-flex !important; align-items: center !important; justify-content: center !important; list-style: none !important; padding: 0 !important; margin: 0 !important; gap: 4px !important; border-radius: 0 !important; } .worker-pagination.pagination > li { display: inline-block !important; float: none !important; } .worker-pagination.pagination > li > a, .worker-pagination.pagination > li > span { float: none !important; border-radius: 50% !important; border: #b5b5b5 solid 1px !important; width: 30px !important; height: 30px !important; line-height: 28px !important; padding: 0 !important; margin: 0 !important; color: #424242 !important; font-size: 14px !important; font-family: Museo-Bold, 'Montserrat', sans-serif !important; background-color: #f6f5f5 !important; display: inline-block !important; text-align: center !important; text-decoration: none !important; cursor: pointer !important; transition: all .2s !important; } .worker-pagination.pagination > li.active > a, .worker-pagination.pagination > li.active > a:focus, .worker-pagination.pagination > li.active > a:hover, .worker-pagination.pagination > li.active > span, .worker-pagination.pagination > li.active > span:focus, .worker-pagination.pagination > li.active > span:hover { background-color: #e8e8e8 !important; border-color: #999 !important; font-weight: 700 !important; color: #333 !important; z-index: 3 !important; } .worker-pagination.pagination > li > a:hover, .worker-pagination.pagination > li > a:focus { background-color: #f5c518 !important; border-color: #d4a910 !important; color: #333 !important; } .worker-pagination.pagination > li.disabled > a, .worker-pagination.pagination > li.disabled > span { color: #ccc !important; cursor: default !important; border-color: #ddd !important; background-color: #fafafa !important; } .workersWrap { transition: opacity 0.15s ease; }