.page-about{}.terms{}@media (min-width: 1200px) { .page-text-bg-wrapper { background-color: rgb(238, 230, 224); padding: 60px 0 60px 0; overflow: hidden; }}.page-text{ max-width: 1000px; margin: auto;} .page-text h1{ line-height: initial; } .page-text p{ font-size: 18px; line-height: 165%; } .page-text.terms ol, ol.enhanced-ol{ counter-reset: section; list-style-type: none; } .page-text.terms > ol > li, ol.enhanced-ol > li{ padding-top: 10px; padding-bottom: 10px; } .page-text.terms ol > li:before, ol.enhanced-ol > li:before{ counter-increment: section; content: counters(section, ".") " "; margin-left: -40px; position: absolute; }.community-guidelines{ max-width: 700px;} .community-guidelines p, .community-guidelines li{ font-size: 15px; line-height: 165%; }.page-text.about-us{} .page-text.about-us h1{ font-size: 50px; margin-bottom: 20px; } .page-text.about-us h2{ font-size: 34px; margin-top: 60px; } .page-text.about-us h3{ font-size: 20px; margin-top: 40px; } @media (max-width: 576px) { .page-text.about-us img{ aspect-ratio: 1 / 1; object-fit: cover; max-height: unset !important; border-radius: 3px; } }.page-text.contact-us{ text-align: center;} .page-text.contact-us p{ font-size: 22px; } .page-text.contact-us h1{ font-size: 62px; } .page-text.contact-us p.email{ margin: 40px 0 0 0; font-weight: 500; } .page-text.contact-us p.email::before{ content: "\F2CC"; display: block; font-size: 48px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; margin: 0 0 10px 0; } @media (min-width: 576px) and (max-width: 768px){ .page-text.contact-us h1{ font-size: 44px; } } @media (max-width: 576px) { .page-text.contact-us h1{ font-size: 30px; } }.page-my-account{}.page-my-account.user{ max-width: 1140px; margin: auto;}.page-my-account h2{ font-size: 34px; font-weight: 200; margin-bottom: 60px;}ul.my-nav{ padding: 0; display: block; overflow: hidden; margin: 0 0 40px 0;} ul.my-nav.user{ max-width: 800px; margin: auto auto 40px auto; } ul.my-nav.company{ margin: 0 auto 40px auto; width: fit-content; width: -moz-fit-content; display: flex; justify-content: center; flex-wrap: wrap; } ul.my-nav li{ list-style: none; margin: 0 13px 10px 13px; } ul.my-nav li.edit-account a{ display: flex; align-items: baseline; } ul.my-nav li.edit-account .t{ max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } ul.my-nav li.edit-account .score{ display: inline-block; position: relative; font-size: 12px; color: white; padding-left: 4px; min-width: 24px; text-align: center; font-weight: 300; margin-left: 4px; } ul.my-nav li.edit-account .score::before{ content: "\F350"; position: absolute; font-size: 29px; top: -6px; left: 0px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; z-index: -1; color: #222222; } ul.my-nav li:first-child{ margin-left: 0; } ul.my-nav li.logout{ margin-right: 0; } ul.my-nav li.selected a{ font-weight: 500; } ul.my-nav li a{ color: #222222; font-size: 18px; } ul.my-nav.user li{ padding-top: 36px; float: left; } ul.my-nav.user li.profile{ padding-top: 0; font-size: 70px; font-weight: 500; } ul.my-nav.user li.new-listing{ clear: both; margin-left: 0; } ul.my-nav.user li.new-listing a{ } ul.my-nav.user li.new-listing a:hover{ }.company-account-inactive{ margin: auto auto 40px auto; max-width: 500px; background: #F7F6F7; padding: 20px; border-radius: 3px;} .company-account-inactive h2{ font-weight: 800; } .company-account-inactive li{ padding-bottom: 10px; } .company-account-inactive li:last-child{ padding-bottom: 0; } .company-account-inactive a{ text-decoration: underline; } .company-account-inactive a:hover{ text-decoration: none!important; }.identity-verification{ text-align: center;} .identity-verification h1{ margin: 20px 0 20px 0; } .identity-verification .desc{ margin-bottom: 40px; } .identity-verification .status{ font-size: 22px; font-weight: 500; } .identity-verification .basepass{ width: fit-content; margin: auto auto 40px auto; max-width: 500px; background: #6b6b6a; padding: 40px 80px; border-radius: 8px; }.account-notifications{ max-width: 600px; margin: auto;} .account-notifications h1{ font-size: 30px; margin-bottom: 20px; } .account-notifications h2{ font-size: 20px; margin: 0px 0 20px 0; } .account-notifications .list{ margin: 0 -20px 40px -20px; overflow: hidden; } @media (min-width: 576px) { .account-notifications .list{ box-shadow: 0 50px 100px rgb(50 50 93 / 10%), 0 15px 35px rgb(50 50 93 / 15%), 0 5px 15px rgb(0 0 0 / 10%); border-radius: 8px; border: 1px solid rgb(221, 221, 221); } } .account-notifications .i.active{ position: relative; } .account-notifications .i.active::after{ content: "Unviewed"; color: white; font-size: 12px; padding: 3px 6px; font-weight: 300; display: block; background-color: #008489; position: absolute; top: 50%; margin-top: -5px; right: 40px; z-index: 2; border-radius: 3px; } @media (max-width: 576px) { .account-notifications .i.active::after{ right: 20px; top: 13px; margin-top: 0; font-size: 11px; font-weight: 100; } } .account-notifications .i.active .msg{ font-weight: 500!important; } .account-notifications .list .i .listing-info .title{ max-width: 100%!important; }.account-supermover{ max-width: 800px; margin: auto;} .account-supermover .head{ text-align: center; } .account-supermover .head svg{ margin: 20px 0 40px 0; } .account-supermover .head h1{ font-size: 30px; margin-bottom: 20px; } .account-supermover .head .subtitle{ font-size: 22px; font-weight: 200; } .account-supermover .overall-status{ margin: 60px 0 0 0; font-size: 30px; font-weight: 800; text-align: center; } .account-supermover .overall-status.valid{ color: #008489; } .account-supermover .overall-status.invalid{ color: rgb(230, 30, 77); } .account-supermover .criterias{ display: flex; flex-wrap: wrap; margin: 80px 0 0 0; } .account-supermover .criteria{ min-height: 300px; padding: 0 0 60px 0; box-sizing: border-box; display: flex; flex-direction: column; } @media (min-width: 768px) { .account-supermover .criteria { width: 50%; } .account-supermover .criteria:nth-child(odd){ padding-right: 20px; } .account-supermover .criteria:nth-child(even){ padding-left: 20px; } } @media (max-width: 768px) { .account-supermover .criteria{ margin-bottom: 40px; } } .account-supermover .criteria img.icon, .account-supermover .criteria svg.icon { height: 48px; width: 48px; margin-bottom: 20px; display: block; } .account-supermover .criteria .title{ font-size: 24px; font-weight: 500; } .account-supermover .criteria .desc{ font-size: 18px; margin: 0 0 20px 0; flex: 1; } .account-supermover .criteria .result{ margin-bottom: 10px; font-size: 16px; font-weight: 500; display: flex; align-items: center; flex: none; } .account-supermover .criteria .result.review-score svg{ margin: 0 0 0 6px; } .account-supermover .criteria .status{ display: flex; align-items: center; font-weight: 300; flex: none; } .account-supermover .criteria .status svg{ margin-right: 10px; } .account-supermover .criteria .status.passed{ } .account-supermover .criteria .status.failed{ }.page-balance{ max-width: 800px; margin: auto; overflow: hidden;}.page-balance h1{ margin: 20px 0 0 0; font-weight: 800; font-size: 38px;}.page-balance form#account-balance{ overflow: hidden; margin: 30px 0 30px 0; padding-bottom: 10px; padding-top: 3px;} .page-balance form#account-balance .from{ float: left; width: 50%; box-sizing: border-box; padding-right: 20px; } .page-balance form#account-balance .until{ float: left; width: 50%; box-sizing: border-box; padding-left: 20px; text-align: right; } .page-balance form#account-balance .t{ padding: 12px 20px 0 0; display: inline-block; } .page-balance form#account-balance .select-wrapper{ display: inline-block; } .page-balance form#account-balance .select-wrapper.long{ width: 45%; margin-right: 10px; } .page-balance form#account-balance .select-wrapper.short{ width: 30%; } .page-balance form#account-balance select{ box-sizing: border-box; padding: 10px 14px 10px 14px; font-size: 18px; font-weight: 500; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border-radius: 2px; width: 100%; } .page-balance form#account-balance label{ overflow: hidden; }.page-balance table.balance{ width: 100%; border-collapse: separate; border-spacing:0;}.page-balance table.balance tr{}.page-balance table.balance tr th{ text-align: left; font-weight: 500; padding: 10px 0 10px 0;}.page-balance table.balance tr th:last-child,.page-balance table.balance tr td:last-child{ text-align: right;}.page-balance table.balance tr td{ text-align: left; border-bottom: 1px solid #e8e8e8; border-collapse: separate; border-spacing:0; padding: 10px 0 10px 0; vertical-align: top;}.page-balance table.balance tr td:first-child,.page-balance table.balance tr td:nth-child(2){ padding-right: 10px;}.page-balance table.balance tr:last-child td{ border-bottom:0;}.page-balance .payout-request{ display: none; margin: auto; max-width: 500px; text-align: center; background: #F7F6F7; padding: 20px; border-radius: 3px;} .page-balance .payout-request h2{ font-weight: 500; margin-bottom: 10px; } .page-balance .payout-request .block{ margin: 0 0 20px 0; } .page-balance .payout-request .block .desc{ font-size: 14px; } .page-balance .payout-request .block .val{ font-size: 18px; font-weight: 300; } .page-balance .payout-request .block button[type=submit] { background: #008489; border-radius: 2px; padding: 8px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 200; border: 0; }.page-dashboard{ max-width: 720px; margin: auto;}.page-dashboard h1{ margin: 20px 0 40px 0; font-weight: 800; font-size: 45px;}.page-dashboard .supermover{ display: flex; align-items: center; margin: 40px 0 20px 0;} .page-dashboard .supermover strong{ color: #008489; padding-right: 6px; }.page-dashboard .stats .head{ overflow: hidden; margin: 0 0 60px 0; padding: 0 0 60px 0; border-bottom: 1px solid #e8e8e8;}.page-dashboard .chart-quotes{ border-bottom: 1px solid #e8e8e8; margin: 0 0 60px 0; padding: 0 0 50px 0;} .page-dashboard .chart-quotes h2{ margin-bottom: 20px; }.page-dashboard .stats{} .page-dashboard .stats .head{ display: flex; flex-flow: wrap; } .page-dashboard .stats .block{ margin: 0 0px 40px 0; padding: 0 40px 0 0; width: 50%; box-sizing: border-box; } .page-dashboard .stats .block:last-child{ border-right: 0px solid #e8e8e8; padding-right: 0; margin-right: 0; } .page-dashboard .stats .block .value{ font-weight: 800; font-size: 32px; } .page-dashboard .stats .block .title{ font-size: 13px; font-weight: 300; } .page-dashboard .stats .block .compare{ display: flex; margin: 10px 0 0 0; color: rgb(106, 106, 106); font-size: 13px; font-weight: 300; } .page-dashboard .stats .block .compare .indicator{ margin-right: 10px; } .page-dashboard .stats .block .compare .indicator.up{ color: rgba(0, 132, 137); } .page-dashboard .stats .block .compare .indicator.up span{ background: rgba(0, 132, 137, 0.2); width: 18px; height: 18px; display: inline-block; border-radius: 100px; text-align: center; transform: rotate(45deg); margin-right: 6px; font-weight: bold; font-size: 13px; } .page-dashboard .stats .block .compare .indicator.down{ color: rgba(230, 30, 77); } .page-dashboard .stats .block .compare .indicator.down span{ background: rgba(230, 30, 77, 0.2); width: 18px; height: 18px; display: inline-block; border-radius: 100px; text-align: center; transform: rotate(45deg); margin-right: 6px; font-weight: bold; font-size: 13px; }.page-dashboard .quote-tips{ margin: 40px 0 0 0; } .page-dashboard .quote-tips h2{ margin-bottom: 10px; } .page-dashboard .quote-tips .desc{ } .page-dashboard .quote-tips .list{ margin: 40px 0 0 0; } .page-dashboard .quote-tips .list .item{  margin: 0 0 30px 0; position: relative; background-color: #f5f5f5; border-radius: 15px; padding: 30px 20px 20px 70px; } .page-dashboard .quote-tips .list .item::before{ font-size: 24px; position: absolute; top: 30px; left: 30px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; } .page-dashboard .quote-tips .list .item.idea::before{ content: "\F39D"; }  .page-dashboard .quote-tips .list .item .title{ font-size: 20px; font-weight: 500; margin: 0 0 10px 0; } .page-dashboard .quote-tips .list .item .description{ max-width: 90%; } .page-dashboard .quote-tips .list .item ul.view-list{ } .page-dashboard .quote-tips .list .item ul.view-list li{ margin: 10px 0 0 0; } .page-dashboard .quote-tips .list .item ul.view-list li a{ color: #008489; font-weight: 500; }.page-dashboard .profile-tips{ margin: 80px 0 0 0;} .page-dashboard .profile-tips h2{ margin-bottom: 10px; } .page-dashboard .profile-tips .list{ margin: 40px 0 0 0; display: flex; flex-direction: column; } .page-dashboard .profile-tips .list .item{ margin: 0 0 30px 0; position: relative; background-color: #f5f5f5; border-radius: 15px; padding: 30px 20px 20px 70px; } .page-dashboard .profile-tips .list .item::before{ content: "\F182"; font-size: 24px; position: absolute; top: 32px; left: 30px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; } .page-dashboard .profile-tips .list .item.done{ text-decoration: line-through; opacity: 0.6; order: 2; } .page-dashboard .profile-tips .list .item.undone{ order: 1; } .page-dashboard .profile-tips .list .item.undone::before{ content: "\F29A"; } .page-dashboard .profile-tips .list .item .title{ font-size: 20px; font-weight: 500; margin: 0 0 10px 0; } .page-dashboard .profile-tips .list .item .description{ max-width: 90%; } .page-dashboard .profile-tips .list .item a.fix-it{ background: #008489; border-radius: 2px; padding: 6px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 300; text-decoration: none!important; display: inline-block; margin: 15px 0 0 0; text-transform: uppercase; } .page-dashboard .profile-tips .list .item.done a.fix-it{ display: none; }@media (max-width: 992px) { .page-dashboard .stats .head{ display: block; } .page-dashboard .stats .head .block{ margin: 0 0px 40px 0; padding: 0 0px 0 0; width: 100%; } .page-dashboard .stats .head .block:last-child{ margin-bottom: 0; }}.account-bookmarks{ max-width: 800px; margin: auto;}.account-bookmarks h1{ margin: 20px 0 40px 0; font-weight: 800; font-size: 38px;}ul.my-bookmarks{ padding: 0;} ul.my-bookmarks li{ list-style: none; padding: 0 0 40px 0; margin: 0 0 40px 0; border-bottom: 1px solid rgb(235, 235, 235); } ul.my-bookmarks li:last-child{ border-bottom: 0; } ul.my-bookmarks li .remove-bookmark{ margin: 20px 0 0px 0; color: white; } ul.my-bookmarks li .remove-bookmark span{ background: #6b6b6a; padding: 6px 15px; cursor: pointer; display: inline-block; } ul.my-bookmarks li .remove-bookmark span:hover{ background: #008489; } ul.my-bookmarks li .note{ border-left: 5px solid #6b6b6a; padding-left: 10px; font-size: 15px; margin: 10px 0 10px 0; } ul.my-bookmarks li .date-created{ font-size: 15px; color: #9b9b9a; } ul.my-bookmarks li a{ margin: 0 0 0px 0; overflow: hidden; display: flex; align-items: center; } ul.my-bookmarks li a:hover{ text-decoration: none!important; } ul.my-bookmarks > li:last-child a{ margin-bottom: 0; } ul.my-bookmarks li .title{ font-size: 28px; font-weight: 500; margin: 0 0 0px 0; } ul.my-bookmarks li .location{ overflow: hidden; margin: 0px 0 10px 0; } ul.my-bookmarks li .location .collection{ float: left; box-sizing: border-box; padding-right: 12px; } ul.my-bookmarks li .location .delivery{ position: relative; padding-left: 24px; } ul.my-bookmarks li .location .delivery::before { content: "\F2DD"; font-size: 12px; position: absolute; top: 50%; margin-top: -6px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } ul.my-bookmarks li .location .delivery{ float: left; position: relative; } ul.my-bookmarks li .right{ } ul.my-bookmarks li .image{ display: block; padding-right: 40px; text-align: center; } ul.my-bookmarks li .image img{ width: 100px; height: 75px; border-radius: 2px; display: block; }.account-widgets{ max-width: 800px; margin: auto;}.account-widgets h1{ font-weight: 800; font-size: 20px; margin: 20px 0 0px 0;}.account-widgets h2{ margin: 10px 0 20px 0; font-weight: 800; font-size: 38px;}.account-widgets code{ display: block; width: fit-content; font-family: Consolas,"courier new"; color: crimson; background-color: #f5f5f5; font-size: 11px; padding: 10px; box-shadow: inset 0 0 0 2px rgb(235, 235, 235); border-radius: 5px;}.account-widgets .select-wrapper{ display: inline-block;} .account-widgets .select-wrapper #reviews-carousel-min-stars{ -webkit-appearance: none; padding: 10px 20px 10px 20px; } @media (max-width: 576px) { .account-widgets .select-wrapper{ margin-top: 20px; width: 100%; } .account-widgets .select-wrapper #reviews-carousel-min-stars{ width: 100%; font-size: 15px; text-align: center; text-align-last: center; appearance: none; } }.account-widgets .reviews-carousel-example-box{ background-color: #f5f5f5; padding: 20px; margin: 40px 0;}.account-widgets .volume-calculator-example-box{ background-color: #f5f5f5; padding: 10px 20px; margin: 40px 0;}.account-widgets .reviews-carousel-not-eligible{ background-color: #f5f5f5; padding: 20px;}.account-widgets .break{ height: 2px; background-color: rgb(235, 235, 235); margin: 60px 0 60px 0;}@media (max-width: 576px) { .account-widgets h2{ font-size: 30px; }}.free-widget-volume-calculator{} .free-widget-volume-calculator h1{ font-size: 34px; } @media (max-width: 576px) { .free-widget-volume-calculator h1{ font-size: 20px; } }.account-badges{ max-width: 800px; margin: auto;} .account-badges .head{ text-align: center; max-width: 690px; margin: auto; } .account-badges .select-style{ margin: 40px auto 40px auto; padding: 6px 18px; font-size: 16px; display: block; } .account-badges .badge{ text-align: center; max-width: 690px; margin: 20px auto 20px auto; } .account-badges .badge-size{ margin: auto auto 40px auto; max-width: 280px; text-align: center; } .account-badges .badge-size input{ margin: 16px auto auto auto; -webkit-appearance: none; appearance: none; width: 100%; height: 4px; background: #6b6b6a; outline: none; -webkit-transition: .2s; transition: opacity .2s; border-radius: 2px; } .account-badges .badge-size input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 26px; height: 26px; background: rgb(255, 56, 92); cursor: pointer; border-radius: 100%; border: 3px solid #FFF; box-shadow: 0 0 0 3px #6b6b6a; } .account-badges .install{ max-width: 690px; margin: auto; text-align: center; } .account-badges .install h2{ } .account-badges .install code{ display: block; font-family: Consolas,"courier new"; color: crimson; background-color: #f5f5f5; font-size: 11px; padding: 20px 10px; box-shadow: inset 0 0 0 2px rgb(235 235 235); border-radius: 5px; max-width: 500px; margin: auto; overflow-wrap: anywhere!important; overflow: auto; } .account-badges .install .clone{ display: none; }.account-listings{ max-width: 800px; margin: auto; padding: 0 0px; box-sizing: border-box;}.account-listings h1{ display: none;}.account-listings .yloader{ margin-top: 100px; margin-bottom: 300px;} .account-listings .refer-to-friend{ margin-top: 200px; }.account-listings .notification-superuser{ padding: 10px 20px; margin: 0 0 0px 0; font-weight: 300; position: relative; font-size: 16px; width: 100%; box-sizing: border-box; align-items: center; background: rgb(247, 247, 247); cursor: pointer; user-select: none;} .account-listings .notification-superuser span.cal{ color: #FFF; background: #6b6b6a; padding: 0 4px; font-weight: 300; font-size: 14px; } .account-listings .notification-superuser .explainer{ display: none; margin: 20px 0 0 0; background-color: #efefef; border-radius: 15px; padding: 20px 40px; }.account-listings ul.listings-filter{ padding: 40px 0 30px 0; margin: 0 0 40px 0; list-style: none; display: flex; flex-wrap: wrap; border-top: 2px solid rgb(235, 235, 235);} .account-listings ul.listings-filter li{ cursor: pointer; margin: 0 20px 10px 0; padding: 6px 24px; border: solid 2px rgb(235 235 235); border-radius: 5px; font-size: 18px; user-select: none; text-align: center; } .account-listings ul.listings-filter li.selected, .account-listings ul.listings-filter li:hover{ border-color: rgb(34, 34, 34); background-color: rgb(247, 247, 247); }ul.my-listings{ padding: 0; margin-bottom: 100px;} ul.my-listings li{ list-style: none; padding: 0; margin: 0; } ul.my-listings li a{ margin: 0 0 40px 0; padding: 0 0 40px 0; overflow: hidden; display: block; border-bottom: 1px solid rgb(235, 235, 235); } ul.my-listings li a:hover{ text-decoration: none!important; } ul.my-listings > li:last-child a{ margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } ul.my-listings li .top{ padding: 0 0 20px 0; margin: 0 0 0px 0; overflow: hidden; } ul.my-listings li .booked{ padding: 0px 20px; font-size: 26px; font-weight: 500; background-color: rgba(0, 132, 137, 0.15); } ul.my-listings li .quote-available{ padding: 0px 20px; font-size: 26px; background-color: rgba(0, 132, 137, 0.15); } ul.my-listings li .leave-feedback{ padding: 0px 20px; font-size: 26px; background-color: rgba(0, 132, 137, 0.15); } ul.my-listings li .waiting-approval{ padding: 0px 20px; font-size: 26px; background-color: rgba(0, 132, 137, 0.15); } ul.my-listings li .no-action{ padding: 0px 20px; font-size: 30px; background-color: #f2f2f2; } ul.my-listings li .title{ font-size: 22px; font-weight: 500; margin: 0 0 10px 0; } ul.my-listings li .location{ overflow: hidden; margin: 0 0 10px 0; color: rgb(106, 106, 106); } ul.my-listings li .location .collection{ float: left; position: relative; box-sizing: border-box; } ul.my-listings li .location .delivery{ float: left; position: relative; padding-left: 50px; } ul.my-listings li .location .delivery::before { content: "\F2DD"; font-size: 12px; position: absolute; top: 5px; left: 19px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } ul.my-listings li .right{ float: left; display: contents; } ul.my-listings li .image{ display: block; float: left; width: 120px; padding-right: 40px; text-align: center; } ul.my-listings li .image img{ width: 120px; height: 80px; border-radius: 0px; display: block; }@media (max-width: 576px) { .account-listings .notification-superuser{ text-align: center; } .account-listings .notification-superuser .explainer{ border-radius: 0; padding: 20px 10px; } .account-listings ul.listings-filter{ justify-content: space-between; } .account-listings ul.listings-filter li{ width: 47%; margin-right: 0; box-sizing: border-box; padding: 6px 0px; }}.account-quotes2{} .account-quotes2 > .c{ display: flex; flex-direction: column; } .account-quotes2 .cc{ order: 2; } .account-quotes2 .no-results{ text-align: center; margin: 80px 0 0 0; font-size: 20px; } .account-quotes2 .subm{ margin: 40px auto 20px auto; width: fit-content; width: -moz-fit-content; display: flex; flex-wrap: wrap; justify-content: center; } .account-quotes2 .subm span{ font-size: 22px; cursor: pointer; margin-left: 15px; margin-right: 15px; } .account-quotes2 .subm span:last-child{ margin-right: 0; } .account-quotes2 .subm span:hover{ text-decoration: underline; } .account-quotes2 .subm span.selected{ font-weight: 500; text-decoration: underline; } .account-quotes2 .subm span.selected:hover{ text-decoration: none; } .account-quotes2 table .listing-img img{ width: 80px; border-radius: 5px; display: block; } .account-quotes2 table .listing-img div{ width: 80px; height: 53px; background-color: #ddd; border-radius: 5px; } .account-quotes2 .dataTables_wrapper .dataTables_filter{ margin: 0 20px 10px 0; font-weight: 500; } .account-quotes2 .dataTables_wrapper .dataTables_filter input{ font-size: 18px; } .account-quotes2 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar{ background: #f7f7f7; height:16px; width: 16px; } .account-quotes2 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-thumb{ background:#6b6b6a; height:16px; } .account-quotes2 table.dataTable thead th, .account-quotes2 table.dataTable thead td{ border-bottom: 2px solid #6b6b6a; font-weight: 500; } .account-quotes2 table.dataTable tbody td{ box-shadow: 9px 0px 15px -7px rgba(0, 0, 0, 0.09); font-size: 14px; } .account-quotes2 .dataTables_wrapper .dataTables_info, .account-quotes2 .binfo{ padding: 10px 10px 0 10px; text-align: center; } .account-quotes2 .dataTables_wrapper.no-footer .dataTables_scrollBody{ border-bottom: 0; } .account-quotes2 table.dataTable tbody tr.selected{ background-color: rgba(107, 107, 106, 0.8)!important; color: rgba(255, 255, 255, 0.9); } .account-quotes2 table.dataTable tbody tr.selected .grey, .account-quotes2 table.dataTable tbody tr.selected .info1{ color: rgba(255, 255, 255, 0.7); } .account-quotes2 table.dataTable tbody tr.selected .listing-img img, .account-quotes2 table.dataTable tbody tr.selected .listing-img div{ opacity: 0.7; } .account-quotes2 table.dataTable tbody tr.selected a{ color: rgba(255, 255, 255, 0.9); } .account-quotes2 table.dataTable tbody tr.selected td{ border-top: 1px solid rgba(255, 255, 255, 0.9); } .account-quotes2 table.dataTable.stripe tbody tr:nth-child(odd), .account-quotes2 table.dataTable.display tbody tr:nth-child(odd){ background-color: #f5f5f5; } .account-quotes2 .dataTables_scrollHeadInner table.dataTable thead .sorting_asc, .account-quotes2 .dataTables_scrollHeadInner table.dataTable thead .sorting_desc, .account-quotes2 .dataTables_scrollHeadInner table.dataTable thead .sorting{ background-image: none; } .account-quotes2 .dataTables_scrollHeadInner table.dataTable thead .sorting_asc::after, .account-quotes2 .dataTables_scrollHeadInner table.dataTable thead .sorting_desc::after, .account-quotes2 .dataTables_scrollHeadInner table.dataTable thead .sorting::after{ font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; margin-left: 4px; } .account-quotes2 .dataTables_scrollHeadInner table.dataTable thead .sorting_asc::after{ content: "\F129"; color: #008489; } .account-quotes2 .dataTables_scrollHeadInner table.dataTable thead .sorting_desc::after{ content: "\F128"; color: #008489; } .account-quotes2 .dataTables_scrollHeadInner table.dataTable thead .sorting::after{ content: "\F11B"; transform: rotate(-90deg); } .account-quotes2 .note-edit i:not(.qq){ color: rgb(106, 106, 106); } .account-quotes2 .note-edit i.qq{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .account-quotes2 .note-form{ display: none; } .account-quotes2 .note-form textarea{ width: 100%; box-sizing: border-box; } .account-quotes2 .note-form button{ width: 100%; background: #008489; border-radius: 2px; padding: 8px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 200; border: 0; } .account-quotes2 .note-form .cancel{ width: 100%; text-align: center; cursor: pointer; display: block; margin: 10px auto auto auto; width: -moz-fit-content; width: fit-content; } .account-quotes2 table td .info1{ font-size: 12px; font-style: italic; } .account-quotes2 table td .grey{ color: rgb(106, 106, 106); } .account-quotes2 table td .brdtop{ border-top: 1px solid #eee; padding: 2px 0 0 0; width: fit-content; margin-left: auto; } .account-quotes2 table td .eco{ background-color: rgba(0, 132, 137, 0.6); border-radius: 3px; padding: 0px 2px 0px 2px; margin: 0; display: inline-block; color: white; font-size: 11px; margin-left: 4px; font-weight: 300; font-style: normal; } .account-quotes2 tbody tr td.sorting_1{ background-color: rgba(221, 221, 221, 0.5)!important; border-left: 1px solid #DDD; border-right: 1px solid #DDD; }.account-quotes2.search{} .account-quotes2 #account-list-quote{ margin: 80px auto 0 auto; } .account-quotes2 .subm .search{ } .account-quotes2 .subm .search::after{ content: "\F36C"; margin-left: 5px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; position: absolute; margin-top: 8px; } .account-quotes2.search .c{ } .account-quotes2 .yloader{ display: none; margin-top: 60px; margin-bottom: 40px; } .account-quotes2 form#quote-search{ display: none; margin: 0px auto 0 auto; max-width: 500px; } .account-quotes2.search form#quote-search{ display: block; margin: 80px auto 40px auto; } .account-quotes2.search form#quote-search input[name=search_string] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; padding: 10px 20px 10px 20px; font-size: 18px; font-weight: 500; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; text-align: center; } .account-quotes2.search form#quote-search .e { text-align: center; font-size: 14px; margin-top: 10px; }.account-quotes2 .filters{ display: flex; flex-wrap: wrap; width: fit-content; margin: 0px auto 20px auto; justify-content: center;} .reload-search-button{ margin-left: 5px; display: none; } .reload-search-button .button{ width: fit-content; background: #008489; padding: 4px 20px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 13px; font-weight: 300; margin: 0px auto 0 auto; border-radius: 16px; border: 1px solid #DDDDDD; } .reload-search-button .button:hover{ outline: 1px solid #222; border: 1px solid #222; } .quote-filter-modal{ max-width: 400px; min-width: 400px; } .quote-filter-modal h2{ font-weight: 700; font-size: 22px; margin-bottom: 20px; } .quote-filter-modal .block{ margin: 0 0 20px 0; } .quote-filter-modal .block:last-of-type{ margin-bottom: 0; } .quote-filter-modal .block .title{ margin: 0 0 6px 0; } .account-quotes2 .filters .filter{ width: fit-content; margin: auto 5px 10px 5px; cursor: pointer; font-size: 13px; } .account-quotes2 .filters sup{ line-height: 0%; } .account-quotes2 .filters .filter .button{ border: 1px solid #DDDDDD; border-radius: 16px; padding: 4px 12px; } .account-quotes2 .filters .filter .button:hover{ border: 1px solid #222; outline: 1px solid #222; background: #F7F7F7; } .account-quotes2 .filters .filter .active{ border: 1px solid #222; background: #F7F7F7; border-radius: 16px; display: none; } .account-quotes2 .filters .filter .c{ margin: 4px 0px 4px 12px; border-right: 1px solid #CCC; padding-right: 10px; } .account-quotes2 .filters .filter .placer-collection-address-area, .account-quotes2 .filters .filter .placer-delivery-address-area{ max-width: 100px; width: fit-content; text-overflow: ellipsis; overflow: hidden; display: inline-block; white-space: nowrap; margin-bottom: -4px; margin-right: -8px; } .account-quotes2 .filters .filter .active .close{ padding: 4px 12px 4px 6px; } .account-quotes2 .filters .filter .active .close::after{ content: "\F2E0"; font-size: 10px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; font-weight: 100; line-height: 1; margin-left: 4px; }form.amend-quote-form{ box-sizing: border-box; font-size: 16px; width: 400px;} form.amend-quote-form input[type=text]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; font-size: 16px; font-weight: 500; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; background: white; } form.amend-quote-form select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 10px 14px 10px 14px; font-size: 16px; font-weight: 300; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border-radius: 2px; background: white; } form.amend-quote-form textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; font-size: 16px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; resize: vertical; } form.amend-quote-form h2{ font-weight: 500; margin-bottom: 20px; font-size: 28px; } form.amend-quote-form h3{ font-weight: 500; margin-bottom: 10px; font-size: 20px; } form.amend-quote-form span.info{ display: inline-block; width: 20px; height: 20px; position: relative; cursor: pointer; } form.amend-quote-form span.info::before{ content: "\F21B"; font-size: 14px; position: absolute; top: 6px; right: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; cursor: pointer; } form.amend-quote-form .info-desc { margin: 10px 0 10px 0; width: 100%; background-color: #6b6b6a; padding: 10px 15px; position: relative; box-sizing: border-box; color: white; display: none; } form.amend-quote-form .group{ overflow: hidden; width: 100%; } form.amend-quote-form .block{ overflow: hidden; float: left; margin-bottom: 20px; box-sizing: border-box; } form.amend-quote-form .block ul.listic{ list-style: none; padding: 0; margin: 0; } form.amend-quote-form .block ul.listic li{ padding-bottom: 5px; } form.amend-quote-form .block ul.listic li label{ cursor: pointer; } form.amend-quote-form .control{ overflow: hidden; width: 100%; } form.amend-quote-form button[type=submit] { background: #008489; border-radius: 2px; padding: 8px 20px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 200; border: 0; min-width: 100px; margin: 0 0 20px 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } form.amend-quote-form .cancel{ } form.amend-quote-form .cancel span{ cursor: pointer; } form.amend-quote-form .cancel span:hover{ text-decoration: underline; }.amend-quote-pop-up{ margin-top: 20px;} .amend-quote-pop-up .show-amend-options{ float: right; display: inline-block; background-color: #e44746; border-radius: 2px; padding: 8px 20px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 300; border: 0; min-width: 100px; text-transform: uppercase; } .amend-quote-pop-up .amend-options{ display: none; background: #222222; border-radius: 2px; opacity: 1; padding: 15px 30px; z-index: 1; color: white; cursor: pointer; position: absolute; right: 0px; top: 0; width: 100%; max-width: 300px; } @media (max-width: 992px) { .amend-quote-pop-up .amend-options{ left: 0; right: 0; max-width: 100%; text-align: center !important; width: 100%; box-sizing: border-box; margin-top: -70px; top: inherit; } } .amend-quote-pop-up .amend-options ul{ list-style: none; margin: 10px 0; padding-left: 0px; } .amend-quote-pop-up .amend-options ul li{ padding-bottom: 5px; width: 100%; } .amend-quote-pop-up .amend-options ul li span{ display: inline-block; margin: auto; cursor: pointer; } .amend-quote-pop-up .amend-options .cancel{ border-top: 1px solid rgba(255, 255, 255, 0.8); padding-top: 10px; font-size: 18px; font-weight: 300; } .amend-quote-pop-up .amend-options span:hover{ text-decoration: underline; cursor: pointer; }form.amend-quote-form[name=expiration-date]{} form.amend-quote-form[name=expiration-date] label{ cursor: pointer; } form.amend-quote-form[name=expiration-date] input[type=text]{ float: left; width: 50%; } form.amend-quote-form[name=expiration-date] .select-wrapper{ float: left; width: 50%; box-sizing: border-box; padding-left: 20px; } form.amend-quote-form[name=expiration-date] select{ width: 100%; }form.amend-quote-form[name=note]{} form.amend-quote-form[name=note] .block{ width: 100%; }form.amend-quote-form[name=price-30min-labour]{} form.amend-quote-form[name=price-30min-labour] .block{ display: flex; align-items: center; } form.amend-quote-form[name=price-30min-labour] .block input[type=text]{ width: 70px; text-align: center; margin-left: 10px; }form.amend-quote-form[name=time-allocated]{} form.amend-quote-form[name=time-allocated] .block{ display: flex; align-items: center; } form.amend-quote-form[name=time-allocated] .block input[type=text]{ width: 70px; text-align: center; margin-right: 10px; }form.amend-quote-form[name=coldel]{} form.amend-quote-form[name=coldel] .block{ width: 100%; } form.amend-quote-form[name=coldel] .block select{ width: 100%; } form.amend-quote-form[name=coldel] .block.options input{ } form.amend-quote-form[name=coldel] .block.options{ margin: 0; } form.amend-quote-form[name=coldel] .block.options > div{ display: none; margin: 0; overflow: hidden; margin-bottom: 20px; } form.amend-quote-form[name=coldel] .block.options .dates-option{ } form.amend-quote-form[name=coldel] .block.options .dates-option .b{ margin-bottom: 20px; overflow: hidden; } form.amend-quote-form[name=coldel] .block.options .dates-option .b:last-child{ margin-bottom: 0px; } form.amend-quote-form[name=coldel] .block.options .dates-option .ti{ margin-bottom: 2px; text-align: left; } form.amend-quote-form[name=coldel] .block.options .dates-option .p1{ float: left; width: 45%; } form.amend-quote-form[name=coldel] .block.options .dates-option .p2{ float: right; width: 45%; } form.amend-quote-form[name=coldel] .block.options .dates-option select, form.amend-quote-form[name=coldel] .block.options .dates-option input{ width: 100%; box-sizing: border-box; } form.amend-quote-form[name=coldel] .block.options .within-days .t1{ float: left; margin: 4px 10px 0 0; } form.amend-quote-form[name=coldel] .block.options .within-days input{ text-align: center; float: left; width: 50px; }form.amend-quote-form[name=price] .amount .set_amount input { float: right!important; border: 0!important; outline: 0!important; border-bottom: 1px solid white!important; width: 80px!important; font-size: 20px!important; color: white!important; top: -5px!important; text-align: right!important; padding: inherit; margin: -2px 0 0 0; font-weight: 500; border-radius: 0; box-shadow: none!important;}form.amend-quote-form[name=withdraw] button{ text-transform: uppercase;}form.amend-quote-form .time-allocated .q{ text-align: right;}form.amend-quote-form .price-30min-labour .q{ text-align: left;}body{ background: white; margin: 0; font-family: 'Mallory'; font-weight: 200; color: #222222; height: fit-content; -webkit-text-size-adjust: 100%;}h1, h2, h3{ padding: 0; margin: 0;}strong,b{ font-weight: 500;}.container { width: 100%; padding-right: 24px; padding-left: 24px; margin-right: auto; margin-left: auto; box-sizing: border-box;} @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1460px) { .container { max-width: 1280px; } }a{ text-decoration: none; color: inherit;} a:hover{ text-decoration: underline !important; } @-moz-document url-prefix() { a, a:hover, .as-link, .as-link:hover{ text-decoration-thickness: 10%!important; } }a.underline{ text-decoration: underline;} a.underline:hover{ text-decoration: none!important; }.nowrap{ white-space: nowrap;} .ypopup .nowrap{ white-space: normal!important; }a.external{ position: relative; margin-right: 2px;} a.external::after{ content: "\f267"; font-size: 12px; margin-left: 6px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; }.navbar{ margin: 15px 0 60px 0; height: 38px;} @media (min-width: 1200px) { .navbar.bordered{ border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 38px; } }.logo{ display: block; background-size: contain; background-repeat: no-repeat; width: 152px; height: 23px; float: left; margin: 12px 40px 0 0;}.hidden{ display: none!important;}.flex{ display: flex!important;}select,select option{ font-weight: 200; color: #222222;}select:disabled,input:disabled{ background-color: rgb(235, 235, 228)!important;}input,button,textarea,select{ border: 1px solid rgba(107, 107, 106, 0.4); font-family: 'Mallory'!important;}textarea{ font-weight: 200; font-size: 16px;}input[type=text],input[type=email],input[type=password]{ -webkit-appearance: none; -moz-appearance: none; appearance: none;}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=url]::placeholder,textarea::placeholder{ font-weight: 300; opacity: 0.8;}textarea:focus,select:focus,input:focus,button:focus{ outline: 2px solid #222; outline-offset: -2px;}input[type=number]{ -moz-appearance:textfield!important;} input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {  -webkit-appearance: none; margin: 0;  }input[type=radio]{ border: 1px solid #E8E8E8; width: 16px; height: 16px; text-align: center; border-radius: 50px; position: relative; outline: none; cursor: pointer; outline: none!important; border: none!important;} input[type=radio]:before { position: absolute; display: block; width: 16px; height: 16px; content: ""; background: white; box-shadow: none; border-radius: 90%; border: 1px solid #6b6b6a; top: -1px; left: -1px; } input[type=radio]:checked:before { border: 1px solid #6b6b6a; } input[type=radio]:checked:after { content: "\F1E0"; font-size: 8px; position: absolute; top: 4px; left: 4px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; color: #222222; z-index: 1; }input[type=checkbox]{ border: 1px solid #E8E8E8; background: #fff; width: 16px; height: 16px; text-align: center; border-radius: 2px; position: relative;} input[type=checkbox]:focus{ outline: none; } input[type=checkbox]::before { position: absolute; display: block; width: 16px; height: 16px; border: 1px solid #E8E8E8; content: ""; background: white; } input[type=checkbox]:focus::before { outline: 1px solid #008489; border: 1px solid #008489!important; } input[type=checkbox]:checked::before { } input[type=checkbox]:checked::after { content: "\F2ED"; font-size: 16px; position: absolute; top: 1px; left: 1px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; color: #222222; z-index: 1; }button.red { background-color: #BC4E3C!important;}.hidden{ display: none;}.navbar { position: relative; z-index: 9;}.navbar ul{ float: left; padding: 0; margin: 5px 0 0 0; font-size: 13pt;} .navbar ul li{ float: left; list-style: none; padding: 6px 15px; } .navbar ul li.bordered2 a{ padding: 6px 15px; background-color: rgb(235, 235, 235); border-radius: 4px; } .navbar ul li.has-submenu.active{ background-color: rgb(235 235 235); border-radius: 4px; } .navbar ul li.has-submenu.active .submenu{ display: flex!important; } .navbar ul li.has-submenu.quotes .reglist{ min-width: 200px; } .navbar ul li.has-submenu.quotes .m strong{ font-weight: 300; } .navbar ul li .submenu{ display: none; position: absolute; background: white; padding: 0px; box-shadow: 0 50px 100px rgb(50 50 93 / 10%), 0 15px 35px rgb(50 50 93 / 15%), 0 5px 15px rgb(0 0 0 / 10%); border-radius: 8px; margin: 15px 0 0 -42px; box-sizing: border-box; border: 1px solid rgb(221, 221, 221); } .navbar ul li .submenu.show-featured{ margin-left: -382px; } .navbar ul li .submenu a{ } .navbar ul li .submenu .right-bank{ box-sizing: border-box; border-left: 1px solid rgb(221, 221, 221); } .navbar ul li .submenu .featured{ width: 340px; padding: 20px; box-sizing: border-box; display: none; border-right: 1px solid rgb(221, 221, 221); } .navbar ul li .submenu.show-featured .featured{ display: block; } .navbar ul li .submenu .featured .gitem{ display: none; } .navbar ul li .submenu .featured .gitem .image img{ display: block; width: 100%; max-height: 149px; border-radius: 8px; } .navbar ul li .submenu .featured .gitem .gitem-t{ margin: 20px 0 4px 0; font-size: 22px; font-weight: 500; display: block; } .navbar ul li .submenu .featured .gitem .gitem-tx{ color: rgb(106, 106, 106); font-size: 16px; } .navbar ul li .submenu .reglist{ padding: 20px 0px; } .navbar ul li .submenu .reglist .m{ padding: 0 40px; } .navbar ul li .submenu .reglist .split{ height: 1px; margin: 15px 0!important; border-bottom: 1px solid rgb(221, 221, 221); } .navbar ul li .submenu .reglist a{ font-size: 15px; font-weight: 200; } .navbar ul li .submenu .reglist .subs{ display: none; background: #ebecf0; padding: 10px 20px 10px 40px; margin: 0px 0 20px 0; user-select: none; max-height: 80px; overflow-y: scroll; overflow-x: hidden; } .navbar ul li .submenu .reglist .subs a{ font-size: 14px; } .navbar ul li .submenu .reglist .subs::-webkit-scrollbar{ height:10px; width:10px; transition: all 0.3s ease; background-color: #ebecf0; } .navbar ul li .submenu .reglist .subs::-webkit-scrollbar-thumb{ background: rgb(255, 56, 92); border-radius: 0px; margin-left: -10px; } .navbar ul li .submenu .reglist > div:not(:last-child){ margin: 0 0 10px 0; } .navbar ul li .submenu .reglist > div a{ } .navbar ul li .submenu .reglist .subs > div{ display: block; margin: 0 0 4px 0; } .navbar ul li .submenu .reglist .subs > div:last-child{ margin-bottom: 0; } .navbar ul li .submenu .reglist > div .has-subs{ display: inline-block; padding: 0 6px; cursor: pointer; } .navbar ul li .submenu .reglist > div .has-subs::after { content: "\F107"; font-size: 8px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .navbar ul:last-child{ float: right; } .navbar ul:last-child li:last-child { padding: 6px 15px; background-color: rgb(235 235 235); border-radius: 4px; } .navbar ul:last-child li.for-carriers { display: none; } @media (min-width: 1460px) { .navbar ul:last-child li.for-carriers { display: block; } } .navbar ul:last-child li.notification { padding: 6px 20px 6px 10px; text-align: center; width: 26px; position: relative; } .navbar ul:last-child li.notification .icon{ position: relative; color: white; width: 100%; min-height: 24px; text-align: center; cursor: pointer; user-select: none; font-weight: 300; font-size: 13pt; font-family: 'Mallory'; } .navbar ul:last-child li.notification .icon:not(.bell){ background: #FF385C; border-radius: 100%; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; font-size: 14px; } .navbar ul:last-child li.notification .icon:not(.bell)::before{ content: none!important; } .navbar ul:last-child li.notification .icon.bell::after{ content: "\F145"; font-size: 20px; position: absolute; top: 2px; left: 4px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; z-index: -1; color: #222222; } .navbar ul:last-child li.notification .notification-list { position: absolute; background: white; opacity: 1; margin: 10px 0 0 0; right: 30px; display: none; z-index: 9999; max-width: 400px; min-width: 345px; text-align: left; font-size: 14px; box-sizing: border-box; width: max-content; max-height: 400px; overflow-y: auto; font-family: 'Mallory'; box-shadow: 0 50px 100px rgb(50 50 93 / 10%), 0 15px 35px rgb(50 50 93 / 15%), 0 5px 15px rgb(0 0 0 / 10%); border-radius: 8px; border: 1px solid rgb(221, 221, 221); } .navbar ul:last-child li.notification .notification-list::-webkit-scrollbar{ height:10px; width:10px; border-radius: 4px; background-color: rgba(0, 0, 0, 0); transition: all 0.3s ease; } .navbar ul:last-child li.notification .notification-list::-webkit-scrollbar-thumb{ background:#c1c1c1; background:rgb(106, 106, 106); border-radius: 8px; margin-left: -10px; } .navbar ul:last-child li.notification .notification-list .all-notifications{ padding: 10px 20px; border-top: 0.3pt solid #CCC; font-size: 13px; display: block; position: sticky; bottom: 0; background: white; } .navbar ul:last-child li.notification .notification-list .all-notifications:hover{ background-color: #F7F7F7; text-decoration: none!important; } .navbar ul:last-child li.notification .notification-list .l{ font-weight: 200; border-radius: 2px; } .navbar ul:last-child li.notification .notification-list .l .i, .account-notifications .list .i{ border-bottom: 0.3pt solid #CCC; font-weight: 200; } .navbar ul:last-child li.notification .notification-list .l .i .msg, .account-notifications .list .i .msg{ margin: 0 0 0 0; } .navbar ul:last-child li.notification .notification-list .l .i .listing-title, .account-notifications .list .i .listing-title{ margin-top: 10px; font-size: 12px; font-weight: 300; } .navbar ul:last-child li.notification .notification-list .l .i .time-ago, .account-notifications .list .i .time-ago{ margin-bottom: 10px; font-size: 12px; color: rgb(106, 106, 106); font-weight: 300; color: #008489; } .navbar ul:last-child li.notification .notification-list .l .i .listing-info, .account-notifications .list .i .listing-info{ margin-top: 4px; display: flex; font-size: 12px; color: rgb(106, 106, 106); } .navbar ul:last-child li.notification .notification-list .l .i .listing-info .code{ } .navbar ul:last-child li.notification .notification-list .l .i .listing-info .amount{ } .navbar ul:last-child li.notification .notification-list .l .i .listing-info .title, .account-notifications .list .i .listing-info .title{ flex: 1 0 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40%; color: rgb(106, 106, 106); } .navbar ul:last-child li.notification .notification-list .l .i .listing-info .splt, .account-notifications .list .i .listing-info .splt{ margin: 0 6px; font-weight: 500; } .navbar ul:last-child li.notification .notification-list .l .i a, .account-notifications .list .i a{ font-size: 15px; font-weight: 200; display: block; } .navbar ul:last-child li.notification .notification-list .l .fullblock, .account-notifications .list .i .fullblock{ padding: 15px 20px; } .navbar ul:last-child li.notification .notification-list .l .i a:hover, .account-notifications .list .i a:hover{ text-decoration: none!important; } .navbar ul:last-child li.notification .notification-list .l .i.active, .account-notifications .list .i.active{ } .navbar ul:last-child li.notification .notification-list .l .i:hover, .account-notifications .list .i:hover{ background-color: #F7F7F7; } .navbar ul:last-child li.notification .notification-list .l .i:last-child, .account-notifications .list .i:last-child{ border: 0; } .navbar ul:last-child li:last-child a{ max-width: 124px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; display: block; text-decoration: none!important; } .navbar ul li a{ color: black; text-decoration: none; font-size: 12pt; font-weight: 300; cursor: pointer; user-select: none; } .navbar ul.nav-regular li:not(.bordered2):not(.active) a:hover{ outline: 8px solid #F7F7F7; background-color: #F7F7F7; border-radius: 1px; text-decoration: none!important; } .navbar ul.nav-regular li.bordered2 a:hover{ background-color: #F7F7F7; text-decoration: none!important; } .navbar ul li.quick-search{ margin: 1px 0 0 0; display: block; position: relative; } .navbar ul li.quick-search.active{ background-color: #F7F7F7; } .navbar ul li.quick-search .alert{ display: none; } .navbar ul li.quick-search.active .alert{ display: block; width: 100%; text-align: center; margin-bottom: 0; padding: 0; box-sizing: border-box; border-radius: 0; font-weight: 100; font-size: 9px; color: #FF385C; text-decoration: none; position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); min-width: 100px; max-width: 80%; background-color: #F7F7F7; z-index: 1; } .navbar ul li.quick-search.active::after{ position: absolute; content: "Search by #ID"; font-size: 9px; bottom: 2px; left: 50%; transform: translateX(-50%); min-width: 100px;  max-width: 80%; text-align: center; } .navbar ul li.quick-search input{ border: 0; border-left: 1px solid #ebebeb; padding: 0 20px; width: 60px; font-size: 12pt; color: black; text-align: center; background-color: transparent; } .navbar ul li.quick-search input:focus, .navbar ul li.quick-search.active input{ outline: none; border-left: 1px solid #F7F7F7; padding: 0 0px 10px 0px; width: 100px; } .navbar ul li.quick-search input::placeholder{ color: black; opacity: 1; } .navbar ul li.quick-search input:focus::placeholder{ opacity: 0; } .navbar ul li .submenu-search{ width: 300px; font-size: 15px; } .navbar ul li .submenu-search .wrap{ width: 100%; padding: 20px; box-sizing: border-box; } .navbar ul li .submenu-search .block-list{ } .navbar ul li .submenu-search .block-list .block{ padding-bottom: 10px; margin-bottom: 10px; } .navbar ul li .submenu-search .block-list .block .t{ font-weight: 500; font-size: 11px; margin-bottom: 6px; text-transform: uppercase; } .navbar ul li .submenu-search .block-list .block:last-child{ border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } .navbar ul li .submenu-search .block-list .block .item{ font-size: 14px; display: flex; align-items: center; justify-content: space-between; width: 100%; overflow: hidden; border-bottom: 1px solid rgb(235, 235, 235); margin-bottom: 6px; padding-bottom: 6px; } .navbar ul li .submenu-search .block-list .block .item:last-child{ border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; } .navbar ul li .submenu-search .block-list .block .item .l2{ display: flex; align-items: center; width: 100%; overflow: hidden; } .navbar ul li .submenu-search .block-list .block .item:hover{ text-decoration: none!important; display: flex; } .navbar ul li .submenu-search .block-list .block .item .listing_code{ background-color: #f5f5f5; padding: 2px 4px; margin-right: 10px; border-radius: 3px; font-size: 11px; color: rgb(106, 106, 106); min-width: 50px; } .navbar ul li .submenu-search .block-list .block .item .quote_amount{ background-color: #f5f5f5; padding: 2px 2px; margin-right: 10px; border-radius: 3px; font-size: 11px; color: rgb(106, 106, 106); min-width: 50px; text-align: center; } .navbar ul li .submenu-search .block-list .block .item .listing_title{ font-weight: 300; flex: 1 0 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0; font-size: 12px; } .navbar ul li .submenu-search .block-list .block .item .time_ago{ color: rgb(106, 106, 106); font-weight: 100; font-size: 12px; margin-left: 10px; }.nav-mobile-trigger{ float: left; cursor: pointer; margin: 7px 40px 0 0px; cursor: pointer; width: 24px; height: 24px; z-index: 99; display: none;} .nav-mobile-trigger::before{ content: "\F24E"; font-size: 24px; top: 0px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; } .nav-mobile-trigger.open::before{ content: "\F299"; }.nav-mobile{ display: none; position: absolute; left: 0; top: 0;} .nav-mobile.open{ display: block; } .nav-mobile > ul{ font-size: 18px; left: 0; right: 0; top: 60px; height: 100%; width: 100%; position: fixed; margin: auto; list-style: none; background-color: white; box-sizing: border-box; z-index: 99999999; height: 100%; width: 100%; background-color: white; overflow-y: auto; padding-bottom: 100px; -webkit-overflow-scrolling: touch; } .nav-mobile > ul::-webkit-scrollbar{ height:10px; width:10px; border-radius: 4px; background: transparent; transition: all 0.3s ease; } .nav-mobile > ul::-webkit-scrollbar-thumb{ background:#6b6b6a; border-radius: 4px; } .nav-mobile > ul > li{ box-sizing: border-box; padding: 10px 0px 10px 0px; } .nav-mobile > ul > li:first-child{ font-weight: 500; margin-top: 20px; } .nav-mobile > ul > li a{ } .nav-mobile .splitter-top{ border-top: 1px solid #e8e8e8; margin-top: 20px; padding-top: 20px; } .nav-mobile .splitter-bottom{ border-bottom: 1px solid #e8e8e8; margin-bottom: 10px; padding-bottom: 20px; } .nav-mobile .section-account{ border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin: 20px 0; padding: 20px 0; } .nav-mobile li.cprofile{ display: flex; } .nav-mobile li.cprofile .score{ display: inline-block; position: relative; font-size: 13px; color: white; padding-left: 8px; min-width: 24px; text-align: center; } .nav-mobile li.cprofile .score::after{ content: "\F350"; position: absolute; font-size: 35px; top: -10px; left: 0px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; z-index: -1; color: #222222; } .nav-mobile li.services > a:hover{ text-decoration: none!important; } .nav-mobile li.services > a::after { content: "\F107"; font-size: 8px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; margin-left: 6px; } .nav-mobile li.services .submenu{ display: none; margin: 6px 0 0 0; background: #ebecf0; padding: 10px 20px; border-radius: 8px; font-size: 16px; list-style: none; } .nav-mobile li.services .submenu li{ padding: 10px 0 10px 0; border-bottom: 1px solid rgba(107, 107, 106, 0.2); } .nav-mobile li.services .submenu li:last-child{ border-bottom: 0; padding-bottom: 0; } .nav-mobile .section-account ul{ list-style: none; padding: 0; } .nav-mobile .section-account ul li{ box-sizing: border-box; padding: 10px 0px 10px 0px; } .nav-mobile li.cprofile{ font-weight: 500; font-size: 24px; } .nav-mobile li.quotes{ } .nav-mobile li.quotes div{ display: flex; flex-direction: column; color: #6a6a6a; font-size: 15px; padding-left: 10px; border-left: 3px solid #e7ebec; margin: 10px 0 0px 0px; text-transform: lowercase; } .nav-mobile li.quotes div a{ width: fit-content; display: block; margin-bottom: 6px; } .nav-mobile li.quotes div a:last-child{ margin-bottom: 0; }.backdrop{ display: none; position: fixed; opacity: 0.4; background-color: #222222; z-index: 999; top: 0; right: 0; left: 0; bottom: -100px; height: 100%;} .backdrop.white{ background-color: #FFF; }.bg-blue{ background-color: rgb(0,132,137,0.5);}.bg-blue1{ background-color: #ebecf0;}.bg-blue2{ background-color: #e7ebec;}.bg-yellow{ background-color: rgba(255,153,0,.08);}.bg-grey{ background-color: #f5f5f5; }.bg-green{ background-color: #f0efe9;}.bg-grey2{ background-color: #ebecf0;}.bg-sand{ background-color: #eae8e1;} .change-lang{ margin-bottom: 10px; text-align: center; font-size: 15px; } .navbar ul:last-child li.lang { } .navbar ul:last-child li.lang > span { cursor: pointer; } .navbar ul:last-child li.lang{ position: relative; padding: 6px 40px 6px 25px; } .navbar ul:last-child li.lang .lang-list{ position: absolute; background: #222222; border-radius: 2px; opacity: 1; padding: 15px 30px; z-index: 1; margin: 10px 0 0 0; left: -4px; display: none; z-index: 9999; } .navbar ul:last-child li.lang .lang-list a{ color: white; display: block; margin-bottom: 15px; } .navbar ul:last-child li.lang .lang-list a:last-child{ margin-bottom: 0; } .navbar ul:last-child li.lang span:hover{ text-decoration: underline; cursor: pointer; } .navbar ul:last-child li.lang span::before{ content: "\F42F"; font-size: 12px; position: absolute; top: 10px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold;  }.fancybox-thumbs { background: none!important;} .fancybox-thumbs > ul > li { max-height: none!important; max-width: none!important; background-position: center!important; width: 196px!important; margin-top: 10px!important; height: 150px!important; } .fancybox-thumbs > ul > li:before { border-color: rgb(2, 131, 223)!important; }.fancybox-toolbar { top: 20px!important;}.fancybox-button { background: none!important;}.fancybox-button--close,.fancybox-button--zoom { position: relative!important; height: 28px!important; padding: 0!important; width: 28px!important; margin-right: 40px!important;}.fancybox-button--arrow_left,.fancybox-button--arrow_right { height: 38px!important; padding: 0!important; width: 30px!important;} .fancybox-navigation .fancybox-button--arrow_left { left: 40px!important; } .fancybox-navigation .fancybox-button--arrow_right { right: 40px!important; } .fancybox-button--arrow_left::before, .fancybox-button--arrow_right::before{ font-size: 38px; position: absolute; top: 0; left: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; color: #FFF; } .fancybox-button--arrow_left::before{ content: "\F3E6"; left: -8px; } .fancybox-button--arrow_right::before{ content: "\F3E5"; } .fancybox-button[disabled], .fancybox-button.disabled{ opacity: 0!important; } .fancybox-button--zoom::before{ content: "\F36A"; font-size: 28px; position: absolute; top: 0; left: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; color: #FFF; } .fancybox-button--close::before{ content: "\F430"; font-size: 28px; position: absolute; top: 0; right: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; color: #FFF; } .fancybox-button--close svg, .fancybox-button--zoom svg, .fancybox-button--arrow_left svg, .fancybox-button--arrow_right svg{ display: none!important; }.fancybox-bg { opacity: 0.4!important; background-color: #222222!important;}.fancybox-image{ box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);}@media (max-width: 576px) { .fancybox-bg { opacity: 0.6!important; } .fancybox-navigation .fancybox-button--arrow_left, .fancybox-navigation .fancybox-button--arrow_right{ display: none; }}@media (min-width: 576px) { .fancybox-image{ border-radius: 12px; }}.text-color{ color: #008489;}.as-link{ text-decoration: underline; cursor: pointer;} .as-link:hover{ text-decoration: none!important; }.as-link2{ text-decoration: none; cursor: pointer;} .as-link2:hover{ text-decoration: underline!important; }.no-hover:hover{ text-decoration: none!important;}.button-black{ background-color: #222222; border-radius: 4px; padding: 8px 16px; color: white; font-weight: 300; width: fit-content; display: inline-block; cursor: pointer; border: 0;} .button-black:hover{ background-color: #000000; text-decoration: none !important; }.button-green{ background-color: rgb(0, 132, 137); border-radius: 4px; padding: 8px 16px; color: white; font-weight: 300; width: fit-content; display: inline-block; cursor: pointer; border: 0;} .button-green:hover{ background-color: rgb(0, 138, 137); text-decoration: none !important; }.button-red{ background-color: rgb(230, 30, 77, 0.9); border-radius: 4px; padding: 8px 16px; color: white; font-weight: 300; width: fit-content; display: inline-block; cursor: pointer; border: 0;} .button-red:hover{ background-color: rgb(230, 30, 77, 1); text-decoration: none !important; }.link-arrow-right{} .link-arrow-right::after{ content: "\F2DC"; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-left: 4px; }.alert{ width: 100%; margin-bottom: 15px; padding: 10px 20px; position: relative; box-sizing: border-box; border-radius: 2px; display: none; font-weight: 200; background: #6b6b6a; color: white; font-size: 15px;} .alert.display{ display: block; } .alert.alert-success{ background: #008489; } .alert.alert-info{ } .alert.alert-warning{ } .alert.alert-danger{ background-color: #C13515; } .notification-email-verification{ } .notification-email-verification .after{ display: none; } .notification-email-verification span{ text-decoration: underline; cursor: pointer; } .notification-email-verification span:hover{ text-decoration: none; }.pac-container { font-family: 'Mallory'!important; font-size: 16px!important; z-index: 999999999!important; box-shadow:none!important; border-radius: 2px!important; border: none!important; background: #222222!important; margin-top: 5px!important;} .pac-container .pac-item{ padding-top: 6px!important; padding-bottom: 6px!important; font-size: 16px!important; cursor: pointer!important; border: none!important; color: white!important; } .pac-container .pac-item:hover{ background: inherit!important; text-decoration: underline!important; } .pac-container .pac-item.pac-item-selected{ background: inherit!important; text-decoration: underline!important; } .pac-container .pac-icon{ background-image:none!important; position: relative!important; margin-top: 8px!important; margin-left: 10px!important; margin-right: 10px!important; color: white!important; } .pac-container .pac-icon::before{ content: "\F2AE"; font-size: 12px; position: absolute; top: 0px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; } .pac-container .pac-item .pac-item-query{ font-size: 16px!important; color: white!important; } .pac-container .pac-matched{ font-weight: 500!important; color: white!important; } .pac-logo{ } .pac-logo:after{ right: 20px!important; bottom: 20px!important; background-position: center!important; height: 40px!important; background-image: url("https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-non-white3_hdpi.png")!important; } @media (max-width: 576px) { .pac-container .pac-item{ font-size: 14px!important; } .pac-container .pac-icon { margin-top: 10px!important; margin-right: 8px!important; } }button[type=submit]{ position: relative;} button[type=submit]:disabled{ min-width: 100px; min-height: 38px; overflow: hidden; } button[type=submit]:disabled .loader{ display: block; } button[type=submit]:disabled .text{ display: none; }button .loader { left: 0; right: 0; display: none;} button .loader .bullet { display: inline-block; height: 10px; width: 10px; margin-left: 5px; margin-right: 5px; background-color: #FFFFFF; border-radius: 50%; animation: yLoaderAnim 0.4s infinite; } button .loader .bullet:nth-child(1) { animation-delay: 0.08s; } button .loader .bullet:nth-child(2) { animation-delay: 0.16s; } button .loader .bullet:nth-child(3) { animation-delay: 0.24s; } button .loader .bullet:nth-child(4) { animation-delay: 0.32s; } @-webkit-keyframes animIn { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } } @keyframes animIn { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } }.tooltip { position: relative; cursor: pointer;} .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s; font-size: 14px; } .tooltip.tooltip-left .tooltiptext{ left: 0; } .tooltip.tooltip-bottom .tooltiptext{ bottom: 0; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }.reg-button{ display: block; margin: 40px auto auto auto; width: fit-content; background: #008489; padding: 16px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; border: 0; border-radius: 2px; font-weight: 500; text-decoration: none!important;} .reg-button:hover{ text-decoration: none!important; } .reg-button.small{ padding: 8px 12px; font-size: 16px; }.page-error{ text-align: center;} .page-error.page-404 h1{ font-size: 50px; margin: 100px 0 20px 0; } .page-error h2{ font-weight: 200; }.popup-report{ display: none; text-align: left; top: 100px; left: 50%; width: 600px; margin: 0 0 0 -300px; position: fixed; background: #222222; border-radius: 2px; opacity: 1; padding: 15px 30px; box-sizing: border-box; z-index: 999999999; color: white;} .popup-report .submit{ text-align: center; margin: 20px 0 20px 0; } .popup-report .submit button{ background: #008489; border-radius: 2px; padding: 8px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 200; border: 0; } .popup-report .close{ text-align: center; cursor: pointer; } .popup-report .close span:hover{ text-decoration: underline; cursor: pointer; }.yunit .metric,.yunit .imperial{ display: none;} .yunit.metric .metric{ display: inherit!important; } .yunit.imperial .imperial{ display: inherit!important; }form .required { position: relative;} form .required::before { position: absolute; content: "\F359"; left: 3px; font-size: 11px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; }.item-autoload{ text-align: center; margin: 40px auto 0 auto; position: relative; display: block; width: fit-content; width: -moz-fit-content; background: rgba(52, 52, 52); border-radius: 2px; padding: 8px 32px; font-size: 22px; font-weight: 300; color: white; user-select: none; text-transform: uppercase; cursor: pointer;} .item-autoload:hover{ text-decoration: none!important; } .item-autoload span{ } .item-autoload[disabled]{ min-width: 100px; } .item-autoload[disabled] span{ color: rgba(52, 52, 52); display: block; } .item-autoload[disabled] .loader{ display: block; } .item-autoload .loader { width: fit-content; margin: auto; left: 0; right: 0; display: none; position: absolute; top: 7px; } .item-autoload .loader .bullet { display: inline-block; height: 15px; width: 15px; margin-left: 5px; margin-right: 5px; background-color: #FFFFFF; border-radius: 50%; animation: yLoaderAnim 0.4s infinite; } .item-autoload .loader .bullet:nth-child(1) { animation-delay: 0.08s; } .item-autoload .loader .bullet:nth-child(2) { animation-delay: 0.16s; } .item-autoload .loader .bullet:nth-child(3) { animation-delay: 0.24s; } .item-autoload .loader .bullet:nth-child(4) { animation-delay: 0.32s; }.no-results{ text-align: center; margin: 100px 0 0 0; font-size: 20px;} .no-results a{ text-decoration: underline; } .no-results a:hover{ text-decoration: none!important; }.select-wrapper{ position: relative;} .select-wrapper select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: white; } .select-wrapper::before, .select-wrapper::after{ position: absolute; z-index: 0; width: 10px; height: 10px; font-size: 10px; margin: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; right: 15px; color: #222222; } .select-wrapper::before{ content: "\F2D8"; top: 50%; margin-top: -12px; transform: scaleY(-1); } .select-wrapper::after{ content: "\F2D8"; bottom: 50%; margin-bottom: -12px; }.cookie-popup{ position: fixed; bottom: 20px; font-weight: 300; text-align: left; z-index: 1; margin-right: auto; margin-left: auto; padding: 16px; background-color: #FFFFFF; box-shadow: 0 8px 28px rgba(0,0,0,0.28); border-radius: 8px; display: flex; align-items: center; max-width: 75%;} .cookie-popup .container{ display: flex; justify-content: space-between; align-items: center; } .cookie-popup .t{ font-size: 16px; } .cookie-popup .close{ position: relative; cursor: pointer; background: rgb(51, 51, 51); border-radius: 2px; padding: 8px 20px 8px 20px; font-size: 16px; text-transform: uppercase; right: 0; margin-left: 40px; height: fit-content; color: white; display: flex; align-items: center; } .cookie-popup .close:hover{ background: black; } .cookie-popup .close::after{ content: "\F299"; font-size: 13px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; padding-left: 10px; } @media (max-width: 576px) { .cookie-popup{ bottom: 20px; margin-left: 24px; margin-right: 24px; left: 0; right: 0; max-width: fit-content; } .cookie-popup .t{ font-size: 13px; } .cookie-popup .close{ font-size: 13px; margin-left: 20px; } .cookie-popup .close::after{ font-size: 10px; } }textarea.auto-height{ resize: none;} textarea.auto-height.mobile-height{ height: 220px; }.v-scroll-wrapper{ white-space: nowrap; overflow-y: scroll; -webkit-overflow-scrolling: touch; margin: 0 0px; position: relative;}.js-report{ cursor: pointer;}form[name=contact-form]{ max-width: 500px;} form[name=contact-form] .label { display: block; margin-bottom: 20px; } form[name=contact-form] .label .desc { margin-bottom: 5px; font-size: 18px; color: #222222!important; }.default-css-input{} .default-css-input input[type=email], .default-css-input input[type=text], .default-css-input input[type=number], .default-css-input input[type=url]{ width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; font-weight: 500; font-size: 16px; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .default-css-input select{ font-size: 16px; font-weight: 500; box-sizing: border-box; padding: 11px 10px 11px 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border-radius: 2px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .default-css-input textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; padding: 10px 20px 10px 20px; font-size: 16px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .default-css-input button[type=submit]{ background: #008489; padding: 8px 20px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; font-weight: 200; border: 0; min-width: 100px; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .default-css-input button[type=submit]:disabled{ opacity: 0.6; }.banner-support{ box-sizing: border-box; position: relative; margin: 100px auto auto auto; max-width: 500px; background-color: #f5f5f5; border-radius: 15px; padding: 80px 60px 20px;} .banner-support h3{ text-align: center; } .banner-support .text{ text-align: center; } .banner-support::before { position: absolute; content: "\F2CC"; left: 50%; font-size: 48px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; margin-left: -24px; top: 20px; } .banner-support .support-message{ display: none; } .banner-support .support-message h4{ margin: 40px auto 20px auto; text-align: center; font-size: 18px; } .banner-support .support-message .default-css-input button[type=submit]{ width: 100%; } .banner-support .support-message .cancel{ margin: auto; width: fit-content; }.fancybox-button--thumbs,.fancybox-button--zoom{ display: none!important;}.yloader{ z-index: 1; width: fit-content; margin: auto; height: 20px; display: none;} .yloader .bullet { display: inline-block; height: 15px; width: 15px; margin-left: 5px; margin-right: 5px; background-color: rgb(51, 51, 51); border-radius: 50%; animation: yLoaderAnim 0.4s infinite; } .yloader.white .bullet { background-color: white; } .yloader .bullet:nth-child(1) { animation-delay: 0.08s; } .yloader .bullet:nth-child(2) { animation-delay: 0.16s; } .yloader .bullet:nth-child(3) { animation-delay: 0.24s; } .yloader .bullet:nth-child(4) { animation-delay: 0.32s; } @media (max-width: 576px) { @keyframes yLoaderAnim { 0%, 100% { transition: none; opacity: 0; } 50% { transition: none; opacity: 1; } } } @media (min-width: 576px) { @keyframes yLoaderAnim { 0%, 100% { transform: scale(0.0); } 50% { transform: scale(1.0); } } }.alone.form-hero-get-quote{ background: #ffffff; border-radius: 4px; padding: 20px; padding-bottom: 24px; width: 100%; max-width: 340px; box-sizing: border-box; border: 1px solid rgb(235, 235, 235);} .alone.form-hero-get-quote .promfeat{ text-align: center; justify-content: center; align-items: center; border-radius: 3px; padding: 20px 0 0px 0; margin: 0px auto 0px auto; } .alone.form-hero-get-quote .promfeat .text { padding-bottom: 10px; } .alone.form-hero-get-quote .promfeat .imgs { display: flex; justify-content: center; align-items: center; } .alone.form-hero-get-quote .promfeat .imgs img { padding: 0 8px; height: 12px; filter: brightness(0) invert(0.5); z-index: 1!important; width: auto; } .alone.form-hero-get-quote .subtitle{ display: none; } .alone.form-hero-get-quote h1{ margin-bottom: 10px; line-height: 24px; font-size: 24px; } .alone.form-hero-get-quote .block { margin: 0 0 20px 0; } .alone.form-hero-get-quote .block.submit { text-align: right; margin-bottom: 0; } .alone.form-hero-get-quote .block .t { margin-bottom: 5px; font-size: 18px; } .alone.form-hero-get-quote .block .v { } .alone.form-hero-get-quote .block input[type=text] { background-color: white; width: 100%; box-sizing: border-box; padding: 8px 20px; font-size: 18px; font-weight: 500; border-radius: 2px; } .alone.form-hero-get-quote .block select { box-sizing: border-box; padding: 8px 14px 8px 14px; font-size: 18px; font-weight: 500; border-radius: 2px; width: 100%; } .alone.form-hero-get-quote .block button[type=submit] { background: #008489; padding: 8px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; border: 0; border-radius: 2px; font-weight: 300; width: 100%; }@keyframes beat { 0% { transform: scale(0.9); } 50% { transform: scale(1.1); } 100% { transform: scale(1); }}.fw300{ font-weight: 300;}.page-company-account{ width: 100%; margin: auto; overflow: hidden;} .page-company-account.edit{ overflow: visible; } .page-company-account.edit .submit-sticky{ position: sticky; bottom: 0px; padding-top: 20px; padding-bottom: 20px; z-index: 100; background: white; border-top: 1px solid rgb(221, 221, 221); box-shadow: -3px 0 0 white, 3px 0 0 white; } .page-company-account h1 { font-weight: 800; font-size: 32px; padding-top: 20px; margin-bottom: 10px; line-height: 100%; } .page-company-account .left{ float: left; width: 30%; } .page-company-account .left{ text-align: right; } .page-company-account .left .view-profile{ margin-bottom: 30px; margin-right: 0px; } .page-company-account .left ul{ list-style: none; padding: 0; } .page-company-account .left li{ font-size: 18px; padding-bottom: 10px; } .page-company-account .left li > span{ opacity: 0.5; } .page-company-account .left li.selected > span{ font-weight: 500; font-size: 28px; } .page-company-account .left li.enabled span{ cursor: pointer; opacity: 1!important; user-select: none; } .page-company-account .left li.enabled > span:hover{ text-decoration: underline; } .page-company-account .left li .sub{ display: none; } .page-company-account .left li.selected .sub{ display: block; margin-top: 10px; font-weight: 500; margin-bottom: 0px; } .page-company-account .left li.selected .sub li{ font-size: 16px; } .page-company-account .left li.selected .sub li.selected > span{ font-size: 16px; } .page-company-account .left li.selected .sub li.selected > span::before{ left: 13px; top: 2px; font-size: 16px; } .page-company-account .left li span{ position: relative; } .page-company-account .left li.selected span{ padding: 0 0 0 40px; } .page-company-account .left li.selected > span::before { content: "\F3E7"; font-size: 24px; position: absolute; top: 10px; left: 4px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; } .page-company-account .right{ float: left; width: 70%; padding-left: 60px; box-sizing: border-box; }form.profile-driver .marginBottomBig{ margin-bottom: 60px!important;}form.profile-driver .marginBottomMedium{ margin-bottom: 30px!important;}form.profile-driver{ max-width: 450px; margin-top: 60px;} form.profile-driver.identity{ } form.profile-driver .address-type { padding: 10px 20px; margin-bottom: 20px; border-radius: 3px; } form.profile-driver .address-type label:last-child{ margin-bottom: 0; } form.profile-driver .address-type input[type=radio]{ margin-right: 10px; } form.profile-driver .address-type{ font-weight: 300; } form.profile-driver .block{ display: block; margin-bottom: 20px; } form.profile-driver .desc{ margin-bottom: 5px; font-size: 18px; } form.profile-driver .info{ margin-top: 5px; overflow: hidden; width: 100%; } form.profile-driver .change-request{ font-weight: 300; font-size: 10px; background-color: #FFB400; border-radius: 2px; color: white; padding: 1px 4px 1px 4px; margin: 2px 0 4px 0; width: fit-content; text-transform: uppercase; } form.profile-driver textarea, form.profile-driver select, form.profile-driver input[type=text], form.profile-driver input[type=email], form.profile-driver input[type=password]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; padding: 10px 20px 10px 20px; font-size: 18px; font-weight: 500; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } form.profile-driver .block.description{ width: 130%; } form.profile-driver .block.description textarea[name=profile_description]{ font-weight: 200; font-size: 15px; min-height: 80px; } form.profile-driver .block.description .yrewrite-button::after{ left: 20px; } form.profile-driver input[type=file]{ position: relative; width: 100%; box-sizing: border-box; padding: 6px 10px 6px 34px; font-weight: 200; cursor: pointer; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } form.profile-driver .upload-image-document{ text-align: center; padding: 10px; border-radius: 3px; border: 3px dashed #6b6b6a; } form.profile-driver .upload-image-document img{ display: block; border-radius: 3px; margin: auto; width: 300px; } form.profile-driver .block.dob{ } form.profile-driver .block.dob .dobselect{ height: 46px; display: flex; } form.profile-driver .block.dob .select-wrapper{ width: 20%; box-sizing: border-box; } form.profile-driver .block.dob .select-wrapper:nth-child(2){ width: 45%; padding-left: 20px; } form.profile-driver .block.dob .select-wrapper:nth-child(3){ width: 35%; padding-left: 20px!important; padding-right: 0!important; } form.profile-driver button[type=submit]{ background: #222222; border-radius: 2px; padding: 8px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 300; border: 0; } form.profile-driver button[type=button]{ background: #222222; border-radius: 2px; padding: 4px 12px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 300; border: 0; } form.profile-driver button[type=submit]:hover, form.profile-driver button[type=button]:hover{ background: #000000; } form.profile-driver .block .extra-link{ float: right; color: #222222; padding-top: 8px; } form.profile-driver .desc.icon{ position: relative; padding-left: 30px; } form.profile-driver .desc.icon::before { font-size: 20px; position: absolute; top: 3px; left: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } form.profile-driver .block.description .desc::before{ content: "\F1EF"; } form.profile-driver .block.language .desc::before{ content: "\F39E"; } form.profile-driver .block.insurance .desc::before{ content: "\F433"; } form.profile-driver .block.category .desc::before{ content: "\F344"; } form.profile-driver .block.telephone .desc::before{ content: "\F16B"; } form.profile-driver .block.payment-method .desc::before{ content: "\F1C9"; } form.profile-driver .block.payment-timeframe .desc::before{ content: "\F3F0"; } form.profile-driver .block.select-list{ } form.profile-driver .block .add .cancel{ margin: 10px auto auto auto; width: fit-content; text-decoration: underline; cursor: pointer; } form.profile-driver .block .add .cancel:hover{ text-decoration: none!important; } form.profile-driver .block.select-list .selected-list{ margin: 10px 0; } form.profile-driver .block.select-list .selected-list .item{ padding: 10px 0; border-bottom: 0.3pt solid #CCC; font-weight: 300; } form.profile-driver .block.select-list .selected-list .item:last-child{ border-bottom:0; } form.profile-driver .block.select-list .selected-list .item .remove{ position: relative; float: right; cursor: pointer; width: 16px; height: 16px; } form.profile-driver .block.select-list .selected-list .item .remove::before{ content: "\F299"; font-size: 16px; position: absolute; top: 3px; right: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; cursor: pointer; } form.profile-driver .block.select-list .select{ display: none; } form.profile-driver .block.select-list .select .select-wrapper{ margin-bottom: 10px; } form.profile-driver .block.select-list .select button{ width: 100%; } form.profile-driver .block.select-list .add{ } form.profile-driver .block.select-list .add span{ text-decoration: underline; cursor: pointer; } form.profile-driver .block.select-list .add span:hover{ text-decoration: none; } form.profile-driver .block.category{ } form.profile-driver .block.category .list{ margin: 10px 0 0 0; overflow: hidden; } form.profile-driver .block.category .list > div{ float: left; width: 33%; } form.profile-driver .block.category .list div label{ display: inline-block; padding: 5px 0; cursor: pointer; } form.profile-driver .block.category .list .subs{ padding-left: 5px; border-left: 3px solid #e7ebec; margin: 0px 0 5px 5px; font-size: 13px; } form.profile-driver .block.category .list .subs label:first-child{ padding-top: 0; } form.profile-driver .block.category .list .subs label{ padding: 10px 0 0 0; display: block; } form.profile-driver .block.insurance-list{ } form.profile-driver .block.insurance-list .selected-list{ margin: 10px 0; } form.profile-driver .block.insurance-list .selected-list .item{ padding: 10px 0; border-bottom: 0.3pt solid #CCC; font-weight: 300; display: flex; justify-content: space-between; align-items: center; } form.profile-driver .block.insurance-list .selected-list .item span{ } form.profile-driver .block.insurance-list .selected-list .item:last-child{ border-bottom:0; } form.profile-driver .block.insurance-list .selected-list .item .verification{ border-radius: 3px; background: #6b6b6a; color: white; padding: 2px 5px; font-size: 13px; display: inline-block; } form.profile-driver .block.insurance-list .selected-list .item .remove{ position: relative; width: 16px; height: 16px; cursor: pointer; } form.profile-driver .block.insurance-list .selected-list .item .remove::before{ content: "\F299"; font-size: 16px; top: -2px; right: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; cursor: pointer; } form.profile-driver .block.insurance-list .select{ display: none; } form.profile-driver .block.insurance-list .select input[name=t_insurance_title]{ margin-bottom: 10px; } form.profile-driver .block.insurance-list .select .select-wrapper{ float: left; width: 65%; margin-bottom: 10px; } form.profile-driver .block.insurance-list .select input[name=t_insurance_amount]{ float: right; width: 30%; margin-bottom: 10px; } form.profile-driver .block.insurance-list .select button{ width: 100%; } form.profile-driver .block.insurance-list .add{ } form.profile-driver .block.insurance-list .add span{ cursor: pointer; text-decoration: underline; } form.profile-driver .block.insurance-list .add span:hover{ text-decoration: none; }form.profile-driver.verification{} form.profile-driver.verification #verification_file_upload_file{ display: none; } form.profile-driver.verification .placer-verification-file-upload{ display: none; margin: auto; color: white; background-color: #008489; padding: 15px 20px; cursor: pointer; font-weight: 300; font-size: 18px; border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } form.profile-driver.verification .placer-verification-file-upload.uploading{ background: #6b6b6a!important; } form.profile-driver.verification .placer-verification-file-upload .active{ padding-left: 40px; position: relative; } form.profile-driver.verification .placer-verification-file-upload .active::before{ position: absolute; content: "\F302"; top: 0px; left: 0px; font-size: 24px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } form.profile-driver.verification .placer-verification-file-upload.uploading .active{ display: none; } form.profile-driver.verification .placer-verification-file-upload .progress{ display: none; padding-left: 40px; position: relative; } form.profile-driver.verification .placer-verification-file-upload .progress::before{ position: absolute; content: "\F40E"; top: 0px; left: 0px; font-size: 24px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; animation: spin 2s infinite linear; } form.profile-driver.verification .placer-verification-file-upload.uploading .progress{ display: block; } form.profile-driver .verification-list{ margin: 0 0 20px 0; } form.profile-driver .verification-list .list{ } form.profile-driver .verification-list .list .v{ background-color: #f7f7f7; overflow: hidden; padding: 20px 30px 10px 30px; border-radius: 5px; margin-bottom: 20px; position: relative; } form.profile-driver .verification-list .list .v::before{ position: absolute; top: 50%; margin-top: -17px; right: 40px; font-size: 34px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } form.profile-driver .verification-list .list .v.approved::before{ content: "\F182"; color: #008489; } form.profile-driver .verification-list .list .v.disapproved::before{ content: "\F1A7"; } form.profile-driver .verification-list .list .v.pending::before{ content: "\F3F1"; } form.profile-driver .verification-list .list .v .verification-type{ font-size: 20px; font-weight: 500; margin: 0 0 10px 0; } form.profile-driver .verification-list .list .v .verification-type a{ text-decoration: underline; } form.profile-driver .verification-list .list .v .verification-type a:hover{ text-decoration: none!important; } form.profile-driver .verification-list .list .v .verification-title{ margin: 0 0 10px 0; } form.profile-driver .verification-list .list .v .status{ margin: 0 0 10px 0; font-style: italic; font-weight: 500; } form.profile-driver .verification-list .list .v .insurance{ margin: 0 0 10px 0; } form.profile-driver .verification-list .list .v .expiration{ margin: 0 0 10px 0; } form.profile-driver .verification-list .list .v .download{ } form.profile-driver .verification-list .list .v .download a{ text-decoration: underline; } form.profile-driver .verification-list .list .v .download a:hover{ text-decoration: none!important; } form.profile-driver .verification-list .no-list{ text-align: center; margin: 20px; }form.profile-driver .telephone-list{ margin: 0 0 40px 0;} form.profile-driver .telephone-list .selected-list{ margin: 10px 0; } form.profile-driver .telephone-list .selected-list .item{ padding: 10px 0; border-bottom: 0.3pt solid #CCC; font-weight: 300; } form.profile-driver .telephone-list .selected-list .item.bg-grey{ padding: 10px 10px 10px 0; } form.profile-driver .telephone-list .selected-list .item .verify{ padding: 20px 10px 10px 20px; font-weight: 200; } form.profile-driver .telephone-list .selected-list .item .verify-alert{ margin: 10px 0; font-weight: 500; } form.profile-driver .telephone-list .selected-list .item .verify .t{ margin-bottom: 5px; } form.profile-driver .telephone-list .selected-list .item .verify input[type=text]{ margin-bottom: 10px; } form.profile-driver .telephone-list .selected-list .item .verify input[type=button]{ border-radius: 2px; padding: 4px 12px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 200; border: 0; background: #6b6b6a; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } form.profile-driver .telephone-list .selected-list .item .verify span{ font-weight: 500; } form.profile-driver .telephone-list .selected-list .item .verify span:hover{ cursor: pointer; text-decoration: underline; } form.profile-driver .telephone-list .selected-list .item .flag{ width: 40px; display: inline-block; text-align: right; padding-right: 10px; } form.profile-driver .telephone-list .selected-list .item .flag img{ width: 20px; border-radius: 2px; border: 0.3pt solid #222222; } form.profile-driver .telephone-list .selected-list .item:last-child{ border-bottom:0; } form.profile-driver .telephone-list .selected-list .item .remove{ position: relative; float: right; cursor: pointer; } form.profile-driver .telephone-list .selected-list .item .remove::before{ content: "\F299"; font-size: 16px; position: absolute; top: 3px; right: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; cursor: pointer; } form.profile-driver .telephone-list .select{ display: none; } form.profile-driver .telephone-list .select .errorjs{ width: 100%; margin-bottom: 15px; display: block; padding: 10px 10px; position: relative; box-sizing: border-box; border-radius: 2px; display: none; background-color: #fff3e0; font-weight: 300; background-color: #fff3e0; display: none; } form.profile-driver .telephone-list .select input[name=phone_number]{ margin: 10px 0; } form.profile-driver .telephone-list .select .select-wrapper{ margin-bottom: 10px; box-sizing: border-box; } form.profile-driver .telephone-list .select button{ width: 100%; } form.profile-driver .add{ } form.profile-driver .add span{ text-decoration: underline; cursor: pointer; } form.profile-driver .add span:hover{ text-decoration: none; }form.profile-driver.email-alerts{} form.profile-driver.email-alerts .list{ margin: 20px 0 0 0; } form.profile-driver.email-alerts .block.email-alerts .email-alert{ border-radius: 3px; padding: 10px 20px 1px 20px; margin-bottom: 20px; position: relative; } form.profile-driver.email-alerts .block.email-alerts .email-alert .tit{ font-weight: 500; } form.profile-driver.email-alerts .block.email-alerts .email-alert ul{ margin-top: 0; overflow: hidden; } form.profile-driver.email-alerts .block.email-alerts .email-alert ul li{ } form.profile-driver.email-alerts .block.email-alerts .email-alert ul.categories li{ float: left; padding: 0 20px 0 0; } form.profile-driver.email-alerts .block.email-alerts .email-alert .remove{ position: absolute; width: 30px; height: 30px; top: 20px; right: 20px; cursor: pointer; } form.profile-driver.email-alerts .block.email-alerts .email-alert .remove::before{ content: "\F2E0"; position: absolute; right: 0px; top: 0; font-size: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; }form.profile-driver.photo-gallery{} form.profile-driver.photo-gallery .upload-photo-gallery #photo_gallery{ display: none; } form.profile-driver.photo-gallery .upload-photo-gallery #photo_gallery_fallback{ margin: auto; color: white; background-color: #008489; padding: 15px 20px; cursor: pointer; font-weight: 300; font-size: 18px; border-radius: 3px; padding-left: 50px; position: relative; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } form.profile-driver.photo-gallery .upload-photo-gallery #photo_gallery_fallback.uploading{ background: #6b6b6a!important; } form.profile-driver.photo-gallery .upload-photo-gallery #photo_gallery_fallback::before{ position: absolute; content: "\F302"; top: 14px; left: 14px; font-size: 24px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } form.profile-driver.photo-gallery .upload-photo-gallery #photo_gallery_fallback.uploading::before{ position: absolute; content: "\F40E"; top: 14px; left: 14px; font-size: 24px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; animation: spin 2s infinite linear reverse; } form.profile-driver.photo-gallery .upload-photo-gallery #photo_gallery_fallback.uploading .active{ display: none; } form.profile-driver.photo-gallery .upload-photo-gallery #photo_gallery_fallback .progress{ display: none; } form.profile-driver.photo-gallery .upload-photo-gallery #photo_gallery_fallback.uploading .progress{ display: block; } form.profile-driver.photo-gallery .photo-gallery-list{ overflow: hidden; } form.profile-driver.photo-gallery .photo-gallery-list .image{ margin: 0 0px 20px 0; width: 33%; float: left; position: relative; box-sizing: border-box; user-select: none; } form.profile-driver.photo-gallery .photo-gallery-list .image:not(.image-skeleton):nth-child(n+28){ opacity: 0.2; } form.profile-driver.photo-gallery .photo-gallery-list .image.photo-gallery .status-profile-photo{ display: none; } form.profile-driver.photo-gallery .photo-gallery-list .image .make-profile-photo{ text-align: center; border: 2px dashed #008489; font-weight: 500; padding: 4px; font-size: 12px; margin-top: 4px; cursor: pointer; } form.profile-driver.photo-gallery .photo-gallery-list .image .status-profile-photo{ text-align: center; color: white; background-color: #008489; font-size: 12px; font-weight: 500; padding: 7px 10px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } form.profile-driver.photo-gallery .photo-gallery-list .image.profile-photo a{ border: 3px solid #008489; display: block; } form.profile-driver.photo-gallery .photo-gallery-list .image.profile-photo a img{ border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } form.profile-driver.photo-gallery .photo-gallery-list .image.profile-photo .make-profile-photo{ display: none; } form.profile-driver.photo-gallery .photo-gallery-list .image .approval{ position: absolute; font-size: 11px; font-weight: 300; text-align: center; text-transform: uppercase; background-color: #222222; color: #FFF; margin-bottom: -3px; padding: 4px 6px; } form.profile-driver.photo-gallery .photo-gallery-list .image .approval.approved{ background-color: #008489; } form.profile-driver.photo-gallery .photo-gallery-list .image .approval.not-approved{ background-color: #e12d2d; } form.profile-driver.photo-gallery .photo-gallery-list .image:not(.image-skeleton):nth-child(3n+1) { padding-right: 10px; } form.profile-driver.photo-gallery .photo-gallery-list .image:not(.image-skeleton):nth-child(3n+2) { padding-left: 5px; padding-right: 5px; } form.profile-driver.photo-gallery .photo-gallery-list .image:not(.image-skeleton):nth-child(3n+3) { padding-left: 10px; } form.profile-driver.photo-gallery .photo-gallery-list .image:not(.image-skeleton):nth-child(3n+4) { clear: both; } form.profile-driver.photo-gallery .photo-gallery-list .image img{ display: block; width: 100%; border-radius: 3px; } form.profile-driver.photo-gallery .photo-gallery-list .control{ display: block; overflow: hidden; margin: 10px 0 0; height: 16px; position: relative; } form.profile-driver.photo-gallery .photo-gallery-list .control span{ cursor: pointer; width: 16px; height: 16px; display: block; margin: auto; position: absolute; } form.profile-driver.photo-gallery .photo-gallery-list .control span::before{ text-align: center; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; width: 100%; position: absolute; } form.profile-driver.photo-gallery .photo-gallery-list .control span.move-to-left{ left: 0; opacity: 1; } form.profile-driver.photo-gallery .photo-gallery-list .control span.move-to-left::before{ content: "\F3E6"; } form.profile-driver.photo-gallery .photo-gallery-list .image:first-of-type .control span.move-to-left{ display: none; } form.profile-driver.photo-gallery .photo-gallery-list .control span.remove{ left: 50%; right: 50%; margin-left: -8px; opacity: 0.8; } form.profile-driver.photo-gallery .photo-gallery-list .control span.remove::before{ content: "\F430"; } form.profile-driver.photo-gallery .photo-gallery-list .control span.move-to-right{ right: 0; opacity: 1; } form.profile-driver.photo-gallery .photo-gallery-list .control span.move-to-right::before{ content: "\F3E5"; } form.profile-driver.photo-gallery .photo-gallery-list .image:last-of-type .control span.move-to-right{ display: none; }form.profile-driver.submit-application{} form.profile-driver.submit-application h2{ font-weight: 500; } form.profile-driver.submit-application .tcs{ margin-bottom: 40px; } form.profile-driver.submit-application .tcs .external{ margin-right: 20px; text-decoration: underline; } form.profile-driver.submit-application .tcs .external:hover{ text-decoration: none!important; }.page-become-driver{} .page-become-driver ul.listings{ max-height: 490px; overflow-y: scroll; overflow-x: hidden; } .page-become-driver ul.listings::-webkit-scrollbar{ height:10px; width:10px; border-radius: 4px; background: transparent; transition: all 0.3s ease; background-color: #f5f5f5; } .page-become-driver ul.listings::-webkit-scrollbar-thumb{ background: rgb(255, 56, 92); border-radius: 0px; margin-left: -10px; } .page-become-driver .punch{ margin-top: -190px; height: 200px; color: white; } .page-become-driver .punch h1{ font-size: 50px; font-weight: 500; line-height: 68px; text-shadow: 1px 1px 40px rgba(22, 23, 31, 1) !important; } .page-become-driver .punch h2{ font-size: 25px; font-weight: 500; line-height: 40px; text-shadow: 1px 1px 40px rgba(22, 23, 31, 1) !important; } .page-become-driver img.hero{ width: 110%; margin-left: -5%; margin-top: -38px; z-index: -1; border-radius: 3px; } .page-become-driver .faq{ margin: 80px 0; overflow: hidden; } .page-become-driver .faq h2{ font-weight: 500; font-size: 42px; } .page-become-driver .faq ul{ float: left; width: 100%; list-style: none; padding: 0 20px 0 0; box-sizing: border-box; } .page-become-driver .faq ul:last-child{ padding: 0 0 0 20px; } .page-become-driver .faq ul li{ padding: 10px 0; border-bottom: 1px solid rgb(219, 219, 219); } .page-become-driver .faq ul li:last-child{ border-bottom:0; } .page-become-driver .faq ul li.open .a{ display: block; } .page-become-driver .faq li .q{ cursor: pointer; font-size: 20px; font-weight: 300; position: relative; padding: 0 0 0 40px; } .page-become-driver .faq li .q::before{ content: "\F3E4"; font-size: 20px; position: absolute; top: 8px; left: 4px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; } .page-become-driver .faq li.open .q::before{ transform: rotate(180deg); } .page-become-driver .faq li .q:hover{ text-decoration: underline; cursor: pointer; } .page-become-driver .faq li .a{ padding: 0px 0 0 0; font-size: 18px; display: none; }.page-become-driver .feat2{ margin: 40px 0;} .page-become-driver .feat2 h3{ font-weight: 800; font-size: 45px; padding: 0; margin: 60px 0 -10px 0; } .page-become-driver .feat2 p{ max-width: 70%; font-size: 22px; } .page-become-driver .feat2 .p2 h3{ font-weight: 500; font-size: 24px; padding: 0; margin: 60px 0 -10px 0; } .page-become-driver .feat2 .p2 p{ font-size: 18px; }.page-become-driver .feat{ padding: 80px 80px; box-sizing: border-box;} .page-become-driver .feat h2{ font-weight: 500; font-size: 38px; } .page-become-driver .feat p{ font-size: 18px; } .page-become-driver .feat.get-started{ padding: 120px 40px 60px 40px; position: relative; text-align: center; margin-bottom: 60px; } .page-become-driver .feat.get-started::before{ position: absolute; content: "\F102"; left: 50%; font-size: 64px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; margin-left: -32px; top: 30px; } .page-become-driver .feat.get-started h2{ font-size: 32px!important; line-height: 32px; font-weight: 800!important; text-align: center; } .page-become-driver .feat.get-started p{ max-width: 700px; margin-left: auto; margin-right: auto; }.page-deliveries{}.page-deliveries .search{ margin-bottom: 20px; overflow: hidden; background: white; z-index: 1;} @media (min-width: 1200px) { .page-deliveries .search{ overflow-y: auto; max-height: 600px; } } .page-deliveries .search::-webkit-scrollbar{ height:10px; width:10px; border-radius: 4px; background: transparent; transition: all 0.3s ease; } .page-deliveries .search::-webkit-scrollbar-thumb{ background:#6b6b6a; border-radius: 4px; } .page-deliveries .search .filter-location{ float: left; } .page-deliveries .search .filter-box{ float: left; width: 100%; position: relative; margin: 0 0px 0px 0; box-sizing: border-box; } .page-deliveries .search .filter-box.keyword{ margin-bottom: 20px; } .page-deliveries .search .filter-box.keyword input[type=submit]{ background: #008489; border-radius: 2px; padding: 6px 20px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 200; border: 0; width: 100%; text-transform: uppercase; margin: 10px 0 10px 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; display: none; -webkit-appearance: none!important; } .page-deliveries .search .filter-box.collection{ width: 37%; padding-right: 20px; } .page-deliveries .search .filter-box.delivery{ width: 37%; padding-left: 20px; } .page-deliveries .search .filter-box.category{ width: 25%; padding-left: 40px; }  .page-deliveries .search .delivery{ } .page-deliveries .search .filter-box .title{ font-size: 18px; font-weight: 300; margin-bottom: 4px; position: relative; } .page-deliveries .search .filter-box .title .swap{ position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; cursor: pointer; } .page-deliveries .search .filter-box .title .swap::before{ content: "\F11B"; font-size: 20px; position: absolute; top: 4px; right: 4px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .page-deliveries .search .filter-box .title .pin{ color: white; font-size: 16px; position: relative; z-index: 1; margin-right: 22px; padding: 0; text-align: center; display: block; float: left; padding-top: 2px; } .page-deliveries .search .filter-box .title .pin::before{ content: "\F187"; font-size: 12px; position: absolute; top: 7px; left: 1px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; color: #222222; z-index: -1; } .page-deliveries .search .filter-box.keyword .title .pin::before{ content: "\F2BB"; } .page-deliveries .search .delivery .title .pin::before{ } .page-deliveries .search .filter-box .add{ position: relative; } .page-deliveries .search .filter-box .add input[type=text]{ width: 100%; box-sizing: border-box; padding: 8px 10px 8px 52px; font-size: 15px; font-weight: 500; border-radius: 0px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .page-deliveries .search .filter-box .add::after{ content: "\F36C"; font-size: 18px; position: absolute; top: 11px; left: 15px; display: inline-block; font-style: inherit; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; z-index: 1; color: #6b6b6a; } .page-deliveries .search .filter-box .loc-list{ margin: -1px 0 8px 0; font-size: 14px; overflow: hidden; } .page-deliveries .search .filter-box .loc-list ul{ list-style: none; margin: 0; padding: 0; border-radius: 2px; background-color: #5392f9; background: #6b6b6a; background-color: #f2f2f2; background-color: #e8e8e8; } .page-deliveries .search .filter-box .loc-list ul li{ padding: 6px 10px; border-bottom: 2px solid #FFF; position: relative; margin: 0 10px; overflow: hidden; } .page-deliveries .search .filter-box .loc-list ul li:last-child{ border: 0; } .page-deliveries .search .filter-box .loc-list ul li .loc{ padding-left: 38px; padding-right: 50px; margin: 0; font-weight: 300; } .page-deliveries .search .filter-box .loc-list ul li .loc::before{ content: "\F12C"; font-size: 15px; position: absolute; top: 50%; margin-top: -9px; left: 10px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .page-deliveries .search .filter-box .loc-list ul li.locality .loc::before{ content: "\F1A0"; transform: scaleX(-1); } .page-deliveries .search .filter-box .loc-list ul li.country .loc::before, .page-deliveries .search .filter-box .loc-list ul li.district .loc::before, .page-deliveries .search .filter-box .loc-list ul li.administrative_area_level_1 .loc::before{ content: "\F127"; } .page-deliveries .search .delivery .loc-list ul li .loc::before{ content: "\F12C"; } .page-deliveries .search .filter-box .loc-list ul li .options{ margin-left: 38px; margin-top: -5px; } .page-deliveries .search .filter-box .loc-list ul li .options .radius-block{ } .page-deliveries .search .filter-box .loc-list ul li .options .radius-block select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; border: 0; padding: 0; font-size: 14px; font-weight: 300; background-color: transparent; cursor: pointer; color: #6b6b6a; border-radius: 0!important; border-bottom: dashed #6b6b6a 1px; } .page-deliveries .search .filter-box .loc-list ul li .remove{ position: absolute; right: 10px; top: 50%; width: 16px; height: 16px; cursor: pointer; margin-top: -8px; } .page-deliveries .search .filter-box .loc-list ul li .remove::before{ content: "\F430"; font-size: 14px; position: absolute; top: 0; left: 0px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .page-deliveries .search .filter-box.category{ float: left; margin-right: 0; } .page-deliveries .search .filter-box.category .stats{ clear: both; overflow: hidden; background-color: #f7f7f7; padding: 20px; box-sizing: border-box; display: flex; justify-content: space-between; border-top: 1px solid rgb(235, 235, 235); width: auto; margin: 20px 0 0 0; } .page-deliveries .search .filter-box.category .stats .stat{ background-color: rgb(255, 255, 255); border: 1px solid rgb(235, 235, 235); border-radius: 8px; padding: 10px 6px 10px 16px; width: 100%; } .page-deliveries .search .filter-box.category .stats .stat:first-child{ margin-right: 10px; } .page-deliveries .search .filter-box.category .stats .stat:last-child{ margin-left: 10px; } .page-deliveries .search .filter-box.category .stats .stat .number{ font-size: 20px; font-weight: 800; display: flex; align-items: baseline; } .page-deliveries .search .filter-box.category .stats .stat .number .indicator{ font-size: 13px; margin-left: 6px; font-weight: 500; } .page-deliveries .search .filter-box.category .stats .stat .number .indicator.up{ color: #008489; } .page-deliveries .search .filter-box.category .stats .stat .number .indicator.down{ color: rgb(255, 56, 92); } .page-deliveries .search .filter-box.category .stats .stat .txt{ font-size: 13px; margin-top: 2px; font-weight: 300; color: rgb(106, 106, 106); } @media (min-width: 1200px) { .page-deliveries .search .filter-box.category .stats{ margin: 20px -24px -24px -24px; } } @media (max-width: 1200px) { .page-deliveries .search{ max-height: none!important; } } @media (max-width: 576px) { .page-deliveries .search .filter-box.category .stats{ padding: 10px; } .page-deliveries .search .filter-box.category .stats .stat{ padding: 10px 10px; } .page-deliveries .search .filter-box.category .stats .stat .number{ font-size: 18px; } .page-deliveries .search .filter-box.category .stats .stat .txt{ font-size: 12px; } .page-deliveries .search .filter-box.category .stats .stat:first-child{ margin-right: 5px; } .page-deliveries .search .filter-box.category .stats .stat:last-child{ margin-left: 5px; } } .page-deliveries .search .filter-box.category .other-option{ margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #E8E8E8; overflow: hidden; } .page-deliveries .search .filter-box.category .other-option .ctag{ background-color: #FF385C; font-size: 11px; font-weight: 300; padding: 1px 4px; border-radius: 2px; color: white; } .page-deliveries .search .filter-box.category ul{ list-style: none; padding: 0; margin: 0; overflow: hidden; } .page-deliveries .search .filter-box.category ul li{ padding: 0; margin: 0; float: left; width: 50%; } .page-deliveries .search .filter-box.category .sub-filter-toggle{ display: inline-block; padding-right: 20px; cursor: pointer; } .page-deliveries .search .filter-box.category .sub-filter-toggle svg{ display: inline-block!important; margin: 0px 0 0 2px; } .page-deliveries .search .filter-box.category .sub-filter{ display: none; border: 1px solid #E8E8E8; border-radius: 12px; margin: 6px 6px 6px 0; padding: 10px; font-size: 14px; background: rgb(247, 247, 247); } .page-deliveries .search .filter-box.category .sub-filter .br{ border-top: 1px solid #E8E8E8; padding-top: 4px; margin-top: 4px; } .page-deliveries .search .filter-box.category .sub-filter label{ display: block; } .page-deliveries .search .filter-box.category label{ cursor: pointer; font-size: 15px; } .page-deliveries .search .filter-box.category input.other-input{ width: 24px; margin-right: 0px; font-size: 11px; font-weight: 100; text-align: center; } .page-deliveries .search .filter-box.category input[type=checkbox]{ border: 0px solid #E8E8E8; background: #fff; width: 16px; height: 16px; text-align: center; border-radius: 2px; position: relative; margin-right: 10px; } .page-deliveries .search .filter-box.category input[type=checkbox]:before{ position: absolute; display: block; width: 16px; height: 16px; border: 1px solid #E8E8E8; left: -1px; content: ""; background: white; } .page-deliveries .search .filter-box.category input[type=checkbox]:disabled:before{ background-color: rgb(235, 235, 228); } .page-deliveries .search .filter-box.category input[type=checkbox]:checked:after { content: "\F2ED"; font-size: 16px; position: absolute; top: 1px; left: 1px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; color: #222222; z-index: 1; } .page-deliveries .header-box{ width: 100%; }  .page-deliveries .o-map-search { float: left; position: relative; padding: 10px 20px 10px 0px; font-size: 16px; cursor: pointer; margin: 0 20px 0 0; border-right: 1px solid #E8E8E8; font-weight: 300; } .page-deliveries .o-map-search span.u::after{ content: "\F2B2"; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; margin-left: 4px; } .page-deliveries .o-map-search span.u{ } .page-deliveries .o-map-search:hover span.u{ text-decoration: underline; } .page-deliveries .date-filter { float: left; position: relative; } .page-deliveries .date-filter .date-title{ margin: 0 20px 0 0; font-weight: 300; cursor: pointer; padding: 10px 0px 10px 0px; font-size: 16px; position: relative; cursor: pointer; } .page-deliveries .date-filter .date-title div:not(.default){ display: none; } .page-deliveries .date-filter .date-title:hover{ text-decoration: underline; } .page-deliveries .date-filter .pcontrols{ overflow: hidden; width: 100%; clear: both; margin: 10px auto 20px auto; } .page-deliveries .date-filter .pcontrols span.apply{ display: block; background: #008489; border-radius: 2px; padding: 8px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 200; border: 0; width: fit-content; margin: auto; } .page-deliveries .date-filter .pcontrols span.reset{ width: fit-content; margin: auto; text-align: center; display: block; margin: 20px auto 0 auto; } .page-deliveries .date-filter .coldel{ margin: 20px 0 0 0; } .page-deliveries .date-filter .coldel .coldel-title{ text-align: center; font-size: 16px; font-weight: 500; } .page-deliveries .date-filter .coldel .d{ font-size: 14px; font-weight: 200; } .page-deliveries .date-filter .coldel .d > span{ display: none; } .page-deliveries .date-filter .coldel .d > span > span{ color: #008489; font-weight: 500; } .page-deliveries .date-filter .popup{ display: none; position: absolute; background: #222222; border-radius: 2px; opacity: 1; margin: 10px 0 0 0; left: 0px; z-index: 9999; color: white; text-align: left; font-size: 16px; box-sizing: border-box; left: 50%; transform: translate(-50%, 0); } .page-deliveries .date-filter .popup .ydatepicker{ position: initial; margin-top: 0; display: block; } .page-deliveries .header-box .sort-by { float: right; } .page-deliveries .header-box .sort-by .select-wrapper{ } .page-deliveries .header-box .sort-by select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; padding: 10px 20px 10px 20px; font-size: 16px; font-weight: 300; border-radius: 2px; }ul.listings{ margin: 0; padding: 0;} ul.listings .featured-listings, ul.listings .urgent-listings{ border: 5px solid rgb(50, 50 ,50); border-radius: 15px; padding: 20px; position: relative; margin: 20px 0 40px 0; } ul.listings .urgent-listings{ border: 5px solid #ff385c; } ul.listings.book-now-featured-listings .featured-listings, ul.listings.book-now-featured-listings .urgent-listings{ margin: 60px 0 40px 0; } ul.listings .featured-listings::before, ul.listings .urgent-listings::before{ content: "FEATURED"; font-size: 36px; font-weight: 800; position: absolute; top: -34px; background: white; padding: 0 10px; } ul.listings .urgent-listings::before{ content: "URGENT"; } ul.listings .featured-listings li:last-child, ul.listings .urgent-listings li:last-child{ margin-bottom: 0; } ul.listings .featured-listings li, ul.listings .urgent-listings li{ border-width: 2px; } ul.listings .book-now{ border: 5px solid #008489; border-radius: 15px; padding: 20px; position: relative; margin: 0 0 10px 0; } ul.listings.book-now-featured-listings .book-now{ margin-top: 20px; } ul.listings .book-now::before{ content: "BOOK NOW"; font-size: 36px; font-weight: 800; position: absolute; top: -34px; background: white; padding: 0 10px; } ul.listings .book-now li:last-child{ margin-bottom: 0; } ul.listings .book-now li{ border-width: 2px; } ul.listings li{ margin: 0 0 5px 0; padding: 5px 0 5px 0; list-style: none; overflow: hidden; border-bottom: 1px solid #e8e8e8; display: flex; } ul.listings li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; } ul.listings li .image{ display: block; padding-right: 20px; text-align: center; } ul.listings li .image a{ display: block; } ul.listings li .image img.is-img{ width: 98px; height: 65px; border-radius: 2px; display: block; } ul.listings li .image .no-img{ width: 98px; height: 65px; background: rgba(107, 107, 106, 0.1); border-radius: 2px; position: relative; } ul.listings li .image .no-img img{ max-width: 78px; max-height: 45px; opacity: 0.2; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } ul.listings li .image .icon{ position: relative; color: #222222; } ul.listings li .image .icon::before{ content: "\F1B0"; font-size: 50px; position: absolute; top: -28px; left: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } ul.listings li .content{ width: 100%; } ul.listings li .content.booked{ background-color: #008489; color: white; border-radius: 3px; padding: 10px 20px; box-sizing: border-box; } ul.listings li .content.booked .s-booked{ border-top: 1px solid white; margin-top: 20px; font-size: 24px; font-weight: 500; padding-top: 10px; } ul.listings li .content.booked .title a:visited{ background-color: #008489; color: white; } ul.listings li .content .title{ margin: 0px 0 0 0; font-size: 15px; } ul.listings li .content .title a{ color: #222222; font-size: 14px; position: relative; background-color: white; text-overflow: ellipsis; max-width: 550px; overflow: hidden; display: inline-block; white-space: nowrap; font-weight: 500; }  ul.listings li .content .title a .to-view{ background-color: #008489; color: white; display: inline-block; padding: 0 5px; font-size: 11px; margin-right: 4px; font-weight: 300; } ul.listings li .content .title a .viewed{ background-color: #F5F5F5; display: inline-block; padding: 1px 5px; background-color: rgb(238, 230, 224); font-weight: 300; margin-right: 4px; font-size: 12px; } ul.listings li .content .title a .quoted{ background-color: rgb(255, 56, 92); color: #FFFFFF; display: inline-block; padding: 1px 5px; font-weight: 300; margin-right: 4px; font-weight: 300; font-size: 12px; } ul.listings li .content .location{ overflow: hidden; margin: 0 0 6px 0; font-size: 13px; } ul.listings li .content .location .collection{ float: left; position: relative; max-width: 375px; box-sizing: border-box; } ul.listings li .content .location .collection::after{ } ul.listings li .content .location .delivery{ float: left; position: relative; max-width: 325px; padding-left: 50px; } ul.listings li .content .location .delivery::before{ content: "\F2DD"; font-size: 10px; position: absolute; top: 50%; margin-top: -4px; left: 19px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } ul.listings li .content .sub{ font-size: 12px; overflow: hidden; margin-left: 1px; } ul.listings li .content .sub div:last-of-type{ margin-right: 0; } ul.listings li .content .sub .invite-message{ width: 100%; display: flex; font-size: 13px; color: rgb(106, 106, 106); } ul.listings li .content .sub .invite-message::before { content: "\F2BB"; padding: 4px 5px 0px 4px; font-size: 11px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; z-index: -1; color: #222222; } ul.listings li .content .sub > div{ margin-bottom: 10px; } ul.listings li .content .sub .category { float: left; margin-right: 30px; position: relative; padding-left: 20px; } ul.listings li .content .sub .category::before { content: "\F188"; font-size: 14px; position: absolute; top: 50%; margin-top: -7px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } ul.listings li .content .sub .quotes { float: left; margin-right: 30px; position: relative; padding-left: 20px; } ul.listings li .content .sub .quotes::before { content: "\F2D4"; font-size: 16px; position: absolute; top: 50%; margin-top: -7px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } ul.listings li .content .sub .driving-distance{ float: left; margin-right: 30px; position: relative; padding-left: 20px; } ul.listings li .content .sub .driving-distance::before{ content: "\F407"; font-size: 14px; position: absolute; top: 50%; margin-top: -7px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } ul.listings li .content .sub .helper { float: left; margin-right: 30px; position: relative; padding-left: 20px; } ul.listings li .content .sub .helper::before{ content: "\F112"; font-size: 16px; position: absolute; top: 50%; margin-top: -8px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } ul.listings li .content .sub .volume { float: left; margin-right: 30px; position: relative; padding-left: 20px; } ul.listings li .content .sub .volume::before{ content: "\F415"; font-size: 14px; position: absolute; top: 50%; margin-top: -6px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } ul.listings li .content .sub .delivery-date { float: left; margin-right: 30px; position: relative; padding-left: 20px; } ul.listings li .content .sub .delivery-date::before{ content: "\F184"; font-size: 14px; position: absolute; top: 50%; margin-top: -7px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } ul.listings li .content .sub .created-date { float: left; margin-right: 30px; position: relative; padding-left: 20px; } .page-deliveries.anonymous-user ul.listings li .content .sub .created-date { padding-left: 0px; } ul.listings li .content .sub .created-date::before{ content: "\F293"; font-size: 14px; position: absolute; top: 50%; margin-top: -7px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } ul.listings li .content .sub .date-completed::before{ content: "\F2B9"; } .page-deliveries.anonymous-user ul.listings li .content .sub .created-date::before{ display: none; } ul.listings li.skeleton{ border-bottom: 0; } ul.listings li.skeleton .skeleton-image{ background-color: #e9ebee; float: left; width: 112.5px; height: 75px; margin-right: 40px; background-image: linear-gradient(90deg, #e9ebee 0px, #FFF 40px, #e9ebee 80px); background-size: 1000px; animation: skeleton-image-shine 1s infinite linear; border-radius: 2px; } @keyframes skeleton-image-shine { 0% { background-position: -200px; } 40%, 100% { background-position: 800px; } } ul.listings li.skeleton .skeleton-content{ float: left; } ul.listings li.skeleton .skeleton-content .skeleton-title{ background-color: #e9ebee; width: 300px; margin-bottom: 10px; height: 24px; background-image: linear-gradient(90deg, #e9ebee 0px, #FFF 40px, #e9ebee 80px); background-size: 1000px; animation: skeleton-line-shine 1s infinite linear; } ul.listings li.skeleton .skeleton-content .skeleton-line1{ background-color: #e9ebee; width: 500px; margin-bottom: 10px; height: 15px; background-image: linear-gradient(90deg, #e9ebee 0px, #FFF 40px, #e9ebee 80px); background-size: 1000px; animation: skeleton-line-shine 1s infinite linear; } ul.listings li.skeleton .skeleton-content .skeleton-line2{ background-color: #e9ebee; width: 360px; height: 15px; background-image: linear-gradient(90deg, #e9ebee 0px, #FFF 40px, #e9ebee 80px); background-size: 1000px; animation: skeleton-line-shine 1s infinite linear; } @keyframes skeleton-line-shine { 0% { background-position: -350px; } 40%, 100% { background-position: 650px; } }.page-deliveries .item-autoload{ margin-top: 80px;}.popup-email-alert{ display: none; top: 100px; left: 50%; max-width: 600px; margin: 0 0 0 -300px; position: fixed; background: #222222; border-radius: 2px; opacity: 1; padding: 15px 30px; box-sizing: border-box; z-index: 999999999; color: white;} .popup-email-alert a{ color: white; text-decoration: underline; } .popup-email-alert a:hover{ text-decoration: none!important; } .popup-email-alert .submit{ text-align: center; margin: 20px 0 20px 0; } .popup-email-alert .submit button{ background: #008489; border-radius: 2px; padding: 8px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 200; border: 0; } .popup-email-alert .close{ text-align: center; } .popup-email-alert .close span{ cursor: pointer; } .popup-email-alert .close span:hover{ text-decoration: underline; cursor: pointer; }.page-deliveries .no-autoload{ margin: 40px 0 0 0; text-align: center;} .page-deliveries .no-autoload a{ display: block; margin: 80px auto auto auto; width: fit-content; background: #008489; padding: 16px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; border: 0; border-radius: 2px; font-weight: 500; text-decoration: none!important; }@media (min-width: 1460px) { .page-deliveries.anonymous-user ul.listings li{ align-items: center; } .page-deliveries.anonymous-user ul.listings li{ margin-bottom: 20px; padding-bottom: 20px; } .page-deliveries.anonymous-user ul.listings li .content .location{ font-size: 14px; font-weight: 300; } .page-deliveries.anonymous-user ul.listings li .content .title a{ font-size: 20px; } .page-deliveries.anonymous-user ul.listings li .content .sub > div{ margin-bottom: 0; } .page-deliveries.anonymous-user ul.listings li .content .sub{ font-size: 13px; color: rgb(106, 106, 106); }}.page-delivery{} .page-delivery .wrapper{ max-width: 1000px; margin: auto; } .page-delivery.my-listing{ } .page-delivery.anonymous{ } .page-delivery.anonymous{ max-width: 800px; margin: auto; } .page-delivery.anonymous .linfo{ width: 100%; padding: 0; } .page-delivery.anonymous .static-map{ margin-bottom: 40px; } .page-delivery.anonymous .static-map img{ display: block; width: 100%; } .page-delivery{ } .page-delivery .listing-content{ margin: auto; flex-wrap: wrap; display: flex; } .page-delivery:not(.right-side) .listing-content{ } .page-delivery.inactive .listing-content, .page-delivery.inactive .listing-content > div{ width: 100%; max-width: 100%; } .page-delivery .container-delivery-map{ width: 30%; align-items: stretch; min-height: 100px; } .page-delivery:not(.right-side) .container-delivery-map{ width: 40%; } .page-delivery .container-delivery-map .open-in-gmaps{ margin: 10px 0 40px 0; display: block; width: fit-content; width: -moz-fit-content; } .page-delivery #delivery-map{ box-sizing: border-box; align-items: stretch; min-height: 100px; height: 100%; z-index: 0; } @media (min-width: 1700px) { .page-delivery.company .listing-content{ margin-right: -100px; } .page-delivery #delivery-map{ margin-left: -100px; } } .leaflet-control-container .leaflet-routing-container-hide { display: none; } .page-delivery.right-side .container-delivery-map{ width: 25%; } .page-delivery .linfo{ width: 70%; padding-left: 40px; box-sizing: border-box; } .page-delivery.right-side .linfo{ width: 45%; } .page-delivery:not(.right-side) .linfo{ width: 60%; } .page-delivery.right-side .section-right{ width: 30%; box-sizing: border-box; padding-left: 40px; order: 3; } .page-delivery h1{ text-align: center; font-size: 40px; margin-top: 40px; margin-bottom: 40px; font-weight: 500; } @media (max-width: 768px) { .page-delivery h1{ font-size: 26px; } } .page-delivery h1.medium{ font-size: 34px; } .page-delivery h1.small{ font-size: 22px; } .page-delivery .content-desc{ width: 100%; margin-bottom: 30px; } .page-delivery:not(.right-side) .content-desc{ margin-left: auto; margin-right: auto; } .page-delivery .content-desc .title{ font-size: 40px; font-weight: 800; } .page-delivery .content-desc .category{ font-size: 14px; font-weight: 500; text-transform: uppercase; margin-bottom: -5px; } .page-delivery .important-message{ text-align: center; font-weight: 200; font-size: 1.5em; margin: 0 0 40px 0; } .page-delivery .important-message strong{ font-weight: 500; } .page-delivery .subtpuncher{ display: block; background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%); cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; font-weight: 300; border: 0; min-width: 100px; border-radius: 3px; box-sizing: border-box; white-space: nowrap; padding: 14px 24px; width: fit-content; width: -moz-fit-content; margin: 20px auto 40px auto; } .page-delivery .subtpuncher:hover{ text-decoration: none!important; } @media (max-width: 576px) { .page-delivery .subtpuncher{ font-size: 16px; } } .page-delivery .public-feedback{ background-color: #f5f5f5; border-radius: 8px; padding: 30px 60px 20px; max-width: 672px; margin: auto auto 40px auto; box-sizing: border-box; box-shadow: inset 0 0 0 2px rgb(235, 235, 235); } .page-delivery .public-feedback .date-reviewed{ margin: 0px 0 0 0; font-size: 14px; color: rgb(106, 106, 106); } .page-delivery .public-feedback .head{ display: flex; margin: 20px 0 10px 0px; } .page-delivery .public-feedback .head .score{ color: white; z-index: 1; text-align: center; padding: 11px 0 0 0; margin: 0 10px 0 0; font-size: 25px; width: 58px; min-width: 58px; font-weight: 500; position: relative; } .page-delivery .public-feedback .head .score span{ padding-right: 3px; } .page-delivery .public-feedback .head .score::before { content: "\F350"; font-size: 58px; position: absolute; top: 0px; left: 0px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; color: rgb(51, 51, 51); z-index: -1; transform: scaleX(-1); } .page-delivery .public-feedback .head .right{ } .page-delivery .public-feedback .head .right .by{ font-size: 18px; } .page-delivery .public-feedback .head .right .expl{ font-weight: 300; } .page-delivery .public-feedback .rtext{ position: relative; padding: 0px 0 0 0; } .page-delivery .public-feedback .rtext .reply{ margin: 20px 0 20px 0; border-left: 3px solid rgba(186,206,220); padding-left: 20px; opacity: 0.8; } .page-delivery .public-feedback .rtext .reply strong{ font-weight: 500; display: block; margin-bottom: 10px; } .page-delivery .public-feedback .rtext span{ position: relative; font-size: 18px; } .page-delivery .public-feedback .rtext span::before { content: "\F2BB"; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-right: 6px; } .page-delivery .popup-customer-listings{ max-width: 600px; } .page-delivery .wrapper{ } .page-delivery .linfo{ } .page-delivery .linfo h3{ font-size: 24px; font-weight: 800; margin-bottom: 10px; } .page-delivery .linfo .g{ margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid rgb(235, 235, 235); } .page-delivery .linfo .invite-message-booked{ background: #F7F6F7; border-radius: 3px; padding: 20px 20px 20px 30px; margin-bottom: 30px; width: fit-content; } .page-delivery .linfo .g.private-note{ padding-bottom: 20px; } @media (max-width: 576px) { .page-delivery .linfo .g.private-note h3 span{ display: block; } } .page-delivery .linfo .g.private-note.noted{ background-color: #f5f5f5; border-radius: 6px; padding: 20px 20px; } .page-delivery .linfo .g.private-note .description{ display: none; } .page-delivery .linfo .g.private-note.noted .description{ display: block; border-left: 3px solid #6b6b6a; padding: 10px 0 10px 20px; } .page-delivery .linfo .g.private-note form{ display: none; } .page-delivery .linfo .g.private-note form textarea{ font-size: 16px; font-weight: 300; } .page-delivery .linfo .g.private-note form .bgr{ display: flex; align-items: center; } .page-delivery .linfo .g.private-note form button[type=submit]{ padding: 6px 12px; margin-right: 10px; } .page-delivery .linfo .g.private-note .set-private-note{ cursor: pointer; width: fit-content; width: -moz-fit-content; font-size: 14px; font-weight: 300; background: #6b6b6a; color: white; border-radius: 2px; padding: 2px 6px; } .page-delivery .linfo .g:last-child{ margin-bottom: 0; padding-bottom: 0; border: none; } .page-delivery .linfo .g:last-child .block:last-child{ margin-bottom: 0; } .page-delivery .linfo .attrs{ } .page-delivery .linfo .attrs .has-booked-before{ background: rgb(255, 56, 92); color: white; padding: 2px 4px; border-radius: 3px; font-size: 13px; margin-left: 6px; } .page-delivery .linfo .attrs .customer-telephone.click-to-reveal{ position: relative; cursor: pointer; } .page-delivery .linfo .attrs .customer-telephone.click-to-reveal::after{ background: #008489; color: white; padding: 2px 4px; border-radius: 3px; font-size: 15px; margin-left: 6px; } .page-delivery .linfo .attrs > span{ } .page-delivery .linfo .attrs > span:not(:first-child) { padding-left: 20px; position: relative; white-space: nowrap; color: rgb(106, 106, 106); } .page-delivery .linfo .attrs > span:not(:first-child)::before { content: "\F195"; font-size: 4px; position: absolute; top: 9px; left: 6px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; } .page-delivery .linfo .cheating{ background-color: #eee6e0; border-radius: 6px; padding: 10px; margin: 10px 0 0 0; } .page-delivery .linfo .block{ margin-bottom: 20px; } .page-delivery .linfo .block.property-access{ overflow: hidden; } .page-delivery .linfo .block.property-access .attrs{ display: flex; flex-direction: column; } .page-delivery .linfo .block.property-access .attrs .note{ order: 9999; font-size: 15px; margin-top: 4px; color: rgb(106, 106, 106); } .page-delivery .linfo .block.property-access .attrs > span:not(:first-child){ color: #222222; } .page-delivery .linfo .block.property-access.collection::before { content: "\F408"; transform: scaleX(-1); } .page-delivery .linfo .block.property-access.delivery::before { content: "\F408"; } .page-delivery .linfo .block.icon.property-access .attrs > span{ display: block; } .page-delivery .linfo .block.description{ overflow: hidden; } .page-delivery .linfo .block.icon{ padding-left: 40px; position: relative; } .page-delivery .linfo .block.icon.coldel .attrs > span{ display: block; } .page-delivery .linfo .block.icon::before{ font-size: 20px; position: absolute; top: 2px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; z-index: -1; color: #222222; } .page-delivery .linfo .block.name::before { content: "\F18D"; } .page-delivery .linfo .block.telephone::before { content: "\F3DE"; } .page-delivery .linfo .block.coldel.collection::before { content: "\F2AE"; } .page-delivery .linfo .block.coldel.delivery::before { content: "\F2AE"; } .page-delivery .linfo .block.timeframe.collection::before { content: "\F183"; } .page-delivery .linfo .block.contact-free::before { content: "\F333"; } .page-delivery .linfo .g.delivery .block.contact-free::before { transform: scaleX(-1); } .page-delivery .linfo .block.timeframe.delivery::before { content: "\F184"; } .page-delivery .linfo .block.loading::before { content: "\F18F"; } .page-delivery .linfo .block.trademe::before { content: "\F37F"; } .page-delivery .linfo .block.affiliate::before { content: "\F379"; } .page-delivery .linfo .block.time-required::before { content: "\F113"; } .page-delivery .linfo .block.loading-helper::before { content: "\F112"; } .page-delivery .linfo .block.payment-option::before { content: "\F3FF"; } .page-delivery .linfo .block.payment-method::before { content: "\F1C8"; } .page-delivery .linfo .block.driving-distance::before { content: "\F407"; } .page-delivery .linfo .block.storage::before { content: "\F415"; } .page-delivery .linfo .block sup{ position: absolute; } .page-delivery .linfo .block .title{ font-weight: 500; } .page-delivery .linfo .block.comms-update .attrs{ color: rgb(106, 106, 106); margin: 4px 0 0 0; font-size: 14px; } .page-delivery .linfo .block.listing-version .attrs > div{ color: rgb(106, 106, 106); margin: 4px 0 0 0; font-size: 14px; display: flex; } .page-delivery .linfo .block.listing-version .attrs > div span:first-of-type{ min-width: 20px; } .page-delivery .linfo .block.affiliate{ } .page-delivery .linfo .block.affiliate .title{ display: flex; align-items: center; } .page-delivery .linfo .block.affiliate img{ height: 18px; margin: 5px 0 0 3px!important; display: block; } .page-delivery .linfo .block.trademe{ } .page-delivery .linfo .block.trademe .title{ display: flex; align-items: center; } .page-delivery .linfo .block.trademe a{ display: flex; align-items: center; } .page-delivery .linfo .block.trademe img{ height: 18px; margin: 5px 0 5px 1px!important; display: block; } .page-delivery .linfo .block.inventory, .page-delivery .linfo .block.recyclable-item{ background: #F7F6F7; border-radius: 3px; padding: 20px 20px 20px 40px; } .page-delivery .linfo .block.inventory .title, .page-delivery .linfo .block.recyclable-item .title{ margin-bottom: 10px; font-weight: 500!important; } .page-delivery .linfo .block.inventory ul.items, .page-delivery .linfo .block.recyclable-item ul.items{ padding: 0; margin: 0 0 0 0; list-style: none; overflow: hidden; } .page-delivery .linfo .block.inventory ul.items li, .page-delivery .linfo .block.recyclable-item ul.items li{ float: left; box-sizing: border-box; position: relative; width: 50%; font-size: 18px; padding: 0 20px 10px 0; text-transform: lowercase; } .page-delivery .linfo .block.inventory ul.items li:nth-child(2n+1), .page-delivery .linfo .block.recyclable-item ul.items li:nth-child(2n+1){ clear: both; } .page-delivery .linfo .block.inventory ul.items li span.t, .page-delivery .linfo .block.recyclable-item ul.items li span.t { display: block; box-sizing: border-box; font-size: 15px; padding: 1px 0 0 32px; } .page-delivery .linfo .block.inventory ul.items li span.t.attention::after{ content: "\F276"; font-size: 13px; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 600; padding-left: 4px; } .page-delivery .linfo .block.inventory ul.items li span.q, .page-delivery .linfo .block.recyclable-item ul.items li span.q { float: left; position: absolute; width: 25px; box-sizing: border-box; text-align: center; color: white; font-size: 12px; font-weight: 300; padding-top: 4px; z-index: 1; } .page-delivery .linfo .block.inventory ul.items li span.q::after, .page-delivery .linfo .block.recyclable-item ul.items li span.q::after { position: absolute; content: "\F339"; font-size: 22px; top: 2px; right: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; transform: rotate(270deg); color: #6b6b6a; z-index: -1; } .page-delivery .linfo .block.groupy{ background: #F7F6F7; border-radius: 3px; padding: 20px 0px 10px 40px; } .page-delivery .linfo .block.vehicle.groupy .bits .bit{ width: 50%; margin-right: 0; padding-right: 0; } .page-delivery .linfo .block.groupy .title{ margin-bottom: 10px; font-weight: 500!important; } .page-delivery .linfo .block.groupy .bits{ overflow: hidden; } .page-delivery .linfo .block.groupy .bits .bit{ float: left; margin: 0 15px 10px 0; display: flex; } .page-delivery .linfo .block.groupy .bits .bit .label{ margin-right: 5px; } .page-delivery .linfo .block.groupy .bits .bit .value{ font-weight: 500; } .page-delivery .linfo .block.images{ overflow: hidden; } .page-delivery .linfo .block.images h4{ font-weight: 500; } .page-delivery .linfo .block.images .add-more-photos{ border: 2px solid #222; border-radius: 5px; cursor: pointer; font-weight: 500; margin: 10px auto 0px auto; user-select: none; display: inline-block; font-size: 14px; padding: 10px 20px; opacity: 0.9; } .page-delivery .linfo .block.images .add-more-photos:hover{ background-color: #f7f7f7; } .page-delivery .linfo .block.images .images{ display: flex; flex-wrap: wrap; margin-right: -10px; } .page-delivery .linfo .block.images a, .page-delivery .linfo .block.images span{ margin: 10px 0 0px 0; max-width: 400px; width: 20%; padding-right: 10px; box-sizing: border-box; } .page-delivery .linfo .block.images img{ display: block; border-radius: 3px; width: 100%; } .page-delivery .linfo .block.images a:hover img{ opacity: 0.8; transition-duration: 0.2s; } .page-delivery .listing-info{ margin: 60px auto auto auto; } .page-delivery:not(.right-side) .listing-info{ } .page-delivery .listing-info h3{ font-size: 24px; font-weight: 800; margin-bottom: 10px; } .page-delivery .listing-info .manage-options{ display: flex; flex-direction: column; } .page-delivery .listing-info .manage-options .invite-companies{ color: #FFF; text-align: center; font-size: 16px; background-color: rgb(51, 51, 51); border-radius: 2px; padding: 8px 36px; cursor: pointer; user-select: none; margin: 20px 0 0 0; text-decoration: none!important; width: fit-content; width: -moz-fit-content; display: table; font-weight: 300; } .page-delivery .listing-info .manage-options .upgrade{ color: #FFF; text-align: center; font-size: 16px; background-color: rgb(51, 51, 51); border-radius: 2px; padding: 8px 36px; cursor: pointer; user-select: none; margin: 20px 0 0 0; text-decoration: none!important; width: fit-content; width: -moz-fit-content; display: table; font-weight: 300; } .page-delivery .listing-info .manage-options .edit, .page-delivery .listing-info .manage-options .request-pdf, .page-delivery .listing-info .manage-options .delete{ color: white; text-align: center; font-size: 16px; background: rgb(51, 51, 51); border-radius: 2px; padding: 8px 36px; cursor: pointer; user-select: none; margin: 20px 0 0 0; text-decoration: none!important; width: fit-content; width: -moz-fit-content; display: table; font-weight: 300; } .page-delivery .listing-info .manage-options .opt-in-email-quote button{ font-size: 16px; margin: 20px 0 0 0; padding: 8px 36px; font-weight: 300; background: rgb(51, 51, 51); } .page-delivery .listing-info .manage-options .invite-companies:hover, .page-delivery .listing-info .manage-options .upgrade:hover, .page-delivery .listing-info .manage-options .edit:hover, .page-delivery .listing-info .manage-options .request-pdf:hover, .page-delivery .listing-info .manage-options .opt-in-email-quote button:hover{ background-color: black; } .page-delivery .listing-info .manage-options .edit{ font-weight: 300; } .page-delivery .listing-info .manage-options .delete{ background-color: #e44746; opacity: 0.8; } .page-delivery .listing-info .list{ display: flex; } .page-delivery .listing-info .list > div{ } .page-delivery .listing-info .list > div:not(:first-child){ padding-left: 20px; margin-left: 10px; position: relative; white-space: nowrap; } .page-delivery .listing-info .list > div:not(:first-child)::before{ content: "\F195"; font-size: 5px; position: absolute; top: 10px; left: 3px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; } .section-right{ } .section-right .new-quote{ } .section-right .new-quote .title{ font-size: 20px; }.page-delivery .my-quotes{ margin: 0 0 0px 0;} .page-delivery .my-quotes h2{ margin: 0 0 10px 0; font-size: 22px; font-weight: 500; } .page-delivery .my-quotes > ul{ list-style: none; padding: 0; margin: 0 0 0 0; } .page-delivery .my-quotes > ul > li{ background-color: #f2f2f2; padding: 10px 20px 10px 25px; margin-bottom: 10px; position: relative; } .page-delivery .my-quotes > ul > li:last-child{ margin-bottom: 80px!important; } .page-delivery .my-quotes > ul > li:not(.open){ user-select: none; cursor: pointer; border-radius: 3px; } @media (min-width: 576px) { .page-delivery .my-quotes > ul > li:not(.open):hover{ background: #008489!important; color: white!important; } .page-delivery .my-quotes > ul > li:not(.open):hover a{ color: white!important; } .page-delivery .my-quotes > ul > li:not(.open):hover .company .score{ color: white; } .page-delivery .my-quotes > ul > li:not(.open):hover .company .score::before{ content: "\F351"!important; color: white; transform: scaleX(-1); } } .page-delivery .my-quotes > ul > li:not(.open).booked .company .score::before{ content: "\F351"!important; color: white; transform: scaleX(-1); } .page-delivery .my-quotes > ul > li:not(.open).booked{ background: #008489; color: white!important; } .page-delivery .my-quotes ul li.booked{ border-color: #008489!important; } .page-delivery .my-quotes ul li.inactive{ } .page-delivery .my-quotes ul li.my-offer{ box-shadow: inset 0 0 0 2px #008489; } .page-delivery .my-quotes ul li:not(.open).automated:after{ content: "automated quote"; position: absolute; font-size: 11px; bottom: 7px; right: 20px; } .page-delivery .my-quotes ul li:not(.open).depot:after{ position: absolute; font-size: 11px; bottom: 7px; right: 20px; } .page-delivery .my-quotes ul li:not(.open).depot.depot-to-depot:after{ content: "depot-to-depot transport"; } .page-delivery .my-quotes ul li:not(.open).depot.door-to-depot:after{ content: "door-to-depot transport"; } .page-delivery .my-quotes ul li:not(.open).depot.depot-to-door:after{ content: "depot-to-door transport"; } @media (max-width: 576px) { .page-delivery .my-quotes ul li:not(.open):after{ content: ""!important; } } .page-delivery .my-quotes ul li.my-listing-quotes{ } .page-delivery .my-quotes ul li.soon-expire{ } .page-delivery .my-quotes ul li.expired{ border-left: 5px solid #6b6b6a; } .page-delivery .my-quotes ul li.open{ background: no-repeat; padding-top: 20px; padding-bottom: 20px; background-color: white; overflow: visible; border: 1px solid rgb(221, 221, 221)!important; box-shadow: rgba(0 0 0 / 12%) 0px 6px 16px; border-radius: 3px; margin-left: -40px; margin-right: -40px; } @media (max-width: 576px) { .page-delivery .my-quotes ul li.open{ border-top-width: 1px!important; border-bottom-width: 0px!important; border-left: none!important; border-right: none!important; margin-top: 20px!important; border-radius: 0!important; padding: 0 0 20px 0!important; } .page-delivery .my-quotes ul li:last-child.open .full .price-sticky{ border-bottom: 1px solid rgb(221, 221, 221); } } .page-delivery.anonymous .my-quotes ul li.open{ margin-left: 0px; margin-right: 0px; box-shadow: none; }  .page-delivery .my-quotes ul li .preview{ position: relative; padding: 8px 0; font-size: 20px; display: flex; align-items: center; }  .page-delivery .my-quotes ul li.expired .preview{ opacity: 0.4; } .page-delivery .my-quotes ul li.open .preview{ display: none; } .page-delivery .my-quotes ul li .preview .r div:last-child{ padding-right: 0; } .page-delivery .my-quotes ul li .preview .txt-booked{ background-color: #008489; border-radius: 3px; padding: 2px 2px 2px 6px; display: flex; margin: 2px 20px 0 0; font-size: 15px; font-weight: 500; } .page-delivery .my-quotes ul li .preview .eco{ background-color: #008489; border-radius: 3px; padding: 2px 6px 2px 2px; display: flex; margin: 2px 20px 0 0; } .page-delivery .my-quotes ul li:hover .preview .eco, .page-delivery .my-quotes ul li.booked .preview .eco{ outline: 1px solid white; } .page-delivery .my-quotes ul li .preview .eco span{ font-weight: 300; font-size: 12px; color: white; padding-right: 2px; } @media (max-width: 576px) { .page-delivery .my-quotes ul li .preview .eco{ display: none; } } .page-delivery .my-quotes ul li .preview .eco svg{ transform: rotate(-20deg); } .page-delivery .my-quotes ul li .preview .price{ font-size: 20px; font-weight: 500; position: relative; text-align: right; padding-right: 30px; padding-right: 0px; } .page-delivery .my-quotes ul li .preview .price::before{ } .page-delivery .my-quotes ul li.active .preview .price::before{ } .page-delivery .my-quotes ul li.soon-expire .preview .price000000000::before{ content: "\f113"!important; top: 4px; color: #f99e00; } .page-delivery .my-quotes ul li .preview .company{ padding-right: 20px; } .page-delivery .my-quotes ul li .preview .company .title{ float: left; padding: 0 0 0 0; margin-right: 7px; font-weight: 300; font-size: 18px; } .page-delivery .my-quotes ul li .preview .company .score{ float: left; position: relative; z-index: 1; width: 29px; text-align: center!important; padding: 10px 0 0 0; margin-right: 11px; font-size: 12px; font-weight: 300; color: white; margin: 1px 11px -4px 0; } .page-delivery .my-quotes ul li .preview .company .score::before{ content: "\F350"; font-size: 29px; position: absolute; top: 4px; left: -2px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; color: rgba(52, 52, 52); z-index: -1; font-weight: 200; } .page-delivery .my-quotes ul li .preview .r{ margin-left: auto; display: flex; align-items: center; flex-shrink: 0; } .page-delivery .my-quotes ul li .preview .instant-quote{ padding: 0 20px 0 0; font-size: 18px; } .page-delivery .my-quotes ul li .preview .chat{ padding: 0 20px 0 0; font-size: 18px; } .page-delivery .my-quotes ul li .preview .chat span{ font-weight: 300; } .page-delivery .my-quotes ul li .preview .chat::before{ content: "\F17F"; font-size: 16px; top: -2px; left: 4px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; z-index: -1; color: #222222; transform: scaleX(-1); } .page-delivery .my-quotes ul li.booked .preview .chat::before{ color: white!important; } @media (min-width: 576px) { .page-delivery .my-quotes ul li:hover .preview .chat::before{ color: white!important; } } .page-delivery .my-quotes ul li .preview .date-expiration{ padding: 0 20px 0 0; font-size: 16px; margin-left: auto; } .page-delivery .my-quotes ul li .preview .declined{ padding-right: 30px; } .page-delivery .my-quotes ul li .full{ display: none; } .page-delivery .my-quotes ul li .full .close-q{ border-top: 1px solid #EBEBEB; text-align: center; width: 100%; order: 99; margin: 48px 0 0 0; padding: 20px 0 0 0; font-weight: 300; } .page-delivery .my-quotes ul li.open .full{ display: flex; flex-wrap: wrap; } .page-delivery .my-quotes ul li.open .c{ flex-wrap: wrap; } .page-delivery .my-quotes ul li.open .full .con{ display: flex; flex-wrap: wrap; } .page-delivery .my-quotes ul li .full .left{ box-sizing: border-box; height: fit-content; order: 1; width: 100%; } .page-delivery .my-quotes ul li .full .left .read-toggle{ display: inline-block; font-weight: 300; } .page-delivery .my-quotes ul li .full .left .company-profile{ margin: 0 0 30px 0; } .page-delivery .my-quotes ul li .full .left .company-profile .headlines{ margin: 0px 0px 20px 0px; overflow: hidden; } .page-delivery .my-quotes ul li .full .left .company-profile .headlines .headline{ padding: 8px 10px 8px 0px; font-size: 14px; color: rgb(106, 106, 106); border-bottom: 1px solid rgb(221, 221, 221); }  .page-delivery .my-quotes ul li .full .left .company-profile .headlines .headline strong{ font-weight: 500; } .page-delivery .my-quotes ul li .full .left .company-head{ display: flex; margin: 20px 0 30px 0; align-items: flex-start; } .page-delivery .my-quotes ul li .full .left .liner{ } .page-delivery .my-quotes ul li .full .left .liner .title{ display: flex; padding: 0 0 20px 0; margin: 0px 0 20px 0; border-bottom: 1px solid rgb(221, 221, 221); align-items: center; } .page-delivery .my-quotes ul li .full .left .liner .title .image{ width: 56px; min-width: 56px; position: relative; } .page-delivery .my-quotes ul li .full .left .liner .title .image a{ display: block; } .page-delivery .my-quotes ul li .full .left .liner .title .image img{ display: block; border-radius: 100%; width: 40px; height: 40px; } .page-delivery .my-quotes ul li .full .left .liner .title .image .badge{ width: fit-content; padding: 4px; border-radius: 100%; position: absolute; left: 27px; bottom: -5px; background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%); background: rgb(51, 51, 51); border: 1px solid white; } .page-delivery .my-quotes ul li .full .left .liner .title h2{ font-size: 24px; margin: 0; } @media (max-width: 576px){ .page-delivery .my-quotes ul li .full .left .liner .title h2.long{ font-size: 17px; } } .page-delivery .my-quotes ul li .full .left .liner .title .sub{ color: rgb(106, 106, 106); font-size: 14px; margin-top: -3px; } @media (min-width: 992px){ .page-delivery .my-quotes ul li .full .left .company-head .section-left.brd-bottom{ padding-bottom: 30px; border-bottom: 1px solid rgb(221, 221, 221); } .page-delivery .my-quotes ul li .full .left .company-head .section-left{ max-width: 540px; width: 100%; } } .page-delivery .my-quotes ul li .full .left .feats{ } .page-delivery .my-quotes ul li .full .left .feats .feat:last-child{ margin-bottom: 0; } .page-delivery .my-quotes ul li .full .left .feats .feat{ display: flex; margin: 0 0 20px 0; } .page-delivery .my-quotes ul li .full .left .feats .feat .feat-icon{ width: 56px; padding-left: 8px; min-width: 56px; box-sizing: border-box; } .page-delivery .my-quotes ul li .full .left .feats .feat .feat-content{ width: 100%; } .page-delivery .my-quotes ul li .full .left .feats .feat .feat-content .feat-title{ font-weight: 500; } .page-delivery .my-quotes ul li .full .left .feats .feat .feat-content .feat-desc{ color: rgb(106, 106, 106); font-size: 14px; } .page-delivery .my-quotes ul li .full .left .company-head .right-section{ margin-left: auto; text-align: right; min-width: 180px; margin-bottom: 20px; } @media (min-width: 992px) { .page-delivery .my-quotes ul li .full .left .company-head .right-section.sticky.has-gallery{ margin-bottom: -100px; } .page-delivery .my-quotes ul li .full .left .company-head .right-section.sticky{ position: sticky; top: 30px; } } .page-delivery.anonymous .my-quotes ul li .full .left .company-head .right-section{ min-width: 270px; } .page-delivery .my-quotes ul li .full .left .company-head .right-section .price{ font-size: 26px; font-weight: 500; } .page-delivery .my-quotes ul li .full .left .company-head .right-section .no-hidden-fees{ font-size: 14px; margin: 0 0 0px 0; } .page-delivery .my-quotes ul li .full .left .company-head .right-section .no-hidden-fees .js-report{ color: rgb(106, 106, 106); } .page-delivery .my-quotes ul li .full .left .company-head .right-section .qstatus{ float: right; padding: 6px 25px; text-align: center; font-size: 20px; font-weight: 300; border-radius: 2px; color: #FFF; margin: 20px 0 0 0; background: rgb(51, 51, 51); } .page-delivery .my-quotes ul li .full .left .company-head .right-section .pr{ clear: both; max-width: 250px; font-size: 14px; margin-bottom: -300px; padding: 20px 0 0px 0; display: flex; align-items: center; } .page-delivery .my-quotes ul li .full .left .company-head .right-section .pr .msg{ order: 2; width: 100%; color: rgb(106, 106, 106); } .page-delivery .my-quotes ul li .full .left .company-head .right-section .pr.green .msg{ color: rgb(0, 138, 5); } .page-delivery .my-quotes ul li .full .left .company-head .right-section .pr .svg{ padding-left: 10px; order: 3; } .page-delivery .my-quotes ul li .full .left .company-head .right-section .pr .svg svg{ display: block; height: 30px; width: 30px; color: rgb(106, 106, 106); stroke: currentcolor; fill-opacity: 0.6; } @media (max-width: 992px) { .page-delivery .my-quotes ul li .full .left .company-head .right-section .pr.green{ max-width: 100%; font-weight: 300; } .page-delivery .my-quotes ul li .full .left .company-head .right-section .pr{ text-align: center; margin: auto; flex-direction: column; } .page-delivery .my-quotes ul li .full .left .company-head .right-section .pr .svg{ order: 1; padding: 0 0 10px 0; } .page-delivery .my-quotes ul li .full .left .company-head .right-section .pr .svg svg{ height: 24px; } } .page-delivery .my-quotes ul li .full .left .company-head .right-section .accept-quote{ color: white; text-align: center; font-size: 16px; font-weight: 500; background: #008489; float: right; border-radius: 5px; padding: 12px 44px; cursor: pointer; user-select: none; position: relative; display: flex; margin: 20px 0 0 0; background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%) !important; } .page-delivery.anonymous .my-quotes ul li .full .left .company-head .right-section .accept-quote{ padding-left: 10px; padding-right: 10px; } .page-delivery .my-quotes ul li .full .left .company-head .right-section .accept-quote:hover{ text-decoration: none!important; }  .page-delivery .my-quotes ul li .full .left .ipdata{ background-color: #f2f2f2; border-radius: 3px; padding: 10px; margin: 0 0 20px 0; } .page-delivery .my-quotes ul li .full .left .ipdata .set .t{ white-space: normal; padding-right: 30px; } .page-delivery .my-quotes ul li .full .left .ipdata .set .c{ white-space: nowrap; } .page-delivery .my-quotes ul li .full .left .set-list{ margin: 0 0 0px 0; } .page-delivery.my-listing .my-quotes ul li .full .left .set-list{ } .page-delivery .my-quotes ul li .full .left .set{ margin: 0 0 8px 0; padding: 0 0px 8px 0px; display: flex; justify-content: space-between; border-bottom: 1px solid rgb(235, 235, 235); } .page-delivery .my-quotes ul li .full .left .set:last-child{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .page-delivery .my-quotes ul li .full .left .set .t{ padding: 0 10px 0 0; box-sizing: border-box; font-weight: 300; white-space: nowrap; } .page-delivery .my-quotes ul li .full .left .set:not(.offer-expiration) .c{ text-transform: lowercase; } .page-delivery .my-quotes ul li .full .left .set .c{ box-sizing: border-box; text-align: right; color: rgb(106, 106, 106); } .page-delivery .my-quotes ul li .full .left .set .c.span-separate-dots span{ position: relative; padding: 0 0 0 15px; white-space: nowrap; } .page-delivery .my-quotes ul li .full .left .set .c.span-separate-dots span::after{ content: "\F195"; font-size: 4px; position: absolute; top: 9px; left: 4px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; } .page-delivery .my-quotes ul li .full .left .set .c.span-separate-dots span:first-child{ padding: 0; } .page-delivery .my-quotes ul li .full .left .set .c.span-separate-dots span:first-child::after{ content: ""; } .page-delivery .my-quotes ul li .full .left .set.telephone .jhgfcgv{ text-transform: inherit!important; font-size: 13px; max-width: 220px; display: block; float: right; } .page-delivery .my-quotes ul li .full .left .set.telephone .company-telephone.click-to-reveal{ position: relative; cursor: pointer; } .page-delivery .my-quotes ul li .full .left .set.telephone .company-telephone.click-to-reveal::after { background: #008489; color: white; padding: 2px 4px; border-radius: 3px; font-size: 15px; margin-left: 6px; } .page-delivery .my-quotes ul li .full .left .set.insurance{ } .page-delivery .my-quotes ul li .full .left .set.insurance .c{ text-transform: initial!important; } .page-delivery .my-quotes ul li .full .left .set.insurance .c > div{ margin-bottom: 5px; background-color: rgb(247, 247, 247); width: fit-content; border-radius: 2px; padding: 2px 10px; margin-left: auto; } .page-delivery .my-quotes ul li .full .left .set.insurance .approved{ background-color: rgb(247, 247, 247); padding: 2px 2px; border-radius: 2px; font-size: 14px; font-weight: 500; } .page-delivery .my-quotes ul li .full .left a.add-photo-gallery{ margin-top: 30px; text-decoration: none!important; display: block; color: white; padding: 50px 20px 20px 20px; background-color: #008489; border-radius: 2px; position: relative; } .page-delivery .my-quotes ul li .full .left a.add-photo-gallery::before{ content: "\F39D"; font-size: 30px; position: absolute; top: 10px; margin-left: -10px; left: 50%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; } .page-delivery .my-quotes ul li .full .left .photo-gallery-title{ margin: 0px 0 10px 0; font-size: 22px; font-weight: 500; } .page-delivery .my-quotes ul li .full .left .photo-gallery{ overflow: hidden; margin: 10px 0 0 0; display: flex; } @media (max-width: 576px) { .page-delivery .my-quotes ul li .full .left .photo-gallery{ border-bottom: 1px solid rgb(221, 221, 221); padding: 0 0 30px 0; } } .page-delivery .my-quotes ul li .full .left .photo-gallery a{ display: block; margin: 0 0 0 10px; max-width: 100px; position: relative; border-radius: 3px; overflow: hidden; background-color: black; } .page-delivery .my-quotes ul li .full .left .photo-gallery a:first-child{ display: none!important; } .page-delivery .my-quotes ul li .full .left .photo-gallery a:nth-child(2) { margin-left: 0; } .page-delivery .my-quotes ul li .full .left .photo-gallery a:last-child{ margin-right: 0; } .page-delivery .my-quotes ul li .full .left .photo-gallery a:nth-of-type(1n+7){ display: none; } .page-delivery .my-quotes ul li .full .left .photo-gallery a.more::after { content: "MORE"; font-size: 14px; font-weight: 300; color: white; position: absolute; top: 0; left: 0; right: 0; text-align: center; height: 100%; background-color: rgba(0, 0, 0, 0.4); padding-top: 20%; box-sizing: border-box; } .page-delivery .my-quotes ul li .full .left .photo-gallery a img{ display: block; width: 100%; } .page-delivery .my-quotes ul li .full .left .photo-gallery a:hover img{ opacity: 0.8; transition-duration: 0.2s; } .page-delivery .my-quotes ul li .full .left .photo-gallery a.placer-add-photo{ display: block; width: 100%; } .page-delivery .my-quotes ul li .full .left .photo-gallery a.placer-add-photo:hover{ text-decoration: none!important; } .page-delivery .my-quotes ul li .full .left .photo-gallery a.placer-add-photo::after { content: "ADD PHOTO"; font-size: 14px; font-weight: 300; color: white; text-align: center; height: 100%; background-color: #525252; padding-top: 20px; padding-bottom: 20px; box-sizing: border-box; display: block; } .page-delivery .my-quotes ul li .full .left h2.desc{ font-size: 22px; } .page-delivery .my-quotes ul li .full .left .company-description{ padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: 1px solid rgb(221, 221, 221); } @media (max-width: 576px) { .page-delivery .my-quotes ul li .full .left .read-toggle{ display: block; margin: 8px 0 0 0; width: fit-content; } } .page-delivery .my-quotes ul li .full .left .note{ position: relative; font-size: 15px; font-weight: 300; margin: 0px 0 0px 0; max-width: 500px; padding: 18px 20px 18px 25px; line-height: 160%; border: 1px solid rgb(221, 221, 221) !important; border-radius: 8px !important; box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px !important; } .page-delivery .my-quotes ul li .full .left .note.first-line:first-line{ font-weight: 500; } .page-delivery .my-quotes ul li .full .left .note-arrow{ height: 20px; position: relative; }  .page-delivery .my-quotes ul li .full .left .note.shorten{ max-height: 200px; position: relative; cursor: pointer; user-select: none; overflow: hidden; } .page-delivery .my-quotes ul li .full .left .note.shorten::before { content: ' '; width: 100%; position: absolute; bottom: 0px; height: 100%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 1) 78%); padding-top: 50px; left: 0; border-radius: 3px; } .page-delivery .my-quotes ul li .full .left .note.shorten::after { text-align: center; content: 'READ MORE'; font-family: 'Mallory'; font-size: 16px; position: absolute; font-weight: 500; bottom: 20px; left: 0; width: 100%; } .page-delivery .my-quotes ul li .full .left .declined-message{ font-size: 20px; font-weight: 300; text-align: center; padding: 10px 0; color: white; background: #008489; border-radius: 3px; margin: 20px 0; } .page-delivery .my-quotes ul li .full .chat{ width: 100%; border-top: 1px solid rgb(221, 221, 221); margin-top: 32px; padding-top: 32px; order: 3; } .page-delivery .my-quotes ul li .full .chat .send-message{ width: 100%; overflow: hidden; margin-top: 10px; box-sizing: border-box; } .page-delivery .my-quotes ul li .full .chat .send-message .hidable{ display: none; } .page-delivery .my-quotes ul li .full .chat .send-message .hidable{ display: none; } .page-delivery .my-quotes ul li .full .chat .send-message textarea{ width: 100%; box-sizing: border-box; resize: vertical; min-height: 60px; line-height: 21px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border-radius: 2px; padding: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 10px; } .page-delivery .my-quotes ul li .full .chat .send-message .customer-name{ position: absolute; left: 122px; bottom: 27px; font-size: 13px; } @media (max-width: 576px) { .page-delivery.company .my-quotes ul li .full .chat .send-message .yrewrite{ margin-bottom: 20px; } .page-delivery .my-quotes ul li .full .chat .send-message .customer-name{ width: 100%; left: 0; right: 0; text-align: center; bottom: -8px; } }  .page-delivery .my-quotes ul li .full .chat .send-message .yrewrite .yrewrite-button::after{ left: 12px!important; bottom: 26px!important; } .page-delivery .my-quotes ul li .full .chat .yrewrite-popup{ margin-top: -16px; margin-bottom: -55px; position: relative; } .page-delivery .my-quotes ul li .full .chat .send-message textarea::placeholder{ color: #222222; } @media (max-width: 576px) { .page-delivery .my-quotes ul li .full .chat .send-message textarea::placeholder{ font-size: 15px; } } .page-delivery .my-quotes ul li .full .chat .send-message .canned-response{ margin: 20px auto 0 auto; width: fit-content; display: block; } .page-delivery .my-quotes ul li .full .chat .send-message .alert-custom{ display: none; border-left: 12px solid #E07912; padding: 10px 20px 10px 10px; font-size: 14px; margin: 0 0 10px 0; background: rgb(247, 247, 247); border-radius: 2px; } .page-delivery .my-quotes ul li .full .chat .send-message .suggested-messages{ margin: 0 0 20px 0; width: fit-content; position: relative; } .page-delivery .my-quotes ul li .full .chat .send-message .suggested-messages .l{ } .page-delivery .my-quotes ul li .full .chat .send-message .suggested-messages .l .m{ border-radius: 4px; font-size: 13px; padding: 40px 40px 10px 10px; max-width: 505px; background: rgb(247, 247, 247); position: relative; cursor: pointer; display: none; } .page-delivery .my-quotes ul li .full .chat .send-message .suggested-messages .l .m.active{ display: block; } .page-delivery .my-quotes ul li .full .chat .send-message .suggested-messages .l .m:hover{ background-color: #e7ebec; } .page-delivery .my-quotes ul li .full .chat .send-message .suggested-messages .l .m::before{ content: "SUGGESTED"; display: inline-block; margin: 0 0 10px 0; top: 10px; position: absolute; font-weight: 300; font-size: 12px; background-color: rgba(107, 107, 106, 0.4); background-color: rgb(80, 80, 80); border-radius: 2px; color: white; padding: 1px 4px 1px 4px; } .page-delivery .my-quotes ul li .full .chat .send-message .suggested-messages .n{ display: block; width: 30px; cursor: pointer; position: absolute; right: 0px; top: 0; bottom: 0; padding-right: 10px; } .page-delivery .my-quotes ul li .full .chat .send-message .suggested-messages .n::after{ position: absolute; right: 10px; top: 50%; margin-top: -8px; content: "\F2DD"; font-size: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; color: rgba(107, 107, 106, 0.4); } .page-delivery .my-quotes ul li .full .chat .send-message .suggested-messages .n:hover::after{ color: inherit; } .page-delivery .my-quotes ul li .full .chat .send-message .info{ font-size: 14px; margin: 0px auto 10px auto; text-align: center; max-width: 550px; width: -moz-fit-content; width: fit-content; display: flex; align-items: center; } .page-delivery .my-quotes ul li .full .chat .send-message .info .separator::after{ content: "—"; } .page-delivery .my-quotes ul li .full .chat .send-message .info svg{ margin-right: 10px; } .page-delivery .my-quotes ul li .full .chat .send-message .add-photos{ margin: 10px auto auto auto; width: fit-content; width: -moz-fit-content; cursor: pointer; } .page-delivery .my-quotes ul li .full .chat .send-message button{ background: #008489; border-radius: 2px; padding: 12px 20px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; font-weight: 300; border: 0; width: 100%; border-radius: 5px; background: rgb(51, 51, 51); display: block; margin: auto; } .page-delivery .my-quotes ul li .full .chat .send-message button:hover{ background: rgb(0, 0, 0); } @media (min-width: 768px) { .page-delivery .my-quotes ul li .full .chat .send-message button{ max-width: 280px; } } .page-delivery .my-quotes ul li .full .chat .messages{ margin-bottom: 15px;  } .page-delivery .my-quotes ul li .full .chat .messages::-webkit-scrollbar{ height:10px; width:10px; border-radius: 4px; background: transparent; transition: all 0.3s ease; background: #f7f7f7; } .page-delivery .my-quotes ul li .full .chat .messages::-webkit-scrollbar:hover{ background: #f7f7f7; } .page-delivery .my-quotes ul li .full .chat .messages::-webkit-scrollbar-thumb{ background:#6b6b6a; border-radius: 4px; } .page-delivery .my-quotes ul li .full .chat .messages .message{ margin: 0 0 20px 0; padding: 0 0 10px 0; overflow: hidden; box-sizing: border-box; clear: both; max-width: 575px; } .page-delivery .my-quotes ul li .full .chat .messages .message.right{ float: right; } .page-delivery .my-quotes ul li .full .chat .messages .message.right .author, .page-delivery .my-quotes ul li .full .chat .messages .message.right .timestamp, .page-delivery .my-quotes ul li .full .chat .messages .message.right .report{ text-align: right; margin-right: 0; } .page-delivery .my-quotes ul li .full .chat .messages .message.right .report{ float: right; } .page-delivery.my-listing .my-quotes ul li .full .chat .messages .message{ border-color: #f2f2f2; } .page-delivery .my-quotes ul li .full .chat .messages .message:last-child{  padding-bottom: 0!important; border: 0!important; } .page-delivery .my-quotes ul li .full .chat .messages .message .head{ display: flex; width: 100%; } .page-delivery .my-quotes ul li .full .chat .messages .message .head .l{ width: 100%; } .page-delivery .my-quotes ul li .full .chat .messages .message.left .head .l{ order: 2; } .page-delivery .my-quotes ul li .full .chat .messages .message .profile-photo{ margin-left: 15px; margin-top: 2px; } .page-delivery .my-quotes ul li .full .chat .messages .message.left .profile-photo{ margin-left: 0px; margin-right: 15px; } .page-delivery .my-quotes ul li .full .chat .messages .message .profile-photo img{ display: block; border-radius: 90%; width: 40px; } .page-delivery .my-quotes ul li .full .chat .messages .message .author{ margin-right: 10px; font-weight: 500; font-size: 20px; } .page-delivery .my-quotes ul li .full .chat .messages .message .author .company { color: rgb(106, 106, 106); font-weight: 300; font-size: 14px; } .page-delivery .my-quotes ul li .full .chat .messages .message .timestamp{ font-size: 13px; color: rgb(106, 106, 106); padding-top: 2px; margin-bottom: 10px; } .page-delivery .my-quotes ul li .full .chat .messages .message .flag-auto-followup{ font-weight: 300; font-size: 12px; background-color: #619b9f; border-radius: 2px; color: white; padding: 1px 4px 1px 4px; margin: -4px 0 8px auto; width: fit-content; } .page-delivery .my-quotes ul li .full .chat .messages .message .report{ margin-top: -5px; font-size: 13px; display: inline-block; float: left; color: rgb(106, 106, 106); } .page-delivery .my-quotes ul li .full .chat .messages .message .text{ overflow: hidden; font-size: 15px; width: fit-content; margin-bottom: 10px; background-color: rgb(242,242,242); padding: 15px 20px 15px 20px; border-radius: 12px; width: -moz-fit-content; } .page-delivery .my-quotes ul li .full .chat .messages .message.left .text{ border-top-left-radius: 2px; } .page-delivery .my-quotes ul li .full .chat .messages .message.right .text{ margin-left: auto; color: white;  background-color: rgb(63, 63, 63); border-top-right-radius: 2px; } .page-delivery .my-quotes ul li .full .chat .messages .message .text.shorten{ max-height: 70px; position: relative; cursor: pointer; user-select: none; } .page-delivery .my-quotes ul li .full .chat .messages .message .text.shorten::before{ width: 100%; text-align: center; position: absolute; bottom: 0; content: '\F3E4'; height: 40px; font-family: 'icon'; background-image: linear-gradient(to bottom, rgba(107, 107, 106, 0.6), rgba(107, 107, 106, 1) 80%); font-size: 30px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-weight: bold; padding-top: 20px; left: 0; } .page-delivery .my-quotes ul li .full .chat .messages .message.company .text.shorten::before{ background-image: linear-gradient(to bottom, rgba(242,242,242, 0.6), rgba(242,242,242, 1) 80%); } .page-delivery .my-quotes .decline{ text-align: center; } .page-delivery .my-quotes .decline > span{ color: #222222; cursor: pointer; } .page-delivery .my-quotes .decline > span:hover{ text-decoration: underline; }  .page-delivery .my-quotes ul li .full .featured-review{ width: 100%; order: 99; border-top: 1px solid rgb(221, 221, 221); padding: 48px 0 0 0; margin: 28px 0 0 0; } .page-delivery .my-quotes ul li .full .featured-review h2{ font-size: 24px; margin: 0 0 10px 0; } .page-delivery .my-quotes ul li .full .featured-review h2 span{ } .page-delivery .my-quotes ul li .full .listing-title{ font-size: 18px; font-weight: 500; margin: 5px 0 0 0; } .page-delivery .my-quotes ul li .full .review-text{ padding: 30px 80px 30px 20px; border-radius: 12px; border-top-left-radius: 2px; background-color: #e7ebec; font-size: 15px; position: relative; font-weight: 300; width: fit-content; max-width: 80%; } .page-delivery .my-quotes ul li .full .review-text span{ } .page-delivery .my-quotes ul li .full .review-text span::before { content: "\F2BB"; font-size: 30px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-right: 6px; } .page-delivery .my-quotes ul li .full .review-text .date{ margin: 10px 0 0 0; font-size: 14px; color: rgb(106, 106, 106); font-weight: 100; } .page-delivery .my-quotes ul li .full .c-profile{ font-size: 16px; margin: 10px 0 0 0; display: inline-block; font-weight: 500; } .page-delivery .section-right h3{ font-size: 34px; margin: 0 0 20px 0; padding: 0; } .page-delivery .section-right .t1{ } .page-delivery .section-right .t2{ } .page-delivery .section-right .t3{ margin-bottom: 20px; } .page-delivery .section-right .split span{ display: block; background-color: #9b9b9a; width: 80px; height: 0.3pt; margin: 15px auto; } .page-delivery .section-right img{ width: 70%; margin-bottom: 20px; }.page-delivery .promo-instant-quote{ padding: 10px 10px 10px 20px; border-radius: 2px; border: 1px solid rgb(235, 235, 235); margin-bottom: 20px; display: flex; align-items: start; justify-content: space-between;} @media (max-width: 576px) { .page-delivery .promo-instant-quote{ display: none; } } .page-delivery .promo-instant-quote .l{ font-size: 14px; } .page-delivery .promo-instant-quote .l .t{ margin-bottom: 10px; } .page-delivery .promo-instant-quote .l .btns{ display: flex; align-items: center; } .page-delivery .promo-instant-quote .l .btns a{ background-color: rgb(0, 132, 137); color: white; margin-right: 20px; padding: 6px 16px; border-radius: 2px; display: inline-block; font-size: 13px; text-decoration: none!important; } .page-delivery .promo-instant-quote .l .btns .later{ font-size: 13px; cursor: pointer; } .page-delivery .promo-instant-quote .icon{ width: fit-content; border-radius: 12px; background-color: #f7f7f7; padding: 10px; }.page-delivery .enable-desktop-notifications{ padding: 10px 10px 10px 20px; border-radius: 2px; border: 1px solid rgb(235, 235, 235); margin-bottom: 20px;} @media (max-width: 1200px) { .page-delivery .enable-desktop-notifications{ display: none; } } .page-delivery .enable-desktop-notifications.success .success-msg{ display: block; } .page-delivery .enable-desktop-notifications .success-msg, .page-delivery .enable-desktop-notifications.success .pre{ display: none; } .page-delivery .enable-desktop-notifications .top{ margin-bottom: 10px; display: flex; align-items: center; } .page-delivery .enable-desktop-notifications .txt{ font-size: 14px; width: fit-content; } .page-delivery .enable-desktop-notifications .icon{ width: fit-content; border-radius: 12px; background-color: #f7f7f7; padding: 10px; } .page-delivery .enable-desktop-notifications .r{ display: flex; align-items: center; } .page-delivery .enable-desktop-notifications .btn{ text-align: center; font-size: 13px; cursor: pointer; } .page-delivery .enable-desktop-notifications .btn.enable{ background-color: rgba(0, 132, 137, 1); color: white; padding: 6px 16px; border-radius: 2px; margin-right: 20px; } .page-delivery .enable-desktop-notifications .btn.no{ font-size: 13px; }.page-delivery .auto-followup{ margin: 40px auto 0 auto;} @media (max-width: 992px) { .page-delivery .auto-followup{ max-width: 500px; padding-left: 20px; padding-right: 20px; margin-bottom: 80px; box-sizing: border-box; } } .page-delivery .auto-followup .t{ border-top: 1px solid rgb(235, 235, 235); padding: 40px 0 0 0; font-size: 15px; font-weight: 500; } .page-delivery .auto-followup .d{ font-size: 14px; margin: 16px 0 0 0; color: rgb(106, 106, 106); } .page-delivery .auto-followup .d label{ display: flex; align-items: center; } .page-delivery .auto-followup .d label .i{ margin: 0 16px 0 0; padding: 8px 10px 9px 8px; background: #f5f5f5; height: max-content; border-radius: 3px; }.place-quote{ margin: 0 0 20px 0; width: 100%; overflow: hidden;} .place-quote input, .place-quote select, .place-quote textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .place-quote span.info{ display: inline-block; width: 20px; height: 20px; position: relative; cursor: pointer; } .place-quote span.info::after{ content: "\F21B"; font-size: 14px; position: absolute; top: 6px; right: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; cursor: pointer; } .place-quote .info-desc{ margin: 10px 0 0 0; width: 100%; background-color: #6b6b6a; padding: 10px 15px; font-size: 14px; position: relative; box-sizing: border-box; color: white; display: none; } .place-quote .qp{ padding: 16px 10px 16px 20px; border: 1px solid rgb(235, 235, 235); font-size: 15px; margin: 0 0 20px 0; display: flex; border-radius: 2px; } .place-quote .qp div{ width: fit-content; padding-right: 20px; } .place-quote .qp div strong{ padding-right: 4px; font-weight: 300; } .place-quote .qp svg{ width: 40px!important; display: block; } .place-quote .amount{ overflow: hidden; } .place-quote .bg-blue{ color: white; padding: 10px 10px 10px 20px; background-color: rgb(50, 50 ,50); border-radius: 2px; margin: 0 0 30px 0; } .place-quote .bg-grey{ background-color: #f5f5f5; padding: 10px 10px 10px 10px; border-radius: 2px; margin: 0 0 30px 0; } .place-quote .bg-grey > div:last-of-type{ margin-bottom: 0px; } .page-delivery .my-quotes ul li .place-quote .bg-grey{ background-color: inherit; padding: 0; border-radius: 0; margin: 0 0 30px 0; } .place-quote .amount .set_amount{ overflow: hidden; font-size: 20px; margin-bottom: 15px; } .place-quote .amount .set_amount .set.estimated{ border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 13px; opacity: 0.7; padding-top: 10px; margin-top: 10px; display: flex; } .place-quote .amount .set_amount .set.estimated .currency{ padding: 0 0 0 40px; font-size: 16px; font-weight: 500; white-space: nowrap; } .place-quote .amount .set_amount .set{ overflow: hidden; } .place-quote .amount .set_amount .t{ float: left; } .place-quote .amount .set_amount .currency{ float: right; padding: 0 10px; } .place-quote .amount .set_amount input{ float: right; background-color: rgb(50, 50 ,50); border: 0; outline: 0; border-bottom: 1px solid white; width: 80px; font-size: 20px; color: white; top:-5px; text-align: right; margin-top: -2px; border-radius: 0; } .place-quote .amount .set_amount input::placeholder{ color: white; } .place-quote .amount .set_amount .price-per-km{ display: none; text-align: right; font-size: 14px; margin: 10px 0 0 0; } .place-quote .amount .fee{ text-align: right; font-size: 14px; } .place-quote .amount .fee label{ cursor: pointer; user-select: none; } .place-quote .amount .fee input{ border: 1px solid #E8E8E8; width: 8px; height: 8px; text-align: center; border-radius: 2px; position: relative; margin-right: 10px; } .place-quote .amount .fee input:before { position: absolute; display: block; top: -1px; left: -1px; width: 10px; height: 10px; border: 1px solid white; content: ""; background-color: #008489; } .place-quote .amount .fee input:checked:before { border: 0; background-color: #008489; } .place-quote .amount .fee input:checked:after { content: "\F2ED"; font-size: 16px; position: absolute; top: -4px; left: -2px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; color: white; background-color: #008489; z-index: 1; } .place-quote .show-amount{ overflow: hidden; margin: 0 0 30px 0; display: none; } .place-quote .transporter-amount{ margin: 0 0 5px 0; } .place-quote .fee-amount{ margin: 0 0 5px 0; } .place-quote .show-amount .t{ float: left; font-size: 18px; margin-top: 8px; } .place-quote .fee-amount .t, .place-quote .customer-amount .t{ font-size: 16px; margin-top: 0px; } .place-quote .show-amount .set{ overflow: hidden; } .place-quote .show-amount .currency{ float: right; font-size: 28px; font-weight: 500; } .place-quote .fee-amount .currency, .place-quote .customer-amount .currency{ font-size: 16px; margin-top: 3px; } .place-quote .show-amount .amount{ float: right; font-size: 28px; font-weight: 500; } .place-quote .fee-amount .amount, .place-quote .customer-amount .amount{ font-size: 16px; margin-top: 3px; } .place-quote .show-amount .desc{ margin: 10px 0 0 0; width: 100%; background-color: #6b6b6a; padding: 10px 15px; font-size: 14px; position: relative; box-sizing: border-box; color: white; display: none; } .place-quote .show-amount .desc::after { content: "\F106"; font-size: 14px; position: absolute; top: -10px; right: 7%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; transform: rotate(180deg); color: #6b6b6a; } .place-quote .time-allocated{ margin: 0 0 30px 0; } .place-quote .time-allocated .t{ font-size: 18px; margin: 0 0 10px 0; overflow: hidden; } .place-quote .time-allocated .g{ margin: 10px 0 0 0; overflow: hidden; background-color: #e8e8e8; border-radius: 2px; padding: 10px 10px; display: flex; align-items: center; } .place-quote .time-allocated .q{ text-align: center; margin-bottom: 10px; } .place-quote .time-allocated .in{ text-align: center; display: flex; align-items: center; margin-right: 20px; } .place-quote .time-allocated .q span{ font-size: 20px; font-weight: 300; margin-right: 10px; } .place-quote .time-allocated input[type=text]{ text-align: center; width: 70px!important; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 10px 10px 10px 10px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .place-quote .price-30min-labour{ margin: 0 0 30px 0; } .place-quote .price-30min-labour .t{ font-size: 18px; margin: 0 0 10px 0; overflow: hidden; } .place-quote .price-30min-labour .g{ margin: 0 0 0 0; overflow: hidden; background-color: #e8e8e8; border-radius: 2px; padding: 10px 10px; display: flex; align-items: center; } .place-quote .price-30min-labour .q{ text-align: center; margin-bottom: 10px; } .place-quote .price-30min-labour .in{ text-align: center; display: flex; align-items: center; margin-right: 20px; } .place-quote .price-30min-labour .q span{ font-size: 20px; font-weight: 300; margin-right: 10px; } .place-quote .price-30min-labour input[type=number]{ text-align: center; width: 70px!important; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 10px 10px 10px 10px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .place-quote .coldel{ margin: 0 0 30px 0; } .place-quote .coldel .find-nearest-depot{ display: block; width: fit-content; font-size: 12px; } .coldel .depot-extra-fee{ display: flex; justify-content: space-between; margin-bottom: 0; } .coldel .depot-extra-fee .depot-calc-distance{ font-size: 12px; font-weight: 300; cursor: pointer; } .coldel .depot-extra-fee .tir{ font-size: 14px; padding-right: 10px; } .coldel .depot-extra-fee .tir strong{ font-weight: 300; } .coldel .depot-extra-fee .tir .distance{ font-size: 12px; } .coldel .depot-extra-fee .p{ display: flex; width: auto; align-items: center; } .coldel .depot-extra-fee .p input{ width: 50px; font-size: 16px; padding: 4px 4px; text-align: right; margin-left: 4px; } .place-quote .coldel .t{ font-size: 18px; margin: 0 0 10px 0; overflow: hidden; } .place-quote .coldel .q{ } .place-quote .coldel select{ font-size: 16px; font-weight: 300; box-sizing: border-box; padding: 10px 30px 10px 14px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border-radius: 2px; width: 100%; } .place-quote .coldel .options{ } .place-quote .coldel .options input{ font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 10px 20px 10px 20px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .place-quote .coldel .options select{ } .place-quote .coldel .options > div{ display: none; margin: 10px 0 0 0; overflow: hidden; background-color: #e8e8e8; border-radius: 2px; padding: 10px 10px; } .place-quote .coldel .options .dates-option{ } .place-quote .coldel .options .dates-option .b{ margin-bottom: 20px; overflow: hidden; } .place-quote .coldel .options .dates-option .b:last-child{ margin-bottom: 0px; } .place-quote .coldel .options .dates-option .ti{ margin-bottom: 2px; } .place-quote .coldel .options .dates-option .p1{ float: left; width: 45%; } .place-quote .coldel .options .dates-option .p2{ float: right; width: 45%; } .place-quote .coldel .options .dates-option select, .place-quote .coldel .options .dates-option input{ width: 100%; box-sizing: border-box; } .place-quote .coldel .options .dates-option input{ padding: 10px 10px; } .place-quote .coldel .options .within-days .t1{ float: left; margin: 10px 10px 0 0; } .place-quote .coldel .options .within-days input{ text-align: center; float: left; width: 80px; } .place-quote .type-of-service{ overflow: hidden; } .place-quote .type-of-service .t{ font-size: 18px; margin: 0 0 10px 0; overflow: hidden; } .place-quote .date-expiration{ overflow: hidden; margin: 0 0 30px 0; } .place-quote .date-expiration .t{ font-size: 18px; margin: 0 0 0px 0; overflow: hidden; } .place-quote .date-expiration .t .q{ padding-right: 10px; } .place-quote .date-expiration .t .answers{ display: block; margin: 5px 0 0 0; } .place-quote .date-expiration .t .answer{ cursor: pointer; font-size: 16px; font-weight: 500; padding: 5px 10px; display: inline-block; } .place-quote .date-expiration .t .answer.selected{ background: #6b6b6a; color: white; } .place-quote .date-expiration .expires{ overflow: hidden; display: none; margin: 10px 0 0 0; } .place-quote .date-expiration .expires .select-wrapper{ float: right; box-sizing: border-box; width: 50%; padding-left: 20px; overflow: hidden; } .place-quote .date-expiration .expires input{ float: left; width: 50%; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 10px 20px 10px 20px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .place-quote .date-expiration .expires select{ font-size: 16px; font-weight: 300; box-sizing: border-box; padding: 10px 14px 10px 14px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border-radius: 2px; width: 100%; } .place-quote .note{ margin: 0 0 30px 0; } .place-quote .note .customer-name{ font-size: 13px; } .place-quote .note textarea{ width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; font-size: 15px; font-weight: 200; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .place-quote .note .canned-response{ cursor: pointer; margin: -5px 0 0px 5px; display: block; width: fit-content; user-select: none; font-size: 14px; } .place-quote .note .canned-response:hover{ text-decoration: underline; } .place-quote .paid-quote-info{ margin: -10px 0 20px 0; } .place-quote .paid-quote-info .cheating{ font-size: 14px; background-color: #f5f5f5; padding: 10px; margin: 10px 0 0 0; border: 2px solid #CCC; text-align: center; border-radius: 3px; } .place-quote .paid-quote-info .txt{ font-size: 15px; padding: 10px 10px 10px 20px; border-radius: 2px; border: 1px solid rgb(235, 235, 235); } .place-quote .paid-quote-info .txt .info{ height: 18px; margin-top: -2px; } .place-quote .paid-quote-info .topup{ background-color: #e7ebec; padding: 20px 10px ; border-radius: 2px; margin: 10px 0 0 0; text-align: center; } .place-quote button[type=submit]{ background: #008489; border-radius: 2px; padding: 12px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 20px; font-weight: 300; border: 0; width: 100%; min-height: 52px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; margin: 0 0 0px 0; background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%) !important; }.page-delivery .set-bookmark{ display: inline-block;} .page-delivery .set-bookmark span{ user-select: none; cursor: pointer; position: relative; } .page-delivery .set-bookmark span:hover{ text-decoration: underline; } .page-delivery .set-bookmark span::before{ content: "\F1E9"; position: absolute; font-size: 14px; top: 6px; right: 10px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; } .page-delivery .set-bookmark .status-bookmark{ padding: 0 30px 0 0; } .page-delivery .set-bookmark .status-bookmarked{ display: none; padding: 0 30px 0 0; } .page-delivery .set-bookmark.bookmarked .status-bookmarked{ display: inline; } .page-delivery .set-bookmark.bookmarked .status-bookmarked::before{ color: #008489; top: 3px; content: "\F1E0"; } .page-delivery .set-bookmark.bookmarked .status-bookmark{ display: none; }.page-delivery .set-question{ margin: 0;} .page-delivery .set-question h2{ font-size: 20px; } .page-delivery .set-question .ask-question-info{ border: 2px solid rgb(50, 50 ,50); padding: 10px 0; border-radius: 2px; text-align: center; cursor: pointer; color: rgb(50, 50 ,50); font-weight: 500; } .page-delivery .set-question form{ display: none; } .page-delivery .set-question form h2{ font-weight: 300; margin: 0 0 10px 0; } .page-delivery .set-question form textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; font-size: 16px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; resize: vertical; } .page-delivery .set-question form .info{ font-size: 14px; margin: 10px 0; } .page-delivery .set-question form button{ background: #008489; border-radius: 2px; padding: 12px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 20px; font-weight: 200; border: 0; width: 100%; text-transform: uppercase; min-height: 52px; } .page-delivery .set-question form .q-canned-response{ display: block; margin: 10px auto 0 auto; width: fit-content; text-align: center; } .page-delivery .set-question form .cancel{ text-align: center; margin: 20px auto 0 auto; cursor: pointer; width: fit-content; } .page-delivery .set-question form .cancel:hover{ text-decoration: underline; cursor: pointer; }.page-delivery.my-listing{} .page-delivery.my-listing h1{ text-align: center; } @media (max-width: 576px) { .page-delivery.my-listing h1{ font-size: 30px; font-weight: 800; margin: 60px auto 80px auto; } } .page-delivery .my-quotes{ max-width: 800px; margin: auto; }.page-delivery .featured-listing{ text-align: center; position: relative; margin: auto auto 40px auto;} .page-delivery .featured-listing::before{ content: "\F357"; font-size: 80px; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; color: rgb(255, 56, 92); z-index: -1; width: 120px; text-align: center; } .page-delivery .featured-listing .t1{ font-size: 20px; font-weight: 500; margin: 20px 0 0px 0; } .page-delivery .featured-listing .t2{ font-size: 20px; margin: 20px 0 0px 0; } .page-delivery .featured-listing .t2 .line1{ font-weight: 500; } .page-delivery .featured-listing .fref{ margin: 10px 0 0px 0; }.page-delivery .urgent-listing{ text-align: center; position: relative; margin: auto auto 40px auto;} .page-delivery .urgent-listing::before{ content: "\F2EE"; font-size: 80px; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; color: rgb(255, 56, 92); z-index: -1; width: 120px; text-align: center; } .page-delivery .urgent-listing .t1{ font-size: 26px; font-weight: 500; margin: 20px 0 0px 0; } .page-delivery .urgent-listing .t2{ font-size: 20px; margin: 20px 0 0px 0; } .page-delivery .urgent-listing .t2 .line1{ font-weight: 500; }.listing-matcher{ max-width: 800px; margin: auto auto auto auto;} .page-delivery .listing-matcher{ background-color: #f5f5f5; border-radius: 15px; padding: 40px 40px; border: 2px solid rgb(235, 235, 235); } .listing-matcher .invite{ display: none; margin: 0; border-top: 3px solid rgb(235, 235, 235); padding: 20px 0 0 0; } .listing-matcher .invite h3{ font-size: 26px; } .listing-matcher .invite p.d{ margin-top: 5px; } .listing-matcher .invite textarea{ font-weight: 300; font-size: 14px; } .listing-matcher .invite button[type=submit]{ margin-top: 20px; background: rgb(51, 51, 51); } .listing-matcher .invite .info{ font-size: 14px; margin: 6px 0 10px 0; text-align: center; max-width: 550px; width: -moz-fit-content; width: fit-content; display: flex; text-align: left; align-items: center; } .listing-matcher .invite .info svg{ margin-right: 6px; } .page-delivery .listing-matcher{ margin-bottom: 80px; } .listing-matcher h2{ font-size: 36px; font-weight: 800; } .listing-matcher table{ width: 100%; border-spacing: 0; font-size: 15px; } .listing-matcher table thead{ } .listing-matcher table thead tr th{ font-weight: 500; padding: 0px 0 6px 0; font-size: 18px; border-bottom: 2px solid rgb(221, 221, 221); } .listing-matcher table thead tr th.score{ } .listing-matcher table thead tr th.carrier{ text-align: left; padding-left: 10px; } .listing-matcher table thead tr th.completed{ } .listing-matcher table thead tr th.checkbox{ } .listing-matcher table tbody tr td{ border-bottom: 1px solid rgb(221, 221, 221); padding: 0px 0; vertical-align: center; } .listing-matcher table tbody tr:last-child td{ border-bottom: 0px; } .listing-matcher table tbody tr td.score{ text-align: center; position: relative; height: 50px; } .listing-matcher table tbody tr td.score span.s{ text-align: center; display: block; margin: 0 0 0 -21px; font-weight: 500; padding-left: 3px; position: absolute; width: 40px; left: 50%; top: 16px; } .listing-matcher table tbody tr td.score span.i{ display: block; padding: 7px 0px; margin: auto auto auto -29px; font-weight: 500; position: absolute; width: 58px; left: 50%; top: 0; } .listing-matcher table tbody tr td.score span.i::before { font-size: 40px; top: 0px; left: 10px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; content: "\F351"; color: #222222; transform: scaleX(-1); font-weight: 100; } .listing-matcher table tbody tr td.carrier{ padding-left: 10px; font-weight: 500; max-width: 200px; } .listing-matcher table tbody tr td.carrier a{ white-space: inherit; } .listing-matcher table tbody tr td.completed{ text-align: center; font-weight: 500; } .listing-matcher table tbody tr td.vetted{ text-align: center; font-weight: 800; } .listing-matcher table tbody tr td.checkbox{ text-align: center; } .listing-matcher table tbody tr td.checkbox input[type=checkbox]{ } .listing-matcher table tbody tr td.checkbox input[type=checkbox]::before{ background-color: #FFF; width: 24px; height: 24px; top: -4px; } .listing-matcher table tbody tr td.checkbox input[type=checkbox]:checked::after{ color: #008489; font-size: 24px; top: -3px; } .listing-matcher table tbody tr.selected{ font-weight: 300; } .listing-matcher table tbody tr.selected a{ } .listing-matcher table tbody tr.selected td.score span.i::before{ content: "\F351"; color: #222222; font-weight: 100; transform: scaleX(-1); } .promote-listing{ max-width: 500px;} .promote-listing .head{ margin: 0 0 40px 0; } .promote-listing .head h1{ margin-bottom: 10px; } .promote-listing .head .dd{ font-size: 20px; } .promote-listing .features{ padding: 0 0 40px 0; } .promote-listing .features .feat{ padding: 0 0 40px 70px; position: relative; } .promote-listing .features .feat::before{ font-size: 32px; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; color: #222222; position: absolute; left: 0; top: 4px; } .promote-listing .features .feat.noticed::before{ content: "\F262"; } .promote-listing .features .feat.more::before{ content: "\F2D4"; } .promote-listing .features .feat.cheaper::before{ content: "\F15B"; } .promote-listing .features .feat:last-child{ padding-bottom: 0; } .promote-listing .features .feat h3{ font-size: 18px; font-weight: 500; } .promote-listing .features .feat .dd{ } .promote-listing .features .feat .as-link{ } .promote-listing form{ background-color: #ebecf0; border-radius: 15px; padding: 20px 40px; } .promote-listing form h2{ margin-bottom: 20px; } .promote-listing form button[type=submit]{ background: #008489; border-radius: 2px; padding: 10px 60px 10px 60px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 500; border: 0; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .promote-listing form button[type=submit]:disabled{ background: #6b6b6a; cursor: context-menu; } .promote-listing form button[type=submit]:disabled span.active{ display: none; } .promote-listing form button[type=submit] span.inactive{ display: none; } .promote-listing form button[type=submit]:disabled span.inactive{ display: inherit; position: relative; padding-left: 25px; } .promote-listing form button[type=submit]:disabled span.inactive::before{ content: "\F2FC"; font-size: 14px; position: absolute; top: 4px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } .promote-listing form label{ display: block; margin: 0 0 5px 0; } .promote-listing form .amount, .promote-listing form .card-name, .promote-listing form .card-number, .promote-listing form .card-exp, .promote-listing form .card-cvc{ margin: 0 0 20px 0; box-sizing: border-box; font-family: 'Mallory', Arial; } .promote-listing form .card-exp{ float: left; width: 50%; padding-right: 10px; } .promote-listing form .card-cvc{ float: right; width: 50%; padding-left: 10px; } .promote-listing form .card-number .card-logo{ display: block; float: right; height: 20px; background-size: contain; background-repeat: no-repeat; margin-left: 10px; border-radius: 1px; opacity: 0.2; } .promote-listing form .card-logo.selected{ opacity: 1; } .promote-listing form .visa{ background-image: url("style-image/visa-logo.png"); width: 32px; } .promote-listing form .mastercard{ background-image: url("style-image/mastercard-logo.png"); width: 31px; } .promote-listing form .amex{ background-image: url("style-image/amex-logo.png"); width: 20px; } .promote-listing form select, .promote-listing form .input-text{ display: block; font-family: 'Arial'!important; box-sizing: border-box; padding: 10px 20px 10px 20px!important; font-size: 16px!important; font-weight: 600!important; border-radius: 2px; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border: 1px solid rgba(107, 107, 106, 0.4); color: #222222; background-color: white; } .page-delivery .while-wait{ margin-top: 80px; margin-bottom: 140px; margin-left: auto; margin-right: auto; } .page-delivery .while-wait ul.read-news{ margin: 20px auto 60px auto; width: 100%; max-width: 800px; } .page-delivery .while-wait ul.read-news li{ list-style: none; padding: 0 0 20px 0; display: flex; margin: 0 0 20px 0; align-items: center; border-bottom: 1px solid rgb(235, 235, 235); } .page-delivery .while-wait ul.read-news li:last-child{ border-bottom: none; } .page-delivery .while-wait ul.read-news li a{ overflow: hidden; width: 100%; text-align: left; } .page-delivery .while-wait ul.read-news li a:hover{ text-decoration: none!important; } .page-delivery .while-wait ul.read-news li img{ width: 100px; margin: 0 30px 0 0; height: auto; } .page-delivery .while-wait ul.read-news li .t{ font-weight: 500; display: block; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; } .page-delivery .while-wait ul.read-news li .t::before{ content: "\F2BB"; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-right: 6px; color: #222222; } .page-delivery .while-wait ul.read-news li .url{ display: block; font-size: 13px; max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(106, 106, 106); } .page-delivery .while-wait ul.read-news li a:hover .url{ text-decoration: underline!important; } @media (max-width: 768px) { .page-delivery .while-wait ul.read-news{ padding-left: 0; } .page-delivery .while-wait ul.read-news li img{ width: 60px; margin-right: 20px; } .page-delivery .while-wait ul.read-news li .t{ font-size: 14px; } .page-delivery .while-wait ul.read-news li .t::before{ font-size: 12px; } .page-delivery .while-wait ul.read-news li .url{ font-size: 12px; } } .page-delivery .while-wait .video{ margin-bottom: 100px; text-align: center; } .page-delivery .while-wait .video .desc{ margin: 20px 0 20px 0; font-size: 18px; } .page-delivery .while-wait .video iframe{ width: 559px; height: 315px; border-radius: 8px; } .page-delivery .while-wait .delivery-history .list .item{ } .page-delivery .promote .callout{ max-width: 400px; margin: auto auto 40px auto; text-align: center; } .page-delivery .promote .callout .t1{ border: 2px solid #008489; border-radius: 3px; color: #008489; cursor: pointer; padding: 10px 20px; font-weight: 500; margin: 0 auto 10px auto; user-select: none; display: inline-block; } .page-delivery .promote .calloutWWWW::before { content: "\F415"; font-size: 38px; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; color: #008489; }.page-delivery.my-listing .no-quotes .status-update{ font-size: 18px; text-align: center; position: relative; padding: 30px 0 0 0; margin: 60px 0 60px 0;} .page-delivery.my-listing .no-quotes .status-update .tt{ font-weight: 300; font-size: 20px; margin-top: 20px; display: block; } .page-delivery.my-listing .no-quotes .status-update .loader { position: absolute; top: -10px; left: 0; right: 0; } .page-delivery.my-listing .no-quotes .status-update .loader .bullet { display: inline-block; height: 20px; width: 20px; margin-left: 10px; margin-right: 10px; background-color: rgb(235, 235, 235); border-radius: 50%; animation: yLoaderAnim 0.8s infinite; } .page-delivery.my-listing .no-quotes .status-update .loader .bullet:nth-child(1) { animation-delay: 0.1s; } .page-delivery.my-listing .no-quotes .status-update .loader .bullet:nth-child(2) { animation-delay: 0.2s; } .page-delivery.my-listing .no-quotes .status-update .loader .bullet:nth-child(3) { animation-delay: 0.3s; } .page-delivery.my-listing .no-quotes .status-update .loader .bullet:nth-child(4) { animation-delay: 0.4s; }.page-delivery .videos{ margin: -20px 0 60px 0;} .page-delivery .videos .video{ display: flex; align-items: center; border: 1px solid rgba(107, 107, 106, 0.4); padding: 10px 20px 10px 10px; border-radius: 8px; cursor: pointer; background-color: white; width: fit-content; margin: auto auto 10px auto; } .page-delivery .videos .video:hover{ background-color: #f5f5f5; } .page-delivery .videos .video img{ max-width: 80px; margin-right: 10px; border-radius: 4px; } .page-delivery .videos .video .l1 { font-size: 15px; font-weight: 500; display: block; } .page-delivery .videos .video .l2 { font-size: 12px; font-weight: 200; display: block; color: rgb(106, 106, 106); } @media (max-width: 576px) { .page-delivery .videos{ margin-top: -70px; } .page-delivery .videos .video{ width: 100%; box-sizing: border-box; border-radius: 3px; } }.page-delivery .secure-quote-msg{ margin: -80px auto 100px auto; padding: 20px 0px 10px 0px; text-align: center; position: relative; font-size: 18px; display: block; color: #6a6a6a;} .page-delivery .secure-quote-msg.promo{ font-size: 16px; color: rgb(0, 138, 5); } @media (max-width: 576px) { .page-delivery .secure-quote-msg.promo{ font-size: 15px; font-weight: 300; } }.page-delivery .be-first-quote{ margin: 20px auto 40px auto; padding: 20px 20px 10px 20px; text-align: center; position: relative;} .page-delivery .be-first-quote .tt{ font-weight: 300; font-size: 20px; display: block; margin-top: 20px; } .page-delivery .be-first-quote .loader { position: absolute; top: -20px; left: 0; right: 0; } .page-delivery .be-first-quote .loader .bullet { display: inline-block; height: 15px; width: 15px; margin-left: 5px; margin-right: 5px; background-color: rgb(235 235 235); border-radius: 50%; animation: yLoaderAnim 0.8s infinite; } .page-delivery .be-first-quote .loader .bullet:nth-child(1) { animation-delay: 0.1s; } .page-delivery .be-first-quote .loader .bullet:nth-child(2) { animation-delay: 0.2s; } .page-delivery .be-first-quote .loader .bullet:nth-child(3) { animation-delay: 0.3s; } .page-delivery .be-first-quote .loader .bullet:nth-child(4) { animation-delay: 0.4s; } @media (max-width: 576px) { .page-delivery .be-first-quote{ margin-bottom: 80px; } .page-delivery .be-first-quote .tt{ font-size: 16px; } }.page-delivery.my-listing .more-to-come{ display: none; margin: 0px 0 -10px 0; font-size: 18px; text-align: center; position: relative;} .page-delivery.my-listing .more-to-come .loader { top: -50px; position: absolute; left: 0; right: 0; } .page-delivery.my-listing .more-to-come .loader .bullet { display: inline-block; height: 15px; width: 15px; margin-left: 5px; margin-right: 5px; background-color: rgb(235 235 235); border-radius: 50%; animation: yLoaderAnim 0.8s infinite; } .page-delivery.my-listing .more-to-come .loader .bullet:nth-child(1) { animation-delay: 0.1s; } .page-delivery.my-listing .more-to-come .loader .bullet:nth-child(2) { animation-delay: 0.2s; } .page-delivery.my-listing .more-to-come .loader .bullet:nth-child(3) { animation-delay: 0.3s; } .page-delivery.my-listing .more-to-come .loader .bullet:nth-child(4) { animation-delay: 0.4s; } .page-delivery.my-listing .my-quotes.has-quote .more-to-come{ display: block; margin-bottom: 80px; }.page-delivery.my-listing .whats-next{ margin: auto -20px;} @media (min-width: 1200px) { .page-delivery.my-listing .whats-next.bordered{ border: 1px solid rgb(221, 221, 221); border-radius: 12px; padding: 24px 80px; margin: -24px -100px 20px -100px; } } .page-delivery.my-listing .my-quotes.has-quote .no-quotes{ display: none; } .page-delivery.my-listing .whats-next .title{ margin: 10px auto 30px auto; font-weight: 800; font-size: 28px; text-align: center; position: relative; display: block; width: fit-content; } .page-delivery.my-listing .whats-next .title::before{ position: absolute; content: "\F2EC"; font-size: 38px; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; color: #008489; padding-right: 20px; left: -60px; } .page-delivery.my-listing .whats-next ul{ list-style: none; padding: 0; font-size: 16px; display: flex; } .page-delivery.my-listing .whats-next ul li{ display: flex; align-items: center; width: 33.33%; } .page-delivery.my-listing .whats-next ul li > div{ max-width: 200px; } .page-delivery.my-listing .whats-next ul li::before{ top: -6px; -webkit-font-smoothing: antialiased; font-weight: 800; font-size: 34px; padding: 0 15px 10px 25px; } .page-delivery.my-listing .whats-next ul li.inform::before{ content: "1"; } .page-delivery.my-listing .whats-next ul li.notify::before{ content: "2"; } .page-delivery.my-listing .whats-next ul li.book::before{ content: "3"; }.listing-inactive{ text-align: center;} .listing-inactive h1{ font-size: 36px; margin: 100px auto 20px auto; font-weight: bold; max-width: 800px; } .listing-inactive .message{ font-weight: 200; font-size: 1.5em; margin-bottom: 60px; } .listing-inactive .message .cancel-reason{ font-style: italic; margin: 30px auto 0 auto; font-size: 18px; box-sizing: border-box; position: relative; max-width: 500px; background-color: #f5f5f5; border-radius: 15px; padding: 20px 40px; } .reactivate-listing, .relist-listing{ margin: 40px auto 40px auto; width: fit-content; width: -moz-fit-content; text-align: center; } .reactivate-listing button[type="submit"], .relist-listing button[type="submit"]{ background-color: rgb(52, 52 ,52); } .reactivate-listing button[type="submit"]:hover, .relist-listing button[type="submit"]:hover{ background-color: black; } .reactivate-listing .info, .relist-listing .info{ text-align: center; margin: 10px 0 0 0; font-size: 18px; } .reactivate-listing button .text, .relist-listing button .text{ position: relative; font-size: 18px; padding-left: 20px; padding-right: 20px; font-weight: 300; display: flex; align-items: center; }.page-delivery .mob-ask-q-b{ border: 2px solid #008489; padding: 10px 0; border-radius: 2px; text-align: center; cursor: pointer; color: #008489; font-weight: 500; margin: 40px 0 0 0;}.page-delivery .safety-advice{ display: flex; align-items: center; margin: 0 0 40px 0;} .page-delivery .safety-advice .image{ width: 34px; min-width: 34px; margin-right: 20px; } .page-delivery .safety-advice .image img{ width: 100%; display: block; } .page-delivery .safety-advice .txt{ max-width: 600px; }.page-delivery .anonymous-make-a-quote-button{ background: #008489; padding: 12px 20px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; border: 0; border-radius: 2px; font-weight: 500; text-decoration: none!important; display: block; margin: auto auto 20px auto; width: fit-content; width: -moz-fit-content;}.page-delivery .delivery-history{ margin-top: 60px;}.page-delivery .add-more-photos{ margin: 40px auto 40px auto; text-align: center; font-size: 18px;} .page-delivery .add-more-photos .h{ font-size: 24px; font-weight: 500; } .page-delivery .add-more-photos .d{ font-size: 16px; margin-bottom: 20px; } .page-delivery .add-more-photos .b{ border: 2px solid #222; border-radius: 8px; cursor: pointer; font-weight: 500; margin: 0 auto 10px auto; user-select: none; display: inline-block; font-size: 16px; padding: 10px 20px; opacity: 0.9; } .page-delivery .add-more-photos .b:hover{ background-color: #f7f7f7; }.page-delivery .invite-message{ max-width: 740px; margin: 40px auto 80px auto; text-align: center; font-size: 18px;} .invite-message-popup{ max-width: 500px; width: 100%; } .invite-message-popup form .info-desc{ font-size: 14px; margin: 6px 0 20px 0; max-width: 550px; width: -moz-fit-content; width: fit-content; display: flex; text-align: left; align-items: center; } .invite-message-popup form textarea{ font-weight: 300; } .page-delivery .invite-message .author{ font-weight: 500; padding: 0 0 4px 0; } .page-delivery .invite-message .button-new{ border: 2px solid #222; border-radius: 8px; cursor: pointer; font-weight: 500; margin: 0 auto 10px auto; user-select: none; display: inline-block; font-size: 16px; padding: 10px 20px; opacity: 0.9; } .page-delivery .invite-message .button-new:hover{ background-color: #f7f7f7; } .page-delivery .invite-message .button-update{ margin: 0 auto 10px auto; font-weight: 500; width: fit-content; cursor: pointer; font-size: 13px; } .page-delivery .invite-message .message{ width: fit-content; margin: auto auto 20px auto; position: relative; } .page-delivery .invite-message .message.grey{ font-size: 16px; } .page-delivery .invite-message .message.grey strong{ color: #222222; font-size: 24px; font-weight: 500; } .page-delivery .invite-message .message.quotes::before { content: "\F2BB"; padding: 0 10px 0px 0; font-size: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; z-index: -1; }.popup-request-pdf{ width: 500px;} .popup-request-pdf h2{ margin: 0 0 0px 0; }.popup-manage-images{ width: 500px;} .popup-manage-images h2{ margin: 0 0 0px 0; } .popup-manage-images .add h2{ margin: 0 0 20px 0; } .popup-manage-images .photos{ overflow: hidden; width: 100%; padding: 20px 0 0 0; } .popup-manage-images .photos .photo{ width: 103px; box-sizing: border-box; user-select: none; position: relative; border-radius: 2px; margin: 0 20px 20px auto; display: block; float: left; } .popup-manage-images .photos .photo a{ color: white; } .popup-manage-images .photos .photo a img{ width: 103px; height: 77px; display:block; border-radius: 3px; } .popup-manage-images .photos .photo .delete{ position: absolute; top: -12px; right: -12px; cursor: pointer; } .popup-manage-images .photos .photo .delete::before{ content: "\F1A4"; font-size: 24px; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; color: #e12d2d; } .popup-manage-images .add-from-mobile{ margin-bottom: 30px; } .popup-manage-images .add-from-mobile .q{ margin: auto; padding: 15px 20px 15px 60px; cursor: pointer; font-weight: 300; font-size: 16px; border-radius: 8px; position: relative; width: 100%; box-sizing: border-box; border: 1px solid #dddddd; } .popup-manage-images .add-from-mobile .q::before{ position: absolute; content: "\F358"; top: 14px; left: 20px; font-size: 24px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .popup-manage-images .add-from-mobile .mobile-qr-code{ display: none; margin: 10px 0 0 0; } .popup-manage-images .add-from-mobile .mobile-qr-code .wrapper{ display: flex; border: 1px dashed #b0b0b0; background-color: #f7f7f7; border-radius: 8px; padding: 20px; } .popup-manage-images .add-from-mobile .mobile-qr-code .wrapper .qr-txt-block{ font-size: 16px; margin: 0 0 0 20px; } .popup-manage-images .add-from-mobile .mobile-qr-code .wrapper .qr-txt-block ol{ margin-bottom: 0; padding-left: 20px; font-size: 14px; } .popup-manage-images .upload-photo-gallery{ margin: 0 0 10px 0; } .popup-manage-images .upload-photo-gallery #popup_photo_gallery{ display: none; } .popup-manage-images .upload-photo-gallery #popup_photo_gallery_fallback{ margin: auto; padding: 15px 20px 15px 60px; cursor: pointer; font-weight: 300; font-size: 16px; border-radius: 8px; position: relative; width: 100%; box-sizing: border-box; border: 1px solid #dddddd; } .popup-manage-images .active.mobile{ display: none; } .popup-manage-images .upload-photo-gallery #popup_photo_gallery_fallback:hover, .popup-manage-images .add-from-mobile .q:hover{ border: 1px solid #222222; outline: 1px solid #222222; } .popup-manage-images .upload-photo-gallery #popup_photo_gallery_fallback::before{ position: absolute; content: "\F28B"; top: 14px; left: 20px; font-size: 24px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .popup-manage-images .upload-photo-gallery #popup_photo_gallery_fallback.uploading::before{ position: absolute; content: "\F40E"; top: 14px; left: 14px; font-size: 24px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; animation: spin 2s infinite linear; } .popup-manage-images .upload-photo-gallery #popup_photo_gallery_fallback.uploading .active{ display: none; } .popup-manage-images .upload-photo-gallery #popup_photo_gallery_fallback .progress{ display: none; } .popup-manage-images .upload-photo-gallery #popup_photo_gallery_fallback.uploading .progress{ display: block; } @media (max-width: 576px) { .popup-manage-images .add-from-mobile{ display: none; } .popup-manage-images .add-from-mobile .mobile-qr-code .wrapper{ display: block; } .popup-manage-images .add-from-mobile .mobile-qr-code .wrapper svg{ display: block; width: fit-content; margin: auto; } .popup-manage-images .add-from-mobile .mobile-qr-code .wrapper .qr-txt-block{ margin: 20px 0 0 0; } .popup-manage-images .active.desktop{ display: none; } .popup-manage-images .active.mobile{ display: block; } .popup-manage-images .upload-photo-gallery #popup_photo_gallery_fallback::before{ content: "\F2AB"; } }.popup-carrier-note{ max-width: 600px; min-width: 300px; width: 100%; font-size: 15px; line-height: 160%; padding-right: 40px; box-sizing: border-box;} .popup-carrier-note.first-line:first-line{ font-weight: 500; }.popup-carrier-about{ max-width: 600px; min-width: 300px; width: 100%;} .popup-carrier-about h1{ margin-bottom: 20px; font-size: 24px; font-weight: 500; } .popup-carrier-about .text{ }.modal-review{ position: relative;} .modal-review > div { max-width: 800px; } @media (min-width: 992px) { .modal-review > div { min-width: 800px; } } .modal-review h1{ font-size: 14px; font-weight: 500; padding-right: 40px; } .modal-review h2{ font-size: 22px; display: flex; align-items: center; padding-right: 40px; margin-top: 10px; } .modal-review h2 span{ } .modal-review .photo-gallery{ overflow: hidden; margin: 10px 0 0 0; display: flex; } .modal-review .photo-gallery a{ display: block; margin: 0 0 0 10px; max-width: 60px; position: relative; border-radius: 3px; overflow: hidden; background-color: black; } .modal-review .photo-gallery a:first-child{ display: none!important; } .modal-review .photo-gallery a:nth-child(2) { margin-left: 0; } .modal-review .photo-gallery a:last-child{ margin-right: 0; } .modal-review .photo-gallery a:nth-of-type(1n+7){ display: none; } .modal-review .photo-gallery a.more::after { content: "MORE"; font-size: 14px; font-weight: 300; color: white; position: absolute; top: 0; left: 0; right: 0; text-align: center; height: 100%; background-color: rgba(0, 0, 0, 0.4); padding-top: 20%; box-sizing: border-box; } .modal-review .photo-gallery a img{ display: block; width: 100%; } .modal-review .photo-gallery a:hover img{ opacity: 0.8; transition-duration: 0.2s; } .modal-review .photo-gallery a.placer-add-photo{ display: block; width: 100%; } .modal-review .photo-gallery a.placer-add-photo:hover{ text-decoration: none!important; } .modal-review .photo-gallery a.placer-add-photo::after { content: "ADD PHOTO"; font-size: 14px; font-weight: 300; color: white; text-align: center; height: 100%; background-color: rgba(0, 0, 0, 0.4); padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; display: block; } .modal-review .head{ position: sticky; top: -40px; margin-right: 20px; background-color: white; padding: 10px 0 20px 0; border-bottom: 1px solid rgb(221, 221, 221); } .modal-review .review-categories{ display: flex; flex-flow: wrap; justify-content: space-between; margin-top: 10px; } .modal-review .review-categories .category{ width: 23%; box-sizing: border-box; border-right: 1px solid rgb(221, 221, 221); } .modal-review .review-categories .category:last-child{ border:none; } .modal-review .review-categories .category .desc{ overflow: hidden; font-size: 13px; } .modal-review .review-categories .category .desc .title{ color: rgb(106, 106, 106); } .modal-review .review-categories .category .desc .score{ font-weight: 500; font-size: 16px; } @media (max-width: 576px){ .modal-review .review-categories .category{ border: 0; } .modal-review .review-categories .category:nth-child(1), .modal-review .review-categories .category:nth-child(3){ border-right: 1px solid rgb(221, 221, 221); } .modal-review .review-categories .category .desc .score{ font-size: 16px; }  } .modal-review .reviews{ margin-right: 20px; } .modal-review .reviews .review{ padding: 0px 0 40px 0; margin: 40px 0 0 0; border-bottom: 1px solid #dddddd; } .modal-review .reviews .review:last-child{ border-bottom: none; } .modal-review .reviews .review .top{ display: flex; margin-left: 0px; } .modal-review .reviews .review .score{ color: white; z-index: 1; text-align: center; padding: 11px 0 0 0; margin: 0 10px 0 0; font-size: 25px; width: 58px; min-width: 58px; font-weight: 500; position: relative; z-index: -1; } .modal-review .reviews .review .score span { padding-right: 3px; } .modal-review .reviews .review .score::before { content: "\F350"; font-size: 58px; position: absolute; top: 0px; left: 1px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; color: rgb(51, 51, 51); z-index: -1; transform: scaleX(-1); } .modal-review .reviews .review .name{ font-size: 18px; font-weight: 500; } .modal-review .reviews .review .date{ color: rgb(106, 106, 106); font-size: 13px; } .modal-review .reviews .review .title { font-size: 14px; font-weight: 500; color: #333; margin: 30px 0 0px 0; display: inline-block; } .modal-review .reviews .review .review-text { margin: 0px 0 20px 0; line-height: 160%; font-size: 15px; } .modal-review .reviews .review .review-text i{ color: rgb(106, 106, 106); }  .modal-review .reviews .review .reply{ margin: 0px 0 0 0; border-left: 3px solid rgba(186,206,220); padding-left: 20px; font-size: 15px; } .modal-review .reviews .review .reply .from{ font-weight: 500; font-size: 14px; color: #333; } .modal-review .reviews .review .reply-review{ background: #6b6b6a; padding: 6px 15px; color: white; margin: 10px 0 0 0; display: block; width: fit-content; } .modal-review .reviews .review .photos{ margin: 30px 0 0px 0; overflow: hidden; } .modal-review .reviews .review .photos img{ display: inline-block; border-radius: 3px; height: 30px; margin: 0 10px 0px 0; } .modal-review input[type=submit] { padding: 6px 25px; text-align: center; font-size: 20px; font-weight: 300; border-radius: 2px; color: #FFF; margin: 0px auto 40px auto; background: #008489; cursor: pointer; display: block; -webkit-appearance: none; } .modal-review.loading input[type=submit] { display: none; } .modal-review.loading .yloader { display: block!important; } @media (max-width: 768px) { .modal-review .head{ top: -60px; margin-right: -10px; padding-bottom: 10px; } .modal-review .reviews{ margin-right: -10px; } .modal-review h2{ font-size: 22px; } .modal-review .review-categories .category{ width: 47%; margin-bottom: 10px; } }.manage-listing-modal{ min-width: 400px; padding: 20px 0;~} .manage-listing-modal div{ } .manage-listing-modal div h3{ font-weight: 500; font-size: 17px; cursor: pointer; width: fit-content; } .manage-listing-modal div h3:hover{ text-decoration: underline; } .manage-listing-modal div p{ font-size: 14px; color: rgb(106, 106, 106); margin: 4px 0 0 0; } .manage-listing-modal div:nth-child(2n){ border-top: 1px solid #DDDDDD; margin-top: 20px; padding-top: 20px; } .manage-listing-modal div:nth-child(2n) p{ margin-bottom: 0; }.cancel-listing-modal{ min-width: 500px;} .cancel-listing-modal .opts{ display: flex; align-items: center; margin: 20px 0 0 0; justify-content: space-between; } .cancel-listing-modal .opts button{ font-size: 15px; background-color: #e44746; }.opt-email-listing-modal{ min-width: 500px; max-width: 500px;} .opt-email-listing-modal button{ font-size: 15px!important; background: rgb(51, 51, 51)!important; font-weight: 300; margin-right: 20px; } @media (max-width: 768px) { .opt-email-listing-modal .ypopup-close{ display: inline-block; margin-top: 10px; } }.confirmed-quote{ margin-top: 0; margin-right: auto; margin-bottom: 50px; margin-left: auto; border-bottom: 1px solid #ebebeb; padding-bottom: 50px;} .page-booking .content-desc, .page-booking .listing-content{ max-width: 100%!important; } .page-booking h1{ margin: 80px 0; }.confirmed-quote .breaker{ border-top: solid 1px #dddddd; padding-top: 80px; margin-top: 80px;}.confirmed-quote .superb{ display: flex;}.confirmed-quote .left{ width: 60%; padding-right: 40px; box-sizing: border-box;}.confirmed-quote .right{ width: 40%;} @media (min-width: 768px){ .confirmed-quote .right{ position: sticky; top: 40px; height: max-content; border: 1px solid rgb(221, 221, 221); border-radius: 12px; padding: 20px; box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px; } }.confirmed-quote h2{ margin: 0px 0 10px 0;} .confirmed-quote .confirmation-intro{ margin: 0 0 40px 0; border-bottom: 1px solid #ebebeb; padding-bottom: 40px; } .confirmed-quote .confirmation-intro h2{ margin-bottom: 0; } @media (max-width: 768px) { .confirmed-quote .confirmation-intro h2 span{ display: inline-block; } .confirmed-quote .confirmation-intro ul{ padding-left: 20px; font-size: 16px; } .confirmed-quote .confirmation-intro li{ margin-bottom: 10px; font-size: 15px; } } .confirmed-quote .confirmation-intro li{ font-size: 17px; margin-bottom: 6px; }.confirmed-quote .booking-id{ padding-bottom: 20px;}.confirmed-quote .block{ margin: 0 0 40px 0;} .confirmed-quote .block h2{ margin: 10px 0 20px 0; } .confirmed-quote .block h3{ margin: 10px 0; } .confirmed-quote .block h3.icon{ position: relative; padding-left: 30px; } .confirmed-quote .block h3.icon::before{ font-size: 20px; position: absolute; top: 4px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .confirmed-quote .block ul{ margin: 0 0 20px 0; } .confirmed-quote .block ul li{ padding-bottom: 10px; } .confirmed-quote .block ul.dashed{ list-style: none; padding-left: 30px; } .confirmed-quote .block ul.dashed li.note div{ max-height: 140px; font-size: 15px; padding: 10px 20px 10px 20px; background-color: #f7f7f7; border-radius: 3px; overflow: hidden; position: relative; } .confirmed-quote .block ul.dashed li.note.shorten{ cursor: pointer; position: relative; } .confirmed-quote .block ul.dashed li.note.shorten div::before { content: ' '; width: 100%; position: absolute; bottom: 0px; height: 100%; background-image: linear-gradient(to bottom, rgba(247, 247, 247, 0) 60%, rgba(247, 247, 247, 1) 78%); padding-top: 50px; left: 0; border-radius: 3px; } .confirmed-quote .block ul.dashed li.note.shorten div::after { text-align: center; content: 'READ MORE'; font-family: 'Mallory'; font-size: 16px; position: absolute; font-weight: 500; bottom: 20px; left: 0; width: 100%; } .confirmed-quote .block ul.dashed li{ position: relative; } .confirmed-quote .block > ul.dashed > li::before{ content: "\F2C0"; font-size: 15px; position: absolute; top: 5px; left: -25px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; }.confirmed-quote .block.incompletion-message{ font-weight: 300; padding: 0px 0px 20px 0px; border-radius: 3px; text-align: center; font-size: 20px; margin-bottom: 30px;}.confirmed-quote .block.cancelled-message{ padding: 10px 20px; border-radius: 3px; text-align: center; font-size: 20px; background-color: rgba(225,45,45,.08); margin: auto auto 30px auto; width: fit-content; width: -moz-fit-content; color: #e12d2d;}.confirmed-quote .block.cancellation-reason{ margin: auto auto 30px auto; width: fit-content; width: -moz-fit-content; max-width: 600px; text-align: center; position: relative; font-size: 18px;} .confirmed-quote .block.cancellation-reason::before { content: "\F2BB"; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-right: 6px; } .confirmed-quote .block.cancellation-reason::after { content: ""; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-left: 6px; position: absolute; right: -10px; bottom: 0px; }.confirmed-quote .block.completion-message{ font-weight: 300; padding: 0px 0px 20px 0px; border-radius: 3px; text-align: center; font-size: 20px; margin-bottom: 30px;} .confirmed-quote .block.completion-message span{ position: relative; } .confirmed-quote .block.completion-message span::before, .confirmed-quote .block.completion-message span::after{ content: "\F23D"; font-size: 32px; position: absolute; top: -4px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; } .confirmed-quote .block.completion-message span::before{ left: -40px; } .confirmed-quote .block.completion-message span::after{ right: -40px; transform: scaleX(-1); }.confirmed-quote .review-platform{ border: 5px solid #f0f0f0; border-radius: 15px; padding: 40px 20px 30px 20px; position: relative; max-width: 510px; margin: 0 auto 40px auto;} .confirmed-quote .review-platform .general{ display: flex; align-items: center; margin: auto; width: fit-content; width: -moz-fit-content; font-weight: 300; padding: 10px 20px; border-radius: 2px; font-size: 16px; background-color: rgb(52, 52 ,52); color: white; text-align: center; } .confirmed-quote .review-platform .general:hover{ background-color: black; text-decoration: none!important; } .confirmed-quote .review-platform .google{ display: flex; align-items: center; margin: auto; width: fit-content; width: -moz-fit-content; font-weight: 300; padding: 10px 20px; border-radius: 2px; font-size: 16px; background-color: rgb(52, 52 ,52); color: white; text-align: center; } .confirmed-quote .review-platform .google:hover{ background-color: black; text-decoration: none!important; } @media (max-width: 576px) { .confirmed-quote .review-platform .google{ font-size: 14px; } } .confirmed-quote .review-platform .google img{ height: 22px; margin-left: 10px; filter: brightness(0) invert(1); } @media (max-width: 576px) { .confirmed-quote .review-platform .google img{ border-left: 1px solid white; padding-left: 20px; margin-left: 10px; } } .confirmed-quote .review-platform::before { content: "Thank you!"; font-size: 36px; font-weight: 800; position: absolute; top: -34px; background: white; padding: 0 10px; left: 50%; transform: translate(-50%, 0); min-width: 210px; } .confirmed-quote .review-platform .breaki{ width: 80%; height: 5px; margin: 20px auto 20px auto; background-color: #f0f0f0; } .confirmed-quote .review-platform .promo-code{ font-size: 18px; margin: 10px 0 10px 0; text-align: center; font-weight: 300; } .confirmed-quote .review-platform .promo-code .code{ background-color: #6b6b6a; padding: 6px 10px; border: 0; font-weight: 500; border-radius: 2px; margin-left: 5px; color: white; } .confirmed-quote .review-platform .msg{ margin: 0 0 20px 0; text-align: center; } .confirmed-quote .review-platform .msg2{ font-size: 14px; font-weight: 300; text-align: center; margin: 10px 0 0 0; } .confirmed-quote .review-platform .msg3{ font-size: 14px; font-weight: 300; margin: 10px 0 0 0; }.confirmed-quote .block.private-note{ border: 2px solid #f7f7f7; padding: 25px; border-radius: 3px;} .popup-note-form{ width: 500px; } .popup-note-form h1{ margin-bottom: 0px; font-size: 24px; } .popup-note-form p{ margin-top: 0; } .confirmed-quote .block.private-note .head{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .confirmed-quote .block.private-note h2{ margin-bottom: 10px; margin-top: 0; } .confirmed-quote .block.private-note .tmesg{ background-color: #F5F5F5; padding: 10px 10px 10px 20px; margin-bottom: 10px; border-radius: 3px; font-size: 14px; display: flex; align-items: center; } @media (max-width: 768px) { .confirmed-quote .block.private-note .tmesg{ width: 100%; } } .confirmed-quote .block.private-note .tmesg svg{ margin-right: 10px; } .confirmed-quote .block.private-note .note{ background: rgba(255,153,0,.08); padding: 20px; font-size: 18px; margin-bottom: 10px; border-radius: 3px; } .confirmed-quote .block.private-note button.make-note{ cursor: pointer; user-select: none; color: white; text-align: center; font-size: 15px; font-weight: 300; border: 0; box-sizing: border-box; background: #6b6b6a; border-radius: 2px; padding: 4px 12px; } .confirmed-quote .block.private-note .bft{ display: flex; flex-wrap: wrap; align-items: center; } .confirmed-quote .block.private-note .bft .tmesg{ margin-bottom: 0; } @media (max-width: 576px) { .confirmed-quote.user .block.private-note button.make-note{ width: 100%; } .confirmed-quote .block.private-note .bft .tmesg{ padding-left: 0; margin: auto; width: fit-content; width: -moz-fit-content; } } .confirmed-quote.user .block.private-note .note.wlc{ font-size: 15px; padding: 0; color: rgb(106, 106, 106); background: white; max-width: 400px; font-style: italic; } .confirmed-quote.user .block.private-note button.make-note{ font-size: 16px; padding: 6px 12px; } .confirmed-quote.user .block.private-note .tmesg{ background: white; }.confirmed-quote .block.invoice-records{ border: 2px solid #f7f7f7; padding: 24px; border-radius: 2px;} .popup-note-invoice-record{ width: 600px; } .popup-note-invoice-record h1{ margin-bottom: 20px; font-size: 24px; } .popup-note-invoice-record label{ margin: 0 0 20px 0; display: block; width: 100%; } .popup-note-invoice-record label .t{ margin-bottom: 5px; font-size: 18px; } .popup-note-invoice-record .bloki{ display: flex; } .popup-note-invoice-record .bloki > label:first-child{ padding-right: 20px; } .popup-note-invoice-record .bloki > label:last-child{ padding-left: 20px; } .popup-note-invoice-record .delete{ float: right; } .confirmed-quote .block.invoice-records .head{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } @media (max-width: 768px) { .confirmed-quote .block.invoice-records .tmesg{ width: 100%; } } .confirmed-quote .block.invoice-records h2{ margin-bottom: 10px; margin-top: 0; } .confirmed-quote .block.invoice-records .tmesg{ background-color: #F5F5F5; padding: 10px 10px 10px 20px; margin-bottom: 10px; border-radius: 3px; font-size: 14px; display: flex; align-items: center; } .confirmed-quote .block.invoice-records .tmesg svg{ margin-right: 10px; } .confirmed-quote .block.invoice-records ul{ margin: 0px; padding: 0px 0 20px 0; border-radius: 3px; } .confirmed-quote .block.invoice-records ul li{ list-style: none; border-bottom: 2px solid rgb(235 235 235); padding-bottom: 20px; margin-bottom: 20px; } .confirmed-quote .block.invoice-records ul li:last-child{ padding-bottom: 10px; margin-bottom: 0px; } .confirmed-quote .block.invoice-records ul li .record{ font-size: 20px; font-weight: 500; display: flex; } .confirmed-quote .block.invoice-records ul li .record .p1{ display: flex; align-items: center; } .confirmed-quote .block.invoice-records ul li .record .amount{ margin-left: auto; display: flex; align-items: center; } .confirmed-quote .block.invoice-records ul li .record .amount .label-unpaid { background-color: rgb(255, 56, 92); font-size: 12px; font-weight: 300; padding: 2px 4px; border-radius: 3px; margin-right: 6px; color: white; } .confirmed-quote .block.invoice-records ul li .record .payment-method{ font-size: 15px; font-weight: 300; padding-left: 6px; color: rgb(106, 106, 106); } .confirmed-quote .block.invoice-records ul li .record .edit{ padding-left: 6px; padding-right: 10px; cursor: pointer; margin-top: 3px; } .confirmed-quote .block.invoice-records ul li .date{ font-size: 14px; color: rgb(106, 106, 106); } .confirmed-quote .block.invoice-records ul li .note{ font-size: 14px; margin-top: 6px; } .confirmed-quote .block.invoice-records .f{ display: flex; flex-wrap: wrap; } .confirmed-quote .block.invoice-records .f .calc{ margin-left: auto; text-align: right; } .confirmed-quote .block.invoice-records .f .calc .to_pay, .confirmed-quote .block.invoice-records .f .calc .paid{ font-size: 16px; font-weight: 300; } .confirmed-quote .block.invoice-records .f .calc .to_pay span, .confirmed-quote .block.invoice-records .f .calc .paid span{ font-size: 20px; font-weight: 500; width: 80px; display: inline-block; } .confirmed-quote .block.invoice-records .f .calc .outstanding{ font-size: 15px; font-weight: 300; color: rgb(106, 106, 106); } .confirmed-quote .block.invoice-records .f .calc .outstanding span{ font-weight: 500; width: 80px; display: inline-block; } @media (max-width: 768px) { .confirmed-quote .block.invoice-records .f .calc{ max-width: 150px; } .confirmed-quote .block.invoice-records .f .calc .to_pay, .confirmed-quote .block.invoice-records .f .calc .paid{ width: 100%; } .confirmed-quote .block.invoice-records .f .calc .outstanding{ width: 100%; margin-top: 4px; } .confirmed-quote .block.invoice-records .f .calc .outstanding span{ width: auto; padding-left: 10px; } } .confirmed-quote .block.invoice-records button.record-payment{ cursor: pointer; user-select: none; color: white; text-align: center; font-size: 15px; font-weight: 300; border: 0; box-sizing: border-box; background: #6b6b6a; border-radius: 2px; padding: 6px 12px; height: fit-content; }.confirmed-quote .block.update-status{ background-color: #F5F5F5; padding: 24px; border-radius: 3px;} .confirmed-quote .block.update-status h2{ margin-bottom: 10px; margin-top: 0; } .confirmed-quote .block.update-status form.qoption{ } .confirmed-quote .block.update-status form.qoption .groupi{ display: flex; } .confirmed-quote .block.update-status form.qoption input[type=button] { background: rgba(52, 52, 52, 0.8); border-radius: 2px; padding: 6px 12px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 15px; font-weight: 300; margin-left: 10px; border: 0; box-sizing: border-box; } .confirmed-quote .block.update-status form.qoption input[type=button].set-completed { background: rgba(52, 52, 52, 1); margin-left: 0px; } .confirmed-quote .block.update-status form.qoption input[type=button].set-cancel { background: rgba(52, 52, 52, 0.7); } .confirmed-quote .block.update-status .block-completed{ margin: 20px 0 0 0; padding: 10px 0 0 0; border-top: 2px solid rgb(221, 221, 221); display: none; } .confirmed-quote .block.update-status .block-completed h2{ font-size: 20px; font-weight: 500; } .confirmed-quote .block.update-status .block-completed button[type=submit]{ background: #008489!important; border-radius: 2px; padding: 6px 12px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 300; border: 0; box-sizing: border-box; margin-right: 10px; } .confirmed-quote .block.update-status .block-completed .cancel-button{ display: inline-block; width: fit-content; width: -moz-fit-content; } .confirmed-quote .block.update-status form.cancel{ margin: 20px 0 0 0; padding: 10px 0 0 0; border-top: 2px solid rgb(221, 221, 221); display: none; } .confirmed-quote .block.update-status form.cancel .cancel-button{ display: block; width: fit-content; width: -moz-fit-content; margin: 10px 0 0 0; } .confirmed-quote .block.update-status form.cancel h2{ font-size: 20px; font-weight: 500; } .confirmed-quote .block.update-status form.cancel .fee { margin-bottom: 10px; } .confirmed-quote .block.update-status form.cancel .relist { margin-bottom: 10px; } .confirmed-quote .block.update-status form.cancel textarea { width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; margin-bottom: 10px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .confirmed-quote .block.update-status form.cancel button[type=submit] { background-color: #e44746; opacity: 0.8; border-radius: 2px; padding: 6px 12px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 100; border: 0; box-sizing: border-box; margin-right: 10px; } .confirmed-quote .block.update-status form.not-yet{ margin: 20px 0 0 0; padding: 10px 0 0 0; border-top: 2px solid rgb(221, 221, 221); display: none; } .confirmed-quote .block.update-status form.not-yet h2{ font-size: 20px; font-weight: 500; } .confirmed-quote .block.update-status form.not-yet input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 200px; box-sizing: border-box; padding: 6px 12px; font-size: 16px; font-weight: 500; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; margin-right: 10px; text-align: center; } .confirmed-quote .block.update-status form.not-yet button[type=submit] { background: #008489; border-radius: 2px; padding: 6px 12px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 300; border: 0; box-sizing: border-box; margin-right: 10px; }@media (max-width: 576px), (min-width: 768px) and (max-width: 992px){ .confirmed-quote .block.update-status h2{ font-size: 19px!important; } .confirmed-quote .block.update-status .groupi{ display: block!important; text-align: center; } .confirmed-quote .block.update-status form.cancel .cancel-button{ margin-left: auto; margin-right: auto; } .confirmed-quote .block.update-status button, .confirmed-quote .block.update-status input:not([type='checkbox']){ display: block!important; width: 100%!important; margin: 0 0 10px 0!important; -webkit-appearance: none!important; max-width: 100%!important; }}.confirmed-quote .main-info{ border-radius: 3px; overflow: hidden; padding: 0;} .confirmed-quote .main-info ul{ } .confirmed-quote .main-info ul li{ list-style: none; position: relative; } .confirmed-quote .main-info ul li::before { content: "\F2C0"; font-size: 15px; position: absolute; top: 5px; left: -25px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .confirmed-quote .main-info ul li:last-child{ padding-bottom: 0; } .confirmed-quote .main-info ul li.contact{ position: relative; padding-left: 25px; list-style: none; } .confirmed-quote .main-info ul li.contact::before{ position: absolute; content: "\F18F"; font-size: 18px; top: 1px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .confirmed-quote .main-info ul li.note{ position: relative; padding-left: 25px; list-style: none; font-style: italic; font-size: 15px } .confirmed-quote .main-info ul li.note::before{ position: absolute; content: "\F2BB"; font-size: 12px; top: 4px; left: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; }.confirmed-quote .block.user-address{} .confirmed-quote .block.user-address ul li{ padding-bottom: 0; } .confirmed-quote .block.user-address ul li .address{ margin-bottom: 10px; } .confirmed-quote .block.user-address h3{ font-size: 20px; font-weight: 500; } .confirmed-quote .block.user-address .update-contact{ background: rgba(52, 52, 52, 1); padding: 4px 6px; color: white; font-size: 12px; border-radius: 2px; margin-left: 10px; cursor: pointer; font-weight: 300; } .confirmed-quote .block.user-address h3.icon::before{ content: "\F2AE"; left: 3px!important; } .confirmed-quote .block.user-address .contacts{ margin-bottom: 20px; display: flex; align-items: baseline; } .confirmed-quote .block.user-address .contacts .contact{ position: relative; padding-left: 25px; margin-bottom: 10px; } .confirmed-quote .block.user-address .contacts .contact::before{ position: absolute; content: "\F18F"; font-size: 18px; top: 1px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .confirmed-quote .block.user-address .note{ position: relative; font-size: 15px; margin-bottom: 10px; color: rgb(106, 106, 106); margin-top: -20px; } .confirmed-quote .block.user-address .note{ text-indent: 25px; font-style: italic; } .confirmed-quote .block.user-address .note::before{ position: absolute; content: "\F2BB"; font-size: 12px; top: 4px; left: -20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; color: #222222; } .confirmed-quote .block.user-address .note::after{ } .confirmed-quote .block.user-address ul{ margin-bottom: 0; } .confirmed-quote .block.user-address .add-contact{ border-radius: 3px; padding: 20px 20px; margin: 10px 0 40px 0; } .add-contact .bloki{ margin-bottom: 20px; } .add-contact .t{ font-weight: 500; font-size: 20px; margin-bottom: 5px; } .add-contact .h{ font-weight: 200; margin-bottom: 5px; font-size: 18px; } .add-contact .desc{ margin-bottom: 20px; } .add-contact form{ position: relative; } .add-contact .cancel{ width: fit-content; margin: 10px auto auto auto; } .add-contact .inpg{ display: flex; justify-content: space-between; } .add-contact .inpg > div{ width: calc(50% - 10px); } .add-contact input[type=text] { width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; font-weight: 500; font-size: 16px; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .add-contact input[name=address_specified] { font-size: 14px; } .add-contact textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; font-size: 15px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; resize: vertical; } .add-contact input[name=telephone_number] { width: 30%; } .add-contact .use-my-details{ font-size: 16px; margin: -20px 0 20px 0; } .add-contact .use-my-details span{ font-size: 15px; } .add-contact button { background: rgb(51, 51, 51); padding: 8px 20px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 300; border: 0; min-width: 100px; border-radius: 2px; width: 100%; } .add-contact button:hover { background: black; } .popup-booking-contact-details{ max-width: 600px; min-width: 500px; width: 100%; } .popup-booking-contact-details .add-contact{ background: white!important; } .popup-booking-contact-details .ypopup-js-close{ display: block!important; width: fit-content; margin: 20px auto 0 auto; } .popup-booking-contact-details .add-contact svg{ height: 34px!important; width: 34px!important; }.confirmed-quote .block.quote{} .confirmed-quote .block.quote h3{ font-size: 20px; font-weight: 500; } .confirmed-quote .block.quote h3.icon::before{ content: "\f1c3"; transform: scaleX(-1); } .confirmed-quote .block.quote ul{ margin-bottom: 0; }.confirmed-quote .block.calendar{} .confirmed-quote .block.calendar h3{ font-size: 20px; font-weight: 500; } .confirmed-quote .block.calendar h3.icon::before{ content: "\F2FA"; } .confirmed-quote .block.calendar .add{ margin-top: 10px; display: block; background: #6b6b6a; border-radius: 2px; padding: 4px 6px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 14px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; box-sizing: border-box; font-weight: 300; width: fit-content; width: -moz-fit-content; } .confirmed-quote .block.calendar .calendar-event-end{ padding-top: 10px; } .confirmed-quote .block.calendar .js-view-calendar-event{ cursor: pointer; display: inline-block; } .confirmed-quote .block.calendar .js-view-calendar-event:hover{ text-decoration: underline; } .confirmed-quote .block.calendar .timezone{ font-size: 14px; font-weight: 300; }.confirmed-quote .comms-update{ margin-top: 40px; margin-bottom: 0;} .confirmed-quote .comms-update li:not(:last-child){ margin-bottom: 20px; } .confirmed-quote .comms-update .time{ font-weight: 500; } .confirmed-quote .comms-update h3{ font-size: 20px; font-weight: 500; } .confirmed-quote .comms-update h3.icon::before{ content: "\F3F7"; } .confirmed-quote .comms-update .update{ color: rgb(106, 106, 106); margin: 4px 0 0 0; font-size: 15px; }.confirmed-quote .payment-info{ margin-bottom: 0;} .confirmed-quote .payment-info h3{ font-size: 20px; font-weight: 500; } .confirmed-quote .payment-info h3.icon::before{ content: "\F1C8"; } .confirmed-quote .payment-info ul{ list-style: none; } .confirmed-quote .payment-info ul li{ padding-bottom: 5px; } .confirmed-quote .payment-info > ul > li > ul{ list-style: disc; margin: 10px 0; padding-left: 20px; } .confirmed-quote .payment-info ul li a{ color: #222222; } .confirmed-quote .payment-info ul li .icon-pdf{ position: relative; } .confirmed-quote .payment-info ul li .icon-pdf::after{ content: "pdf"; font-size: 10px; border: 0.5pt solid #222222; border-radius: 2px; padding: 0px 2px; }.page-delivery .bar-chat{ display: none;}.page-delivery .chat.private{ overflow: hidden;} .page-delivery .chat.private h3{ padding-bottom: 14px; position: relative; padding-left: 30px; font-size: 20px; font-weight: 500; box-shadow: 0 0 4px rgb(0 0 0 / 10%); z-index: 1; } .page-delivery .chat.private h3 .mobile{ display: none; } .page-delivery .chat.private h3::before{ content: "\F39E"; font-size: 20px; position: absolute; top: 4px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .page-delivery .chat.private .msgs{ max-height: 400px; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-top: 10px; } .page-delivery .chat.private .msgs::-webkit-scrollbar{ height:10px; width:10px; border-radius: 4px; background: transparent; transition: all 0.3s ease; } .page-delivery .chat.private .msgs::-webkit-scrollbar{ background: #f7f7f7; } .page-delivery .chat.private .msgs::-webkit-scrollbar-thumb{ background:#6b6b6a; border-radius: 4px; } .page-delivery .chat.private .no-message{ margin-bottom: 10px; } .page-delivery .chat.private .msg{ overflow: hidden; margin: 0 0 20px 0; font-size: 15px; } .page-delivery .chat .msg.system{ margin: 30px auto; width: fit-content; width: -moz-fit-content; font-size: 15px; text-align: center; border: 2px solid #f7f7f7; padding: 10px 20px; border-radius: 45px; font-weight: 300; } .page-delivery .chat .msg.system .small-date{ font-size: 13px; color: rgb(106, 106, 106); font-weight: 200; } .page-delivery .chat.private .msg .text{ border-radius: 3px; padding: 10px; max-width: 80%; overflow: hidden; } .page-delivery .chat.private .msg .img{ overflow: hidden; border-radius: 3px; } .page-delivery .chat.private .msg .img a{ margin-right: 5px; display: block; float: left; } .page-delivery .chat.private .msg .img a:last-child{ margin-right: 0!important; } .page-delivery .chat.private .msg .img a img{ display: block; } .page-delivery .chat.private .msg .f{ font-size: 13px; padding-top: 5px; width: 100%; overflow: hidden; } .page-delivery .chat.private .msg .f .name{ } .page-delivery .chat.private .msg .f .date{ color: rgb(106, 106, 106); } .page-delivery .chat.private .msg.message-received{ } .page-delivery .chat.private .msg.message-received .text{ background-color: #f7f7f7; float: left; } .page-delivery .chat.private .msg.message-received .img{ float: left; } .page-delivery .chat.private .msg.message-received .f{ padding-left: 10px; } .page-delivery .chat.private .msg.message-sent{ margin-right: 10px; } .page-delivery .chat.private .msg.message-sent .text{ background-color: #6b6b6a; background-color: rgb(63, 63 ,63); color: white; float: right; } .page-delivery .chat.private .msg.message-sent .img{ float: right; } .page-delivery .chat.private .msg.message-sent .f{ text-align: right; padding-right: 10px; } .page-delivery .chat.private .send-message{ overflow: hidden; margin: 0 0 0 0; padding: 10px 0 0 0; } .page-delivery .chat.private .send-message{ font-size: 14px; } .page-delivery .chat.private .send-message textarea{ width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; font-size: 16px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; margin-bottom: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }  .page-delivery .chat.private .send-message .yrewrite .yrewrite-button::after { bottom: 20px!important; left: 10px; } .page-delivery .chat.private .send-message .yrewrite-popup{ position: relative; margin-top: -15px; margin-bottom: -50px; } .page-delivery .chat.private .send-message .canned-response{ margin: 10px 0 0 0; font-size: 15px; width: fit-content; display: block; } .page-delivery .chat.private .send-message .input-group{ display: flex; } .page-delivery .chat.private .send-message button[type=file]{ display: none; } .page-delivery .chat.private .send-message button[type=submit]{ background: rgb(51, 51, 51); border-radius: 2px; padding: 8px 10px; margin-bottom: 0px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 300; border: 0; box-sizing: border-box; width: 100%; height: 44px; } .page-delivery .chat.private .send-message button[type=submit]:hover{ background: #000; } .page-delivery .chat.private .send-message .chat-image-upload{ margin-left: 10px; width: 50px; background: #6b6b6a; border-radius: 2px; padding: 8px 10px; margin-bottom: 0px; cursor: pointer; user-select: none; text-align: center; font-size: 16px; font-weight: 200; color: white; box-sizing: border-box; height: 44px; } .page-delivery .chat.private .send-message .chat-image-upload::after{ content: "\F2AB"; font-size: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-top: 4px; } .page-delivery .chat.private .send-message .chat-image-upload.uploading::after{ content: "\F40E"; animation: spin 2s infinite linear reverse; }.confirmed-quote .leave-feedback{ border-radius: 3px; overflow: hidden; max-width: 600px; margin: 40px auto 40px auto;} .confirmed-quote .leave-feedback h3{ font-weight: 500; font-size: 30px; margin: auto auto 10px auto; position: relative; box-sizing: border-box; width: fit-content; } .confirmed-quote .leave-feedback h3::before { content: "\F220"; font-size: 32px; position: absolute; top: 5px; left: -40px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .confirmed-quote .leave-feedback .desc{ margin-bottom: 20px; margin: auto auto 40px auto; text-align: center; } .confirmed-quote .leave-feedback .click-stars{ text-align: center; margin: 0px 0 40px 0; color: rgb(106, 106, 106); font-size: 14px; } .confirmed-quote .leave-feedback ul{ list-style: none; margin: 0 auto 20px auto; padding: 0; max-width: 400px; margin: auto auto 0px auto; } .confirmed-quote .leave-feedback ul li{ margin-bottom: 10px; overflow: hidden; border-bottom: 1px solid rgb(235, 235, 235); padding-bottom: 10px; } .confirmed-quote .leave-feedback ul li:last-of-type{ border-bottom: none; padding-bottom: 0; } .confirmed-quote .leave-feedback ul li .t{ float: left; font-weight: 300; } .confirmed-quote .leave-feedback ul li .rating{ float: right; overflow: hidden; margin-top: 3px; } .confirmed-quote .leave-feedback ul li .rating span{ display: block; float: left; position: relative; width: 18px; height: 18px; padding-right: 5px; color: #6b6b6a; } .confirmed-quote .leave-feedback ul li .rating span:hover{ cursor: pointer; } .confirmed-quote .leave-feedback ul li .rating span::before{ content: "\F2CF"; font-size: 18px; position: absolute; top: 0px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .confirmed-quote .leave-feedback ul li .rating span.selected::before{ color: #F99E00; } .confirmed-quote .leave-feedback ul li .rating span.selected::before{ } .confirmed-quote .leave-feedback form.review{ max-width: 600px; margin: auto; } .confirmed-quote .leave-feedback form.review textarea{ width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; font-size: 16px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .confirmed-quote .leave-feedback form.review .info{ margin-top: 5px; font-size: 14px; margin-bottom: 20px; } .confirmed-quote .leave-feedback form.review button{ background-color: #222222; border-radius: 2px; padding: 12px 10px; margin-bottom: 10px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; border: 0; box-sizing: border-box; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; width: 100%; font-weight: 300; } .confirmed-quote .leave-feedback form.review button:hover{ background: #000000; }.confirmed-quote .reviewed{ overflow: hidden; margin: 0px auto 80px auto;} .confirmed-quote .reviewed .by-user{ } .confirmed-quote .reviewed .by-user .author{ text-align: center; margin: auto auto 0px auto; font-size: 26px; } .confirmed-quote .reviewed .by-user .date{ text-align: center; margin: auto auto 20px auto; color: rgb(106, 106, 106); } .confirmed-quote .reviewed .by-user .scores{ display: flex; width: fit-content; width: -moz-fit-content; margin: auto; overflow: hidden; } .confirmed-quote .reviewed .by-user .scores .score{ margin-bottom: 20px; width: fit-content; text-align: center; margin-left: 20px; margin-right: 20px; font-size: 15px; } .confirmed-quote .reviewed .by-user .scores .score span{ display: flex; position: relative; font-weight: 500; width: fit-content; margin: auto; align-items: center; font-size: 16px; margin-top: 4px; } .confirmed-quote .reviewed .by-user .scores .score span::before { content: "\F3C8"; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 200; color: #ffa726; padding-right: 4px; padding-bottom: 2px; } .confirmed-quote .reviewed .by-user .copy-review{ clear: both; text-align: center; font-style: italic; width: fit-content; max-width: 700px; font-size: 18px; margin: auto auto 30px auto; position: relative; padding: 0 20px; } .confirmed-quote .reviewed .by-user .copy-review::before{ content: "\F2BB"; font-size: 14px; position: absolute; top: 0px; left: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 200; } .confirmed-quote .reviewed .by-user .copy-review::after{ content: "\F2BC"; font-size: 14px; position: absolute; bottom: 10px; right: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 200; } .confirmed-quote .reviewed .reply-review{ max-width: 700px; clear: both; margin: 40px auto auto auto; display: none; } .confirmed-quote .reviewed .reply-review textarea{ width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; font-size: 16px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .confirmed-quote .reviewed .reply-review .info{ margin-top: 5px; font-size: 14px; margin-bottom: 20px; } .confirmed-quote .reviewed .reply-review button{ background: #008489; border-radius: 2px; padding: 12px 10px; margin-bottom: 10px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; border: 0; box-sizing: border-box; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; width: 100%; font-weight: 300; } .confirmed-quote .reviewed .reply-review .generate-review-reply{ width: fit-content; margin: auto; } .confirmed-quote .reviewed .replied-review{ margin: 30px auto 0 auto; padding: 30px 0 0 0; max-width: 700px; border-top: 1px solid #f7f7f7; } .confirmed-quote .reviewed .replied-review .author{ text-align: center; margin: auto auto 10px auto; font-weight: 300; } .confirmed-quote .reviewed .replied-review .reply{ clear: both; text-align: center; font-style: italic; width: fit-content; max-width: 700px; font-size: 18px; margin: auto auto 20px auto; position: relative; padding: 0 20px; } .confirmed-quote .reviewed .replied-review .reply::before{ content: "\F2BB"; font-size: 14px; position: absolute; top: 0px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 200; } .confirmed-quote .reviewed .replied-review .reply::after{ content: "\F2BC"; font-size: 14px; position: absolute; bottom: 10px; right: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 200; }.confirmed-quote .booking-date{ margin-bottom: 10px;}.confirmed-quote .resolution-center{ color: rgb(106, 106, 106);} .confirmed-quote .resolution-center a{ text-decoration: underline; } .confirmed-quote .resolution-center a:hover{ text-decoration: none!important; }.confirmed-quote .tip-mover{ text-align: center; border-top: solid 1px #dddddd; padding-top: 80px; max-width: 800px; margin-left: auto; margin-right: auto;} .confirmed-quote .tip-mover .head{ } .confirmed-quote .tip-mover .head h2{ font-size: 26px; } .confirmed-quote .tip-mover .head p{ font-size: 18px; } .confirmed-quote .tip-mover .get-amount-form{ display: flex; align-items: center; max-width: max-content; margin: auto; } .confirmed-quote .tip-mover .get-amount-form .currency{ font-size: 20px; padding-top: 2px; font-weight: 300; margin: 0 10px 0 0; } .confirmed-quote .tip-mover .get-amount-form input[type=number]{ box-sizing: border-box; padding: 4px 10px 2px 10px; font-weight: 500; max-width: 80px; font-size: 20px; border: 0; border-bottom: 2px solid #222222; text-align: right; margin: 0 10px 0 0; border-radius: 0; } .confirmed-quote .tip-mover .get-amount-form input[type=button]{ background: rgb(52, 52 ,52); border-radius: 2px; padding: 10px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-weight: 300; font-size: 18px; border: 0; -webkit-appearance: none; } .confirmed-quote .tip-mover .get-amount-form input[type=button]:hover{ background: black; }form#stripe-tip-mover{ background-color: #ebecf0; border-radius: 15px; padding: 20px 40px 30px 40px; box-sizing: border-box; max-width: 500px; width: 100%; margin: auto;} form#stripe-tip-mover .cancel{ margin: 20px auto auto auto; width: -moz-fit-content; width: fit-content; } form#stripe-tip-mover h2{ margin-bottom: 20px; } form#stripe-tip-mover button[type=submit]{ background: #008489; border-radius: 2px; padding: 10px 60px 10px 60px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 500; border: 0; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } form#stripe-tip-mover button[type=submit]:disabled{ background: #6b6b6a; cursor: context-menu; } form#stripe-tip-mover button[type=submit]:disabled span.active{ display: none; } form#stripe-tip-mover button[type=submit] span.inactive{ display: none; } form#stripe-tip-mover button[type=submit]:disabled span.inactive{ display: inherit; position: relative; padding-left: 25px; } form#stripe-tip-mover button[type=submit]:disabled span.inactive::before{ content: "\F2FC"; font-size: 14px; position: absolute; top: 4px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; } form#stripe-tip-mover label{ display: block; margin: 0 0 5px 0; } form#stripe-tip-mover .card-amount, form#stripe-tip-mover .card-name, form#stripe-tip-mover .card-number, form#stripe-tip-mover .card-exp, form#stripe-tip-mover .card-cvc{ margin: 0 0 20px 0; box-sizing: border-box; font-family: 'Mallory', Arial; } form#stripe-tip-mover .card-exp{ float: left; width: 50%; padding-right: 10px; } form#stripe-tip-mover .card-cvc{ float: right; width: 50%; padding-left: 10px; } form#stripe-tip-mover .card-number .card-logo{ display: block; float: right; height: 20px; background-size: contain; background-repeat: no-repeat; margin-left: 10px; border-radius: 1px; opacity: 0.2; } form#stripe-tip-mover .card-logo.selected{ opacity: 1; } form#stripe-tip-mover .visa{ background-image: url("style-image/visa-logo.png"); width: 32px; } form#stripe-tip-mover .mastercard{ background-image: url("style-image/mastercard-logo.png"); width: 31px; } form#stripe-tip-mover .amex{ background-image: url("style-image/amex-logo.png"); width: 20px; } form#stripe-tip-mover select, form#stripe-tip-mover .input-text{ display: block; font-family: 'Arial'!important; box-sizing: border-box; padding: 10px 20px 10px 20px!important; font-size: 16px!important; font-weight: 600!important; border-radius: 2px; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border: 1px solid rgba(107, 107, 106, 0.4); color: #222222; background-color: white; }.confirmed-quote .booking-gift{ text-align: center; border-top: solid 1px #dddddd; margin-top: 80px; padding-top: 80px; max-width: 800px; margin-left: auto; margin-right: auto;} .confirmed-quote .booking-gift .head h2{ margin: 0px 0 10px 0; font-size: 26px; } .confirmed-quote .booking-gift .head p{ font-size: 18px; } .confirmed-quote .booking-gift img{ max-width: 200px; margin: 0 0 20px 0; } .confirmed-quote .booking-gift .open-booking-gift-modal{ background: #008489; border-radius: 2px; padding: 10px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; font-weight: 300; width: fit-content; margin: auto; } @media (max-width: 576px) { .confirmed-quote .booking-gift .head h2{ font-size: 20px; } .confirmed-quote .booking-gift img{ max-width: 160px; } }.booking-gift-modal{ max-width: 500px;} .booking-gift-modal .row{ margin: 0 0 20px 0; width: 100%; } .booking-gift-modal .maketwo{ display: flex; } .booking-gift-modal .maketwo .row:first-child{ padding-right: 10px; } .booking-gift-modal .maketwo .row:last-child{ padding-left: 10px; } .booking-gift-modal .row:last-child{ margin-bottom: 0; } .booking-gift-modal button[type=submit]{ width: 100%; }.confirmed-quote .booking-hero{ border-top: 1px solid rgb(221, 221, 221); margin: 30px 0 30px 0; padding: 30px 0 0 0; align-items: flex-start;} .confirmed-quote .booking-hero .liner{ width: 100%; } .confirmed-quote .booking-hero .liner .title{ display: flex; padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: 1px solid rgb(221, 221, 221); align-items: center; } .confirmed-quote .booking-hero .liner .title .image{ width: 64px; min-width: 64px; } .confirmed-quote .booking-hero .liner .title .image a{ display: block; } .confirmed-quote .booking-hero .liner .title .image img{ display: block; border-radius: 100%; width: 40px; height: 40px; } .confirmed-quote .booking-hero .liner .title h2{ font-size: 24px; margin: 0; } @media (max-width: 576px){ .confirmed-quote .booking-hero .liner .title h2.long{ font-size: 17px; } } .confirmed-quote .booking-hero .liner .title .sub{ color: rgb(106, 106, 106); font-size: 14px; } @media (min-width: 992px){ .confirmed-quote .booking-hero .company-head .section-left{ width: 100%; } } .confirmed-quote .booking-hero .feats{ } .confirmed-quote .booking-hero .feats .feat:last-child{ margin-bottom: 0; } .confirmed-quote .booking-hero .feats .feat{ display: flex; margin: 0 0 20px 0; } .confirmed-quote .booking-hero .feats .feat .feat-icon{ width: 64px; padding-left: 8px; min-width: 64px; box-sizing: border-box; } .confirmed-quote .booking-hero .feats .feat .feat-content{ width: 100%; } .confirmed-quote .booking-hero .feats .feat .feat-content .feat-title{ font-weight: 500; } .confirmed-quote .booking-hero .feats .feat .feat-content .feat-title .type{ font-weight: 300; } .confirmed-quote .booking-hero .feats .feat .feat-content .feat-desc{ color: rgb(106, 106, 106); font-size: 14px; } .confirmed-quote .photo-gallery{ width: fit-content; max-width: 480px; } .confirmed-quote .photo-gallery a { display: inline-block; float: none; height: 44px; margin-right: 10px; margin-bottom: 5px; background-color: black; border-radius: 3px; } @media (max-width: 576px) { .confirmed-quote .photo-gallery a { height: 48px; } .confirmed-quote .photo-gallery a:nth-of-type(n+10) { display: none; } } .confirmed-quote .photo-gallery a img { display: block; height: 100%; background-color: white; border-radius: 3px; } .confirmed-quote .photo-gallery a:hover img{ opacity: 0.8; transition-duration: 0.2s; } .confirmed-quote .booking-hero .note{ position: relative; font-size: 15px; font-weight: 300; margin: 0px 0 0px 0; max-width: 500px; padding: 18px 24px; line-height: 160%; border: 1px solid rgb(221, 221, 221) !important; border-radius: 8px !important; box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px !important; } .confirmed-quote .booking-hero .note::after { font-size: 16px; position: absolute; bottom: 0; right: 0; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; } .confirmed-quote .booking-hero .note.first-line:first-line{ font-weight: 500; } .confirmed-quote .booking-hero .note-arrow{ height: 20px; position: relative; } .confirmed-quote .booking-hero .note.shorten{ max-height: 200px; position: relative; cursor: pointer; user-select: none; overflow: hidden; } .confirmed-quote .booking-hero .note.shorten::before { content: ' '; width: 100%; position: absolute; bottom: 0px; height: 100%; background-image: linear-gradient(to bottom, rgba(247, 247, 247, 0) 60%, rgba(247, 247, 247, 1) 78%); padding-top: 50px; left: 0; border-radius: 3px; } .confirmed-quote .booking-hero .note.shorten::after { text-align: center; content: 'READ MORE'; font-family: 'Mallory'; font-size: 16px; position: absolute; font-weight: 500; bottom: 20px; left: 0; width: 100%; } .ypopup #quote-note{ max-width: 600px; min-width: 300px; width: 100%; font-size: 15px; line-height: 160%; padding-right: 40px; } .ypopup #quote-note.first-line:first-line{ font-weight: 500; }.page-help{ color: #222222;} .page-help .head{ margin-right: auto; margin-left: auto; max-width: 800px; } .page-help .hero-image{ text-align: center; z-index: 0; } .page-help .hero-image img{ width: 100%; border-radius: 3px; display: block; margin: auto; }form.help-search{ text-align: center; margin-top: -35px; z-index: 1;} form.help-search input{ max-width: 450px; width: 100%; padding: 20px 20px 20px 75px; font-size: 18px; font-weight: 300; background-color: white; box-sizing: border-box; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border-color: black; border-radius: 0; } form.help-search input::placeholder{ color: black; opacity: 1; } form.help-search label{ position: relative; } form.help-search label::before { content: "\F36C"; font-size: 28px; position: absolute; top: -5px; left: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } form.help-search .no-results{ display: none; font-size: 16px; margin-top: 10px; } .page-help h1{ font-weight: 500; font-size: 45px; padding-top: 20px; } .page-help .desc{ color: #9b9b9a; font-size: 22px; font-weight: 200; margin-bottom: 20px; } .page-help .section-qa{ margin-right: auto; margin-left: auto; max-width: 800px; } .page-help .list{ } .page-help span.h { background: yellow; } .page-help .qa{ margin-bottom: 10px; } .page-help .t{ font-size: 17px; font-weight: 500; margin-bottom: 10px; } .page-help .t:hover{ text-decoration: underline; cursor: pointer; } .page-help .tlist{ margin-bottom: 40px; } .page-help .tlist .q{ padding-left: 40px; position: relative; } .page-help .tlist .q::before{ content: "\F3E8"; font-size: 16px; color: #9b9b9a; position: absolute; top: 6px; left: 12px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .page-help .tlist .a{ padding-left: 40px; } .page-help .q{ font-size: 17px; font-weight: 500; margin-bottom: 10px; } .page-help .q:hover{ text-decoration: underline; cursor: pointer; } .page-help .a{ display: none; margin-bottom: 20px; }.footer2{ margin: 140px 0 200px 0; background-color: #f5f5f5; border-radius: 15px; padding: 80px 60px 20px 60px;} .footer2 .inner{ position: relative; } .footer2 .for-carriers{ margin: -40px 0 20px 60%; border: 1px solid #DDD; padding: 10px 20px; border-radius: 8px; width: fit-content; font-size: 18px; } .footer2 .cols{ display: flex; flex-wrap: wrap; } .footer2 .cols .col1{ max-width: 60%; width: 100%; position: relative; } .footer2 .cols .col2{ max-width: 20%; width: 100%; } .footer2 .cols .col3{ max-width: 20%; width: 100%; } .footer2 .cols .t{ font-weight: 500; margin: 0 0 10px 0; font-size: 15px; } .footer2 .cols .t2{ margin-top: 20px; } .footer2 .cols .l{ display: flex; flex-direction: column; font-size: 15px; } .footer2 .cols .l a, .footer2 .cols .l > span{ width: fit-content; margin: 0 0 10px 0; } .footer2 .cols .l > a:last-child, .footer2 .cols .l > span:last-child{ margin-bottom: 0; } .footer2 .cols .l .has-subs{ display: inline-block; padding: 0 6px; cursor: pointer; } .footer2 .cols .l .has-subs::after{ content: "\F107"; font-size: 8px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .footer2 .cols .l .subs{ display: none; max-height: 140px; overflow-y: scroll; overflow-x: hidden; background: #ebecf0; padding: 10px 20px; margin: 0px 0 20px 0; } .footer2 .cols .l .subs::-webkit-scrollbar{ height:10px; width:10px; transition: all 0.3s ease; background-color: #ebecf0; } .footer2 .cols .l .subs::-webkit-scrollbar-thumb{ background: rgb(255, 56, 92); border-radius: 0px; margin-left: -10px; } .footer2 .cols .l .subs > span{ display: block; margin: 0 0 10px 0; } .footer2 .slogan{ font-size: 20px; } .footer2 .footer-logo{ display: block; width: fit-content; margin:0 0 20px 0 } .footer2 .footer-logo img{ max-width: 140px; } .footer2 .member-one-percent{ } .footer2 .member-one-percent a{ display: block; margin: 20px 0 0 0; } .footer2 .member-one-percent a img{ display: block; width: 60px; height: 80px; } .footer2 .copyright{ bottom: 0px; position: absolute; font-size: 15px; } @media (min-width: 1200px) { .footer2 .copyright{ max-width: 540px; } } @media (min-width: 992px) and (max-width: 1200px) { .footer2 .copyright{ max-width: 350px; } } .footer2 .capitalize{ text-transform: capitalize; } .footer2 .social{ max-width: fit-content; width: -moz-fit-content; margin-top: 40px; } .footer2 .social > a{ display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; } .footer2 .social .facebook{ margin-right: 10px; } .footer2 .social .facebook img{ height: 25px; } .footer2 .social .twitter{ margin-left: 10px; } .footer2 .social .twitter img{ height: 25px; } .footer2 .social .instagram{ margin-left: 20px; } .footer2 .social .instagram img{ height: 25px; }@media (min-width: 992px) and (max-width: 1200px) { .footer2 .for-carriers{ margin-left: 50%; } .footer2 .cols .col1{ max-width: 50%; } .footer2 .cols .col2{ max-width: 25%; } .footer2 .cols .col3{ max-width: 25%; }}@media (max-width: 992px) { .footer2 .copyright{ margin: 40px 0 0 0; position: relative!important; } .footer2 .for-carriers{ margin-left: 0; width: 100%; box-sizing: border-box; border: 1px solid #DDD; padding: 20px; margin-bottom: 30px; background-color: #f5f5f5; font-size: 18px; border-radius: 15px; }}@media (min-width: 576px) and (max-width: 992px) { .footer2{ padding: 60px 30px; } .footer2 .cols .col1{ max-width: 100%; margin-bottom: 40px; } .footer2 .cols .col2{ max-width: 50%; } .footer2 .cols .col3{ max-width: 50%; } .footer2 .ergdewrg{ display: inline-block; }}@media (max-width: 576px) { .footer2 .slogan{ font-size: 18px; } .footer2 .for-carriers{ margin-bottom: 0px; } .footer2{ background: none; padding: 0; margin-bottom: 200px; } .footer2 .cols .col1{ max-width: 100%; margin-bottom: 0px; border-top: 1px solid #DDD; margin-top: 40px; padding-top: 40px; } .footer2 .cols .col2{ max-width: 100%; margin-bottom: 0px; } .footer2 .cols .col3{ max-width: 100%; margin-bottom: 0px; } .footer2 .cols .t, .footer2 .cols .t2{ border-top: 1px solid #DDD; margin-top: 30px; padding-top: 30px; } .footer2 .cols .t, .footer2 .cols .col2 a, .footer2 .cols .col3 a{ font-size: 16px; } .footer2 .cols .t2{ margin-top: 40px; } .footer2 .ergdewrg{ display: inline-block; } .footer2 .copyright{ border-top: 1px solid #DDD; margin-top: 40px!important; padding-top: 30px; }}.homepage-hero{ margin: 100px 0 160px 0; padding: 0 0; display: flex; background-color: #f2f2f2;} .homepage-hero .c{ width: 60%; padding: 40px 10px 40px 40px; } .homepage-hero .hero-image{ width: 40%; background-repeat: no-repeat; background-size: cover; background-position: center; } .homepage-hero .hero-image img{ display: none; } .homepage-hero .hero-image .shadow{ display: none; } .homepage-hero .text-block{ margin: 0px 0 20px 0; } .homepage-hero .text-block .l1{ font-size: 37px; font-weight: 800; max-width: 600px; } .homepage-hero .text-block .l2{ font-weight: 200; font-size: 28px; } .homepage-hero .l4{ font-weight: 500; text-align: center; margin: 10px 0 0 0; }.select-category-popup{} .select-category-popup.show .popup-category{ display: block; } .backdrop.popup-category{ display: block!important; } .select-category-popup.show{ position: relative; z-index: 1000; } .select-category-popup .select{ background-color: white; width: 100%; box-sizing: border-box; padding: 10px 20px 10px 20px; font-size: 18px; font-weight: 500; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; cursor: pointer; border: 1px solid rgba(107, 107, 106, 0.4); } .select-category-popup .t{ } .select-category-popup .select .d{ color: #a9a9a9; font-weight: 200; } .select-category-popup .popup-category{ display: none; position: absolute; background-color: white; width: 400px; width: 100%; box-sizing: border-box; top: auto; box-shadow: 0 4px 10px 0 rgba(0,0,0,.15)!important; z-index: 99; border-radius: 2px; margin-top: 14px; padding: 0; user-select: none; } .select-category-popup .popup-category > ul{ padding: 0; margin: 0; overflow: hidden; border-radius: 2px; } .select-category-popup .popup-category > ul > li{ list-style: none; border-bottom: 1px solid #e9ebee; overflow: hidden; cursor: pointer; } .select-category-popup .popup-category > ul > li.out{ opacity: 0.3; } .select-category-popup .popup-category > ul > li.out .cat{ padding: 3px 20px; } .select-category-popup .popup-category > ul > li.selected > ul{ display: block !important; } .select-category-popup .popup-category > ul > li > ul{ display: none; width: 100%; padding: 0; margin: 0; overflow: hidden; border-top: 1px solid #e9ebee; } .select-category-popup .popup-category > ul > li > ul > li{ width: 100%; list-style: none; border-bottom: 1px solid #e9ebee; overflow: hidden; } .select-category-popup .popup-category > ul > li > ul > li:last-child{ border-bottom: 0; } .select-category-popup .popup-category > ul > li .cat{ font-size: 18px; padding: 10px 20px; overflow: hidden; display: flex; flex-wrap: nowrap; align-items: baseline; } .select-category-popup .popup-category > ul > li .cat .t{ font-weight: 500; margin: 0 5px 0 0!important; white-space: nowrap; } .select-category-popup .popup-category > ul > li .cat .t img{ width: auto!important; margin: 0 0 -2px 0; border-radius: 0!important; } .select-category-popup .popup-category > ul > li .cat .d{ font-size: 16px; color: #a9a9a9; max-width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select-category-popup .popup-category > ul > li:last-child{ border-bottom: 0; } .select-category-popup .popup-category > ul > li:not(.selected):hover, .select-category-popup .popup-category > ul > li.selected > ul > li:hover{ background-color: #008489; cursor: pointer; color: #FFF!important; opacity: 1; } .select-category-popup .popup-category > ul > li a{ text-decoration: none!important; } .select-category-popup .popup-category > ul > li:hover img{ filter: brightness(0) invert(1); } .select-category-popup .popup-category > ul > li:not(.selected):hover .d, .select-category-popup .popup-category > ul > li.selected > ul > li:hover .d{ color: #FFF!important; } .select-category-popup .popup-category::before{ content: "\F106"; font-size: 25px; position: absolute; top: -18px; left: 30px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; transform: scaleY(-1); color: white; }.pop-post{} .pop-post form{ } .pop-post.show-scat .block-category{ position: relative; z-index: 9999; } .pop-post .block-category{ margin: 0 0px 20px 0; width: 100%; } .pop-post .block-coldel{ margin: 0 0 20px 0; display: flex; } .pop-post .block-coldel .collection{ padding-right: 10px; box-sizing: border-box; width: 100%; } .pop-post .block-coldel .delivery{ padding-left: 10px; box-sizing: border-box; width: 100%; } .pop-post .select{ cursor: pointer; border: 1px solid rgba(107, 107, 106, 0.4); } .pop-post .select, .pop-post input{ background-color: white; width: 100%; box-sizing: border-box; padding: 14px 20px 14px 20px; font-size: 18px; font-weight: 500; border-radius: 0px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .pop-post .select .d{ color: #a9a9a9; font-weight: 200; } .pop-post .select:hover{ outline: none!important; cursor: pointer; user-select: none; } .pop-post .block-submit{ } .pop-post .block-submit button[type=submit]{ background: #008489; padding: 14px 20px 14px 20px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 20px; border: 0; width: 100%; border-radius: 0px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; font-weight: 300; }.page-auth{ max-width: 500px; margin: auto; overflow: hidden; padding: 0 20px;} .page-auth h1{ font-weight: 500; font-size: 45px; padding-top: 10px; margin-bottom: 20px; } .page-auth form{ margin-bottom: 20px; } .page-auth form .label{ display: block; margin-bottom: 20px; } .page-auth form .label .info{ margin-top: 5px; font-size: 14px; } .page-auth form .label .desc{ margin-bottom: 5px; font-size: 18px; } .page-auth form .required{ } .page-auth form .required::before{ } .page-auth form .label textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; padding: 10px 20px 10px 20px; font-size: 18px; font-weight: 500; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .page-auth form .label select, .page-auth form .label input[type=email], .page-auth form .label input[type=password], .page-auth form .label input[type=text]{ width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; font-weight: 500; font-size: 16px; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .page-auth form .label.submit{ } .page-auth form .label button[type=submit]{ background: #008489; border-radius: 2px; padding: 8px 20px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; font-weight: 200; border: 0; min-width: 100px; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .page-auth form .forgotten-password{ float: right; padding: 8px 0 0 0; color: #222222; }.page-auth .other-options{ border-top: 1px solid #CCC; margin: 30px 0 0 0; padding: 30px 0 0 0; display: flex; justify-content: space-between;} .page-auth .other-options .register-link{ margin-bottom: -22px; text-align: right; order: 2; }.page-email-confirmation{ max-width: 800px;} .page-email-confirmation h1{ text-align: center; } .page-email-confirmation p{ text-align: center; }.delete-my-account{ margin: 40px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #e8e8e8;} .delete-my-account h3{ font-weight: 500; } .delete-my-account span.toggle-steps{ cursor: pointer; } .delete-my-account span.toggle-steps:hover{ text-decoration: underline; } .delete-my-account .step2{ display: none; } .delete-my-account .step2 span.toggle-steps { padding-left: 20px; }.new-listing .heading{ padding: 20px 0 0 20px;} .new-listing .heading .h{ font-size: 14px; font-weight: 500; text-transform: uppercase; margin-bottom: -10px; padding: 0 0 0 5px; } .new-listing .heading h1{ font-weight: 800; font-size: 62px; margin-bottom: 20px; } form.new-listing{ max-width: 700px; position: relative; margin: auto; } .new-listing .progress-bar{ background-color: #f7f7f7; margin: 40px 20px 40px 20px; border-radius: 10px; } .new-listing .progress-bar .progress{ background-color: #008489; width: 10%; height: 10px; border-radius: 10px; transition: width 1s ease-in-out; } form.new-listing .sbg-grey{ background-color: #f7f7f7; overflow: hidden; margin: 20px 20px; border-radius: 5px; padding-top: 10px; } form.new-listing .sbg-grey .label.coldel-date .options div{ border: 1px solid rgba(107, 107, 106, 0.4); } form.new-listing .trademe-head{ margin: 0px 20px; background-color: #f7f7f7; border-radius: 5px; padding: 20px 20px 10px 20px; } form.new-listing .trademe-head .h{ display: flex; align-items: center; } form.new-listing .trademe-head .trademe-image{ } form.new-listing .trademe-head .trademe-image img{ width: 80px; display: block; border-radius: 3px; margin-right: 20px; } form.new-listing .trademe-head .trademe-title{ } form.new-listing .trademe-head .trademe-title .url{ font-size: 20px; } form.new-listing .trademe-head .trademe-title .location{ font-weight: 500; margin-top: 5px; } form.new-listing .trademe-head .trademe-title .location::before{ content: "\F2AE"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; padding-right: 5px; } form.new-listing .trademe-head .trademe-logo{ width: 100%; margin-top: 20px; padding-top: 10px; border-top: 3px solid rgba(255, 255, 255, 1); } form.new-listing .trademe-head .trademe-logo img{ max-height: 20px; } form.new-listing .label{ display: block; margin-bottom: 20px; overflow: hidden; padding: 20px 20px; border-radius: 5px; } form.new-listing .label.vehicle-other .srow:not(:last-child){ margin-bottom: 20px; } form.new-listing .label.vehicle-other .srow label{ min-width: 200px; } form.new-listing .label.vehicle-other .srow .a{ padding-right: 20px; } form.new-listing .label .contact-free{ margin: 20px 0 0 0; } form.new-listing .label .contact-free label{ padding-left: 0!important; display: flex; } form.new-listing .label .contact-free input{ margin-right: 20px; } form.new-listing .label.disabled{ opacity: 0.3; user-select: none; } form.new-listing .label .bit{ float: left; padding-right: 20px; box-sizing: border-box; } form.new-listing .label.bits-1 .bit{ width: 100%; box-sizing: border-box; padding-right: 0; } form.new-listing .label.collection-house-type .bit{ width: 33%; box-sizing: border-box; } form.new-listing .label.collection-house-type .bit:first-child{ width: 34%; } form.new-listing .label.collection-house-type .bit:last-child{ padding-right: 0; } form.new-listing .label .t{ margin-bottom: 10px; font-size: 20px; font-weight: 500; } form.new-listing .label .t .not-req{ font-size: 14px; text-transform: uppercase; font-weight: 500; white-space: nowrap; } form.new-listing .label .t span.required{ position: relative; } form.new-listing .label .t span.required::before{ position: absolute; content: "\F359"; left: 3px; top: 4px; font-size: 11px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } form.new-listing .sdat{ overflow: hidden; margin: -10px 0 10px 10px; } form.new-listing .sdat span{ float: left; background: rgb(107, 107, 106, 0.6); background: #eaeaea; cursor: pointer; padding: 5px 10px; margin: 10px 0 0 0; font-size: 13px; user-select: none; } form.new-listing .label textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; font-size: 16px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; resize: vertical; } form.new-listing .label input[type=text], form.new-listing .label input[type=number], form.new-listing .label input[type=email]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; padding: 10px 20px 10px 20px; font-size: 18px; font-weight: 500; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } form.new-listing .label.submit{ background-color: unset; } form.new-listing .label.submit .cancel{ margin: 30px auto auto auto; width: fit-content; display: block; font-size: 18px; width: -moz-fit-content; } form.new-listing .label.submit .walq{ background: #f7f7f7; padding: 20px; border-radius: 3px; } form.new-listing .label.submit .walq .message{ margin: 20px auto 0 auto; text-align: center; font-size: 15px; } form.new-listing .label button[type=submit]{ background: rgb(52, 52 ,52); border-radius: 2px; padding: 12px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 20px; font-weight: 200; border: 0; width: 100%; text-transform: uppercase; min-height: 52px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } form.new-listing .label button[type=submit]:hover{ background: #000000; } form.new-listing .range-volume .t .estimate, form.new-listing .range-weight .t .estimate { color: #a9a9a9; float: right; } form.new-listing .range-volume.storage-size .t{ display: flex; } form.new-listing .range-volume.storage-size .t .tl{ width: 100%; } form.new-listing .range-volume.storage-size .tr .estimate{ margin-top: -5px; font-weight: 300; width: max-content; } form.new-listing .range-volume.storage-size .tr .estimate .yunit{ color: #222222; font-weight: 800; } @media (max-width: 1200px) { form.new-listing .range-volume.storage-size .t{ display: block; } form.new-listing .range-volume.storage-size .tr{ width: 100%; text-align: left; text-transform: capitalize; } form.new-listing .range-volume.storage-size .tr .estimate{ width: 100%; float: none; text-align: left; margin-top: 0; font-size: 16px; } form.new-listing .range-volume.storage-size .tr .approx{ position: relative; bottom: 0; } } form.new-listing .range-volume .t .approx{ color: #a9a9a9; font-size: 12px; font-weight: 200; padding-right: 11px; position: absolute; bottom: -13px; right: 0; } form.new-listing .range-slide{ padding: 0 40px; margin-top: 20px; } form.new-listing .range-slide input[type=range] { margin: auto; outline: none!important; padding: 0; width: 100%; height: 10px; background-color: #f7f7f7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #473e4f), color-stop(100%, #51475a)); background-image: -webkit-linear-gradient(#473e4f, #51475a); background-image: -moz-linear-gradient(#473e4f, #51475a); background-image: -o-linear-gradient(#473e4f, #51475a); background-image: linear-gradient(#008489, #008489); background-size: 50% 100%; background-repeat: no-repeat; cursor: pointer; -webkit-appearance: none; border-radius: 10px; border: none!important; box-shadow:none!important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } form.new-listing .block-storage .range-slide input[type=range] { background-color: rgb(52, 52 ,52); } form.new-listing .range-slide input[type=range]:focus { outline-offset: -2px!important; } form.new-listing .range-slide input[type=range]::-webkit-slider-runnable-track { box-shadow: none; border: none; background: transparent; -webkit-appearance: none; } form.new-listing .range-slide input[type=range]::-moz-range-track { box-shadow: none; border: none; background: transparent; } form.new-listing .range-slide input[type=range]::-moz-focus-outer { border: 0!important; } form.new-listing .range-slide input[type=range]::-webkit-slider-thumb { width: 24px; height: 24px; border: 0; background: #FFF; box-shadow: 0 0 0 5px rgba(0, 132, 137, 1); border-radius: 100%; -webkit-appearance: none; } form.new-listing .range-slide input[type=range]::-moz-range-thumb { width: 14px; height: 14px; border: 0; background: #6b6b6a; border-radius: 100%; box-shadow: 0 0 0 5px rgba(72, 139, 248, 0.5); } form.new-listing .label.car-type{ } form.new-listing.step-progress .label.car-type{ margin: 0 0 0 0!important; } form.new-listing .label.car-type .mlist .mtype{ cursor: pointer; width: 32%; text-align: center; border: 3px solid #FFFFFF; float: left; overflow: hidden; margin: 0 0 10px 0; padding-bottom: 5px; } form.new-listing .label.car-type .mlist .mtype .mtitle{ text-align: center; margin: 10px 0 0 0; } form.new-listing .label.car-type .mlist .mtype:hover, form.new-listing .label.car-type .mlist .mtype.selected{ border: 3px solid rgb(52, 52 ,52); border-radius: 5px; } form.new-listing .label.car-type .mlist .mtype .img{ margin-top: 2px; height: 90px; width: 140px; display: block; background-size: 500px; background-repeat: no-repeat; background-position: 0px 0px; margin: auto; background-image: url('/image/temp/car-type.jpg'); transform: scaleX(-1); } form.new-listing .label.car-type .mlist .mtype.sedan .img{ background-position: -29px -5px; width: 144px; } form.new-listing .label.car-type .mlist .mtype.wagon .img{ background-position: -182px -5px; width: 144px; } form.new-listing .label.car-type .mlist .mtype.suv .img{ background-position: -322px -5px; width: 144px; } form.new-listing .label.car-type .mlist .mtype.hatchback .img{ background-position: -29px -105px; width: 144px; } form.new-listing .label.car-type .mlist .mtype.coupe .img{ background-position: -182px -105px; width: 144px; } form.new-listing .label.car-type .mlist .mtype.supercar .img{ background-position: -322px -105px; width: 144px; } form.new-listing .label.car-type .mlist .mtype.pickup .img{ background-position: -20px -234px; width: 160px; } form.new-listing .label.car-type .mlist .mtype.awd .img{ background-position: -180px -234px; width: 144px; } form.new-listing .label.car-type .mlist .mtype.micro .img{ background-position: -30px -359px; width: 93px; } form.new-listing .label.car-type .mlist .mtype.van .img{ background-position: -124px -359px; width: 175px; } form.new-listing .label.car-type .mlist .mtype.campervan .img{ background-position: -298px -359px; width: 175px; } form.new-listing .label.motorcycle-type{ } form.new-listing.step-progress .label.motorcycle-type{ margin: 0 0 0 0!important; } form.new-listing .label.motorcycle-type .mlist .mtype{ cursor: pointer; width: 32%; text-align: center; border: 3px solid #FFFFFF; float: left; overflow: hidden; margin: 0 0 10px 0; padding: 10px 0; } form.new-listing .label.motorcycle-type .mlist .mtype .mtitle{ text-align: center; margin: 10px 0 0 0; } form.new-listing .label.motorcycle-type .mlist .mtype:hover, form.new-listing .label.motorcycle-type .mlist .mtype.selected{ border: 3px solid rgb(52, 52 ,52); border-radius: 5px; } form.new-listing .label.motorcycle-type .mlist .mtype:hover .img, form.new-listing .label.motorcycle-type .mlist .mtype.selected .img{ filter: none!important; } form.new-listing .label.motorcycle-type .mlist .mtype .img{ height: 90px; width: 140px; display: block; margin: auto; background-repeat: no-repeat; background-position: bottom; background-size: contain; filter: grayscale(100%); } form.new-listing .label.motorcycle-type .mlist .mtype.standard .img{ background-image: url('/image/icon/moto/standard-green.png'); } form.new-listing .label.motorcycle-type .mlist .mtype.sportbike .img{ background-image: url('/image/icon/moto/sportbike-green.png'); } form.new-listing .label.motorcycle-type .mlist .mtype.cruiser .img{ background-image: url('/image/icon/moto/cruiser-green.png'); } form.new-listing .label.motorcycle-type .mlist .mtype.touring .img{ background-image: url('/image/icon/moto/touring-green.png'); } form.new-listing .label.motorcycle-type .mlist .mtype.adventure .img{ background-image: url('/image/icon/moto/adventure-green.png'); } form.new-listing .label.motorcycle-type .mlist .mtype.off-road .img{ background-image: url('/image/icon/moto/off-road-green.png'); } form.new-listing .label.motorcycle-type .mlist .mtype.scooter .img{ background-image: url('/image/icon/moto/scooter-green.png'); } form.new-listing .recyclable-item{ } form.new-listing .recyclable-item ul{ padding: 0; margin: 20px 0 0 0; background-color: #f7f7f7; overflow: hidden; position: relative; display: block; border-radius: 3px; } form.new-listing .recyclable-item ul li{ list-style: none; padding: 12px 0; border-bottom: 1px solid #FFF; overflow: hidden; margin: 0; display: flex; justify-content: space-between; align-items: center; } form.new-listing .recyclable-item ul li:last-child{ border: 0; } form.new-listing .recyclable-item ul li .qnav{ margin-right: 20px; user-select: none; display: flex; align-items: center; } form.new-listing .recyclable-item ul li .qnav .minus{ float: left; position: relative; width: 20px; height: 20px; cursor: pointer; text-align: center; } form.new-listing .recyclable-item ul li .qnav .minus::before{ content: "\F2C0"; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } form.new-listing .recyclable-item ul li .qnav .q{ float: left; width: 30px; text-align: center; font-weight: 500; margin: 0 5px; } form.new-listing .recyclable-item ul li .qnav .q.added{ color: white; background-color: #008489; border-radius: 3px; } form.new-listing .recyclable-item ul li .qnav .plus{ float: left; position: relative; width: 20px; height: 20px; cursor: pointer; text-align: center; } form.new-listing .recyclable-item ul li .qnav .plus::before{ content: "\F31C"; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } form.new-listing .recyclable-item ul li .title{ margin: 0 0 0 20px; font-weight: 200; } form.new-listing .time-required{ overflow: hidden; position: relative; display: block; } form.new-listing .time-required .time-estimated .t{ font-weight: 200!important; font-size: 20px!important; } form.new-listing .time-required .estimate{ display: flex; align-items: center; padding-left: 40px; } form.new-listing .time-required .estimate .time{ background-color: #008489; color: white; font-weight: 300; font-size: 20px; margin-right: 30px; padding: 4px 8px; border-radius: 3px; } form.new-listing .time-required .estimate .txt{ max-width: 400px; } form.new-listing .time-required .t{ font-weight: 500; font-size: 25px; position: relative; padding-left: 40px; } form.new-listing .time-required .t::before{ content: "\F113"; font-size: 28px; position: absolute; top: 50%; margin-top: -14px; left: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; color: rgb(50, 50 ,50); } form.new-listing .time-required .time-estimated .t::before{ content: "\F3F1"; } form.new-listing .time-required .time-estimated{ margin-bottom: 40px; } form.new-listing .time-required .drive-estimate{ margin: 20px 0 0 0; } form.new-listing .time-required .range-slide{ display: flex; align-items: center; padding-left: 40px; padding-right: 0; } form.new-listing .time-required.dsbl .range-slide input[type=range], form.new-listing .time-required.dsbl .time-required-value{ opacity: 0.3; } form.new-listing .time-required input[type=range]{ background-color: #6b6b6a; } form.new-listing .time-required .time-required-value{ text-align: center; width: 80px; min-width: 80px; font-weight: 500; font-size: 24px; margin-right: 20px; white-space: nowrap; } form.new-listing .time-required .cant-specify{ margin: 20px 0; font-weight: 200!important; font-size: 18px!important; white-space: nowrap; margin-left: 20px; } form.new-listing .size{ background-color: #f7f7f7; overflow: hidden; position: relative; display: block; margin: 20px 20px; border-radius: 5px; padding-top: 10px; } form.new-listing .size h2{ font-weight: 500; font-size: 25px; padding: 0 0 0 20px; } form.new-listing .size.toggle-size .label.title{ padding-bottom: 5px; } form.new-listing .size.toggle-size h2{ font-size: 22px; padding-bottom:20px; } form.new-listing .size h2 .not-req{ font-size: 14px; text-transform: uppercase; font-weight: 500; } form.new-listing .size .close{ width: 30px; height: 30px; position: absolute; top: 20px; right: 20px; cursor: pointer; user-select: none; } form.new-listing .size .close::before{ content: "\F299"; font-size: 28px; position: absolute; top: 0px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; color: #222222; width: 30px; height: 30px; } form.new-listing .size .block-size .label, form.new-listing .size .block-weight .label{ position: relative; margin-bottom: 0px; float: left; width: 110px; } form.new-listing .size select{ box-sizing: border-box; padding: 10px 14px 10px 14px; font-size: 18px; font-weight: 500; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border-radius: 2px; width: 100%; background-color: white; } form.new-listing .size .block-size, form.new-listing .size .block-weight{ overflow: hidden; } form.new-listing .add-another-size{ overflow: hidden; } form.new-listing .add-another-size div{ box-sizing: border-box; cursor: pointer; font-size: 18px; user-select: none; font-weight: 300; text-align: center; margin: auto; text-decoration: none; width: fit-content; width: -moz-fit-content; padding: 6px 15px; border-radius: 2px; color: white; background: #008489; } form.new-listing .add-another-size div:hover{ text-decoration: none!important; } form.new-listing .label.photos .box-upload{ padding: 10px; background-color: #eaeaea; font-size: 14px; cursor: pointer; user-select: none; } form.new-listing .label.coldel-time{ } form.new-listing .label.coldel-time .timeslider{ margin: 30px 40px 34px 40px; border: 0; height: 10px; box-sizing: border-box; } form.new-listing .label.coldel-time .timeslider .noUi-connect{ background-color: #008489; } form.new-listing .label.coldel-time .timeslider .noUi-base{ background-color: #6b6b6a; border-radius: 10px; } form.new-listing .label.coldel-time .timeslider .noUi-handle{ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; cursor: pointer; top: -9px; } form.new-listing .label.coldel-time .timeslider .noUi-handle:focus{ outline: none; } form.new-listing .label.coldel-time .timeslider .noUi-handle::before, form.new-listing .label.coldel-time .timeslider .noUi-handle::after{ } form.new-listing .label.coldel-time .timeslider .noUi-tooltip{ bottom: -50px; border: 0; font-size: 16px; padding: 5px 10px; font-weight: 300; background: none; color: #222222; } form.new-listing .label.coldel-time .timeslider .noUi-handle[data-handle='0'] .noUi-tooltip{ bottom: -35px!important; } form.new-listing .label.coldel-date{ overflow: hidden; } form.new-listing .label.coldel-date .t{ } form.new-listing .label.coldel-date .options-description{ margin: 10px 0 0 0; } form.new-listing .label.coldel-date .options-description > div{ display: none; } form.new-listing .label.coldel-date .options-description div.selected{ display: block; } form.new-listing .label.coldel-date .options{ display: flex; align-items: center; } form.new-listing .label.coldel-date .options div{ box-sizing: border-box; cursor: pointer; padding: 10px 16px; font-size: 16px; background: white; float: left; margin-right: 10px; user-select: none; border: 1px solid rgba(107, 107, 106, 0.4); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border-radius: 2px; font-weight: 500; } form.new-listing .label.coldel-date .options div span{ display: block; font-size: 14px; text-align: center; font-weight: 200; margin-top: 5px; } form.new-listing .label.coldel-date .options div:last-child{ margin-right: 0; } form.new-listing .label.coldel-date .options div.selected, form.new-listing .label.coldel-date .options div:hover{ background: #5b5b5a; color: white; border: 1px solid #5b5b5a; } form.new-listing .label.coldel-date .calendar{ text-align: center; margin: 20px 0 0 0; overflow: hidden; user-select: none; } form.new-listing .label.coldel-date .calendar .title{ font-size: 20px; margin-bottom: 10px; } form.new-listing .label.coldel-date .calendar .cal{ display: none; } form.new-listing .label.coldel-date .calendar .cal.active{ display: block; } form.new-listing .label.coldel-date .calendar .controls{ margin: auto; width: 286px; position: relative; } form.new-listing .label.coldel-date .calendar .controls .prev, form.new-listing .label.coldel-date .calendar .controls .next{ position: absolute; width: 40px; height: 40px; top: 115px; cursor: pointer; } form.new-listing .label.coldel-date .calendar .controls .prev{ left: -60px; } form.new-listing .label.coldel-date .calendar .controls .next{ right: -60px; } form.new-listing .label.coldel-date .calendar .controls .prev.inactive, form.new-listing .label.coldel-date .calendar .controls .next.inactive{ opacity: 0.2; } form.new-listing .label.coldel-date .calendar .controls .prev::before, form.new-listing .label.coldel-date .calendar .controls .next::before{ font-size: 40px; position: absolute; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; top: 0; left: 0px; color: #6b6b6a; } form.new-listing .label.coldel-date .calendar .controls .prev::before{ content: "\F3E6"; } form.new-listing .label.coldel-date .calendar .controls .next::before{ content: "\F3E5"; } form.new-listing .label.inventory{ overflow: inherit; } form.new-listing .label.inventory .t .estimate { color: #a9a9a9; float: right; font-size: 16px; font-weight: 300; } form.new-listing .label.inventory .t .estimate span{ font-weight: 500; } form.new-listing .label.inventory ul.category{ width: 30%; box-sizing: border-box; padding: 0; list-style: none; display: inline-block; vertical-align: top; } form.new-listing .label.inventory ul.category li{ width: 100%; padding: 5px 20px; font-size: 18px; box-sizing: border-box; } form.new-listing .label.inventory ul.category li span.q span{ font-weight: 500; } form.new-listing .label.inventory ul.category li.selected, form.new-listing .label.inventory ul.category li:hover{ background: #5b5b5a; color: white; cursor: pointer; } .modal-inventory{ width: 100%; max-width: 500px; } .modal-inventory h2{ display: flex; align-items: center; } .modal-inventory h2 svg{ margin-right: 10px; height: 24px; width: 24px; } .modal-inventory .desc{ font-size: 15px; } .modal-inventory textarea{ font-size: 13px; font-weight: 100; } .modal-inventory textarea::placeholder{ font-size: 13px; font-weight: 100; } .modal-inventory button[type=submit]{ width: 100%; background-color: rgb(52, 52 ,52); } .modal-inventory .loading{ text-align: center; padding: 20px 0; font-weight: 300; } .modal-inventory .loading .yloader{ display: block; margin-bottom: 20px; } form.new-listing .label.inventory .upload-inventory-file{ overflow: hidden; margin: 15px 0 0 0; } form.new-listing .label.inventory .upload-inventory-file input[type=file]{ position: absolute; top: -200px; } form.new-listing .label.inventory .upload-inventory-file svg{ margin-right: 10px; height: 18px; width: 18px; } form.new-listing .label.inventory .upload-inventory-file .pre{ padding: 10px 12px; background-color: #f5f5f5; border-radius: 6px; font-size: 15px; font-weight: 300; display: flex; align-items: center; cursor: pointer; } form.new-listing .label.inventory .list.stage2 .upload-inventory-file .pre{ } form.new-listing .label.inventory .upload-inventory-file .success{ padding: 10px 12px; background-color: #f0efe9; border-radius: 6px; font-size: 15px; display: flex; align-items: center; margin-top: 10px; } form.new-listing .label.inventory .upload-inventory-file .error{ padding: 10px 12px; background-color: #ff5a5f; color: white; border-radius: 6px; font-size: 14px; display: flex; align-items: center; margin-top: 10px; } form.new-listing .label.inventory .list{ width: 70%; box-sizing: border-box; padding-left: 20px; display: inline-block; vertical-align: top; } form.new-listing .label.inventory .list.stage2{ } form.new-listing .label.inventory .list > ul{ display: none; } form.new-listing .label.inventory .list > ul:first-of-type{ display: block; } form.new-listing .label.inventory .list .autocomplete{ position: relative; z-index: 999; } form.new-listing .label.inventory .list .autocomplete ul{ display: none; position: absolute; list-style: none; box-sizing: border-box; color: white; width: 100%; background-color: #222222; border-radius: 2px; opacity: 1; padding: 15px 30px; margin-top: 4px; } form.new-listing .label.inventory .list .autocomplete ul li{ border: 0; } form.new-listing .label.inventory .list .autocomplete ul li.bespoke-item .lititle:hover, form.new-listing .label.inventory .list .autocomplete ul li:not(.bespoke-item):hover{ text-decoration: underline; cursor: pointer; user-select: none; } form.new-listing .label.inventory .list .autocomplete ul li.bespoke-item .lititle{ font-weight: 300; } form.new-listing .label.inventory .list .autocomplete ul li.bespoke-item .form{ margin: 20px 0 0 0; padding: 20px 0 0 0; border-top:0.3pt solid white; display: none; } form.new-listing .label.inventory .list .autocomplete ul li.bespoke-item .form select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 10px 14px 10px 14px; font-size: 18px; font-weight: 500; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border-radius: 2px; width: 100%; background-color: white; } form.new-listing .label.inventory .list .autocomplete ul li.bespoke-item .form button{ padding: 8px 20px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 200; border: 0; min-width: 100px; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; background-color: #5b5b5a; width: 100%; margin: 10px 0 0 0; } form.new-listing .label.inventory .list .autocomplete ul li.bespoke-item .form .ilabel{ margin: 0 0 10px 0; } form.new-listing .label.inventory .list .autocomplete ul li.bespoke-item .form .ilabel .ititle{ margin: 0 0 5px 0; } form.new-listing .label.inventory .list .autocomplete ul li.bespoke-item .form .igroup{ overflow: hidden; } form.new-listing .label.inventory .list .autocomplete ul li.bespoke-item .form .igroup .g{ float: left; width: 25%; padding-right: 10px; box-sizing: border-box; } form.new-listing .label.inventory .list .autocomplete ul li.bespoke-item .form .igroup .g:last-child{ padding-right: 0; } form.new-listing .label.inventory .list ul{ padding: 0; list-style: none; } form.new-listing .label.inventory .list ul li{ padding: 8px 10px; border-bottom: 1px solid #e9ebee; overflow: hidden; } form.new-listing .label.inventory .list ul li.not-added:hover{ cursor: pointer; background-color: #008489; color: white!important; border-color: white; } form.new-listing .label.inventory .list ul li.not-added:hover .iadd{ color: white!important; } form.new-listing .label.inventory .list ul li:last-child{ border-bottom: 0; } form.new-listing .label.inventory .list ul li .name{ float: left; font-weight: 500; } form.new-listing .label.inventory .list ul li .iadd{ float: right; color: #a9a9a9; } form.new-listing .label.inventory .list ul li.added .iadd{ display: none; } form.new-listing .label.inventory .list ul li .control{ float: right; display: none; } form.new-listing .label.inventory .list ul li.added .control{ display: block; user-select: none; } form.new-listing .label.inventory .list ul li .control .minus{ float: left; position: relative; width: 20px; height: 20px; cursor: pointer; text-align: center; } form.new-listing .label.inventory .list ul li .control .minus::before{ content: "\F2C0"; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } form.new-listing .label.inventory .list ul li .control .q{ float: left; width: 30px; text-align: center; font-weight: 300; color: white; background-color: #008489; border-radius: 3px; margin: 0 5px; padding: 2px 0px; font-size: 14px; } form.new-listing .label.inventory .list ul li .control .plus{ float: left; position: relative; width: 20px; height: 20px; cursor: pointer; text-align: center; } form.new-listing .label.inventory .list ul li .control .plus::before{ content: "\F31C"; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } form.new-listing .label.single-select select{ box-sizing: border-box; padding: 10px 14px 10px 14px; font-size: 18px; font-weight: 500; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border-radius: 2px; width: 100%; } form.new-listing .label.question-tick{ margin-bottom: 0; padding-top: 0; } form.new-listing .label.question-tick label:hover{ cursor: pointer; } form.new-listing .label.question-tick input{ border: 1px solid #E8E8E8; background: #fff; width: 20px; height: 20px; text-align: center; border-radius: 2px; position: relative; margin-right: 10px; } form.new-listing .label.question-tick input:before { position: absolute; display: block; width: 20px; height: 20px; border: 1px solid #E8E8E8; content: ""; background: white; } form.new-listing .label.question-tick input:checked:after { content: "\F2ED"; font-size: 20px; position: absolute; top: 1px; left: 1px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; color: #222222; z-index: 1; } form.new-listing .label.waste-type{ } form.new-listing .label.waste-type .list{ } form.new-listing .label.waste-type .list .option{ margin-bottom: 10px; cursor: pointer; display: block; position: relative; padding: 10px 10px 10px 56px; } form.new-listing .label.waste-type .list .option::before{ content: "\F29A"; font-size: 24px; position: absolute; top: 15px; left: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; color: #008489; } form.new-listing .label.waste-type .list .option.selected::before{ content: "\F1E0"; } form.new-listing .label.waste-type .list .option:hover, form.new-listing .label.waste-type .list .option.selected{ background: #eaeaea; border-radius: 2px; } form.new-listing .label.waste-type .list .option:hover{ background: #eaeaea; } form.new-listing .label.waste-type .list .option .title{ font-size: 20px; font-weight: 200; } form.new-listing .label.waste-type .list .option .description{ } form.new-listing .label.waste-type .list .option input{ display: none; } form.new-listing .label.move-helper{ } form.new-listing .label.move-helper .list{ } form.new-listing .label.move-helper .list .option{ margin-bottom: 10px; cursor: pointer; display: block; position: relative; padding: 10px 10px 10px 56px; } form.new-listing .label.move-helper .list .option::before{ content: "\F29A"; font-size: 24px; position: absolute; top: 15px; left: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; color: rgb(50, 50 ,50); } form.new-listing .label.move-helper .list .option.selected::before{ content: "\F1E0"; } form.new-listing .label.move-helper .list .option:hover, form.new-listing .label.move-helper .list .option.selected{ background: #eaeaea; border-radius: 2px; } form.new-listing .label.move-helper .list .option:hover{ background: #eaeaea; } form.new-listing .label.move-helper .list .option .title{ font-weight: 500; } form.new-listing .label.move-helper .list .option .description{ } form.new-listing .label.move-helper .list .option input{ display: none; } form.new-listing .label.coldel-date table{ border: 0; border-spacing: 0; font-weight: 200; font-size: 14px; padding-bottom: 10px; margin: auto; width: 252px; background: white; padding: 10px; } form.new-listing .label.coldel-date th{ border: 0; border-spacing: 0; text-align: center; font-weight: 400; } form.new-listing .label.coldel-date tr{ border-spacing: 0; text-align: center; } form.new-listing .label.coldel-date tr td{ border: 0; border-spacing: 0; width: 34px; padding: 4px 10px; border: 1px solid #FFF; font-size: 16px; border-radius: 2px; } form.new-listing .label.coldel-date tr td.past { opacity: 0.4; background-color: #eaeaea!important; } form.new-listing .label.coldel-date tr td.today { } form.new-listing .label.coldel-date tr td.future { color: #666666; background-color: #eaeaea; cursor: pointer; } form.new-listing .label.coldel-date tr td.weekend {  } form.new-listing .label.coldel-date tr td.future:hover, form.new-listing .label.coldel-date tr td.selected { background-color: #008489; color: white; } form.new-listing .label.inventory .t, form.new-listing .label.address-collection .t, form.new-listing .label.address-delivery .t, form.new-listing .label.car-make .t, form.new-listing .label.recyclable-item .t, form.new-listing .label.range-volume .t, form.new-listing .label.range-weight .t, form.new-listing .label.waste-type .t, form.new-listing .label.steps-to-driveway .t{ padding-left: 40px; position: relative; font-size: 20px; } form.new-listing .label.inventory .t::before, form.new-listing .label.address-collection .t::before, form.new-listing .label.address-delivery .t::before, form.new-listing .label.car-make .t::before, form.new-listing .label.recyclable-item .t::before, form.new-listing .label.range-volume .t::before, form.new-listing .label.range-weight .t::before, form.new-listing .label.waste-type .t::before, form.new-listing .label.steps-to-driveway .t::before{ font-size: 28px; position: absolute; top: 50%!important; margin-top: -14px; left: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; color: rgb(50, 50 ,50); } form.new-listing .label.inventory .t::before{ content: "\F394"; } form.new-listing .label.steps-to-driveway .t::before{ content: "\F33D"; transform: rotate(90deg); } form.new-listing .label.address-collection .t::before{ content: "\F2AE"; } form.new-listing .label.address-delivery .t::before{ content: "\F32A"; } form.new-listing .label.car-make .t::before{ content: "\F170"; } form.new-listing .label.recyclable-item .t::before{ content: "\F2FC"; transform: rotate(-45deg); font-size: 24px; top: 0; } form.new-listing .label.range-volume .t::before{ content: "\F407"; } form.new-listing .label.waste-type .t::before{ content: "\F1CD"; } form.new-listing .label.range-weight .t::before{ content: "\F37E"; } form.new-listing .label.range-weight .t::after{ content: "\F339"; font-size: 18px; position: absolute; top: 8px; left: 5px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; color: rgb(50, 50 ,50); } form.new-listing .label.steps-to-driveway .grgr{ display: flex; align-items: center; } form.new-listing .label.steps-to-driveway .grgr .idontknow{ font-weight: 300; margin-left: 20px; } form.new-listing .label.steps-to-driveway input{ max-width: 160px; text-align: center; } form.new-listing .coldel-access{ overflow: hidden; position: relative; display: block; background-color: #f7f7f7; padding: 20px 20px!important; margin: 20px 20px; border-radius: 5px; } form.new-listing .coldel-access .options label{ display: flex; align-items: center; margin: 0 0 10px 0; } form.new-listing .coldel-access .options label:last-child{ margin-bottom: 0; } form.new-listing .coldel-access .options label input{ margin-right: 10px; } form.new-listing .coldel-access .options label strong{ font-weight: 300; } form.new-listing .coldel-access .distance{ margin: 20px 0 0 0; } form.new-listing .coldel-access .distance .t{ font-size: 16px; } form.new-listing .coldel-access .distance textarea{ font-size: 15px; } @media (max-width: 576px) { form.new-listing .coldel-access{ margin: 0 -10px 40px -10px !important; padding-left: 10px!important; padding-right: 10px!important; } form.new-listing .coldel-access .options label{ align-items: inherit; } form.new-listing .coldel-access .options label input{ margin-top: 6px; } form.new-listing .coldel-access .options label strong{ display: block; } } form.new-listing .label.coldel-type{ } form.new-listing .label.coldel-type.hide-floor .bit:nth-child(1){ width: 100%; padding-right: 0; } form.new-listing .label.coldel-type.hide-floor .bit:nth-child(2){ display: none; } form.new-listing .label.coldel-type select{ box-sizing: border-box; padding: 10px 14px 10px 14px; font-size: 18px; font-weight: 500; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border-radius: 2px; width: 100%; } form.new-listing .label.bits-2 .bit{ width: 50%; } form.new-listing .label.bits-2 .bit:last-child{ padding-right: 0; } form.new-listing .label.bits-3 .bit{ width: 33%; } form.new-listing .label.bits-3 .bit:first-child{ width: 34%; } form.new-listing .label.bits-3 .bit:last-child{ padding-right: 0; } form.new-listing .label.upload-photo{ } form.new-listing .label.upload-photo .enc{ position: relative; } form.new-listing .label.upload-photo .t{ } form.new-listing .label.upload-photo .optblok{ position: relative; margin-top: 20px; margin-bottom: 40px; } form.new-listing .label.upload-photo .optblok #photodragdrop{ cursor: pointer; } form.new-listing .label.upload-photo .optblok #photodragdrop:hover{ text-decoration: underline; } form.new-listing .label.upload-photo .optblok .text ul{ margin-bottom: 10px; } form.new-listing .label.upload-photo .optblok .text ul li{ margin-bottom: 20px; list-style: none; position: relative; } form.new-listing .label.upload-photo .optblok .text ul li .show-mobile-placer{ background-color: #6b6b6a; color: white; padding: 3px 6px; border-radius: 2px; cursor: pointer; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); font-weight: 300; } form.new-listing .label.upload-photo .optblok .text ul li::before{ font-size: 20px; position: absolute; margin-top: -10px; top: 50%; left: -30px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; z-index: -1; color: #222222; } form.new-listing .label.upload-photo .optblok .text ul li.computer::before{ content: "\F28B"; } form.new-listing .label.upload-photo .optblok .text ul li.telephone::before{ content: "\F358"; } form.new-listing .label.upload-photo .optblok .text ul li.telephone:hover{ text-decoration: underline; cursor: pointer; } form.new-listing .label.upload-photo .placers{ } .page-mobile-photo-upload{ margin-bottom: 300px; } .page-mobile-photo-upload h1{ text-align: center; margin: 80px 0 10px 0; font-size: 44px; } .page-mobile-photo-upload .explainer{ text-align: center; margin: 0px auto 50px auto; max-width: 80%; } .page-mobile-photo-upload input[type=file]{ display: none; } .page-mobile-photo-upload form#form-mobile-photo-upload.progress-uploaded .uploaded-message{ margin: 50px auto 0px auto; max-width: 95%; width: fit-content; text-align: center; font-weight: 300; display: block!important; } .page-mobile-photo-upload form#form-mobile-photo-upload .uploaded-message{ display: none; } .page-mobile-photo-upload .button-add-photos{ margin: auto; position: relative; background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%) !important; border-radius: 100px; padding: 30px; width: fit-content; width: -moz-fit-content; animation: pulse-red 1s ease infinite; cursor: pointer; display: block; } .page-mobile-photo-upload form#form-mobile-photo-upload.progress-uploading .button-add-photos{ animation: spin 2s infinite linear reverse!important; } .page-mobile-photo-upload .button-add-photos::before{ content: "\F2AB"; font-size: 50px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; color: white; } .page-mobile-photo-upload form#form-mobile-photo-upload.progress-uploading .button-add-photos::before{ content: "\F40E"; transform: scaleY(-1); } .page-mobile-photo-upload form#form-mobile-photo-upload.progress-uploaded .button-add-photos::before{ content: "\F2EC"; } form.new-listing .label.upload-photo .mobile-qr-code{ background-color: rgb(247 247 247); padding: 20px; border-radius: 2px; display: none; align-items: center; border: 1px dashed #b0b0b0; position: relative; } form.new-listing .label.upload-photo .mobile-qr-code .btn.close{ width: 30px; height: 30px; position: absolute; top: 20px; right: 20px; cursor: pointer; user-select: none; } form.new-listing .label.upload-photo .mobile-qr-code .btn.close::before { content: "\F299"; font-size: 28px; position: absolute; top: 0px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; color: #222222; width: 30px; height: 30px; } form.new-listing .label.upload-photo .mobile-qr-code .qr-txt-block{ padding: 0 0 0 40px; } form.new-listing .label.upload-photo .mobile-qr-code .qr-txt-block .qrt{ font-size: 20px; font-weight: 500; } form.new-listing .label.upload-photo .mobile-qr-code .qr-txt-block ol { margin-bottom: 0; padding-left: 20px; } @keyframes spin { from {transform: rotate(360deg);} to {transform: rotate(0deg);} } @keyframes shake-132455 { 2%, 22% { transform: translateY(-1px); } 5%, 20% { transform: translateY(2px); } 7%, 12%, 18% { transform: translateY(-4px); } 10%, 15% { transform: translateY(4px); } 25% { transform: translateY(0); } } form.new-listing .label.upload-photo .placers > div{ background-color: rgb(52, 52 ,52); color: white; padding: 20px 10px 20px 20px; border-radius: 2px; font-weight: 300; margin: 0 0 20px 0; position: relative; display: none; } form.new-listing .label.upload-photo .placers > div .close{ position: absolute; top: 50%; margin-top: -10px; right: 20px; cursor: pointer; } form.new-listing .label.upload-photo .placers > div .close::before{ font-size: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; content: "\F430"; } form.new-listing .label.upload-photo .placers .shake{ animation: shake-132455 3s ease-in-out infinite; text-align: center; padding-top: 40px!important; padding-bottom: 40px!important; font-size: 18px; } form.new-listing .label.upload-photo .placers .spin-icon{ position: relative; padding-left: 60px!important; } form.new-listing .label.upload-photo .placers .spin-icon::before{ font-size: 30px; position: absolute; top: 50%; margin-top: -15px; left: 15px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; content: "\F40E"; animation: spin 2s infinite linear reverse; } form.new-listing .label.upload-photo .photos{ } form.new-listing .label.upload-photo .photos .photo{ width: 370px; box-sizing: border-box; user-select: none; position: relative; overflow: hidden; border-radius: 4px; margin: 0 auto 20px auto; display: block; } form.new-listing .label.upload-photo .photos .photo:focus{ outline: none; } form.new-listing .label.upload-photo .photos .photo:nth-child(odd) { } form.new-listing .label.upload-photo .photos .photo:nth-child(even) { } form.new-listing .label.upload-photo .photos .photo img{ width: 370px; height: 277px; display:block; } form.new-listing .label.upload-photo .photos .photo div{ position: absolute; box-sizing: border-box; top: 0; width: 100%; height: 277px; background-color: rgba(0,0,0,.6); color: white; text-align: center; padding-top: 120px; display: none; font-size: 30px; } form.new-listing .label.upload-photo .photos .photo .delete{ display: block; margin-top: 20px; font-size: 16px; } form.new-listing .label.upload-photo .photos .photo a{ color: white; } form.new-listing .label.upload-photo .photos .photo:hover > div{ display: block; } form.new-listing .label.upload-photo .photos .photo:hover > div .delete{ } form.new-listing .label.upload-photo .photos .photo:hover > div .delete span:hover{ text-decoration: underline; cursor: pointer; }.label.listing-alert{ margin-top: 0!important; margin-bottom: 0!important; padding-top: 0!important; padding-bottom: 0!important;}.page-listing-update-user{ margin: auto;} .page-listing-update-user h1{ font-size: 36px; margin-bottom: 0px; text-align: center; font-weight: 800; } .page-listing-update-user .desc{ margin-bottom: 20px; text-align: center; font-size: 20px; } .page-listing-update-user form{ max-width: 400px; margin: auto; } .page-listing-update-user form .label.facebook{ border-top: 1px solid #CCC; margin: 30px 0 10px 0; padding: 30px 0 30px 0; margin-top: 30px; text-align: center; position: relative; } .page-listing-update-user form .label.facebook::before{ content: "OR"; position: absolute; background-color: white; top: -15px; font-weight: 500; font-size: 20px; width: 70px; left: 50%; margin-left: -35px; text-align: center; } .page-listing-update-user form .label.submit{ margin-top: 30px; } .page-listing-update-user form button[type=submit]{ width: 100%; }.page-listing-confirm-email{ max-width: 680px; margin: auto;} .page-listing-confirm-email h1{ font-size: 36px; margin-bottom: 20px; } .page-listing-confirm-email .desc{ margin: 0 0 10px 0; padding: 20px 40px; border-radius: 3px; background-color: #f2f2f2; } .page-listing-confirm-email .desc .t{ font-size: 20px; font-weight: 500; margin-bottom: 10px; }.page-category{ margin: auto; overflow: hidden; background-color: #f2f2f2; padding: 40px 0 80px 0; border-radius: 3px;} .page-category h1{ text-align: center; margin-bottom: 40px; font-weight: 800; font-size: 44px; } .page-category .referral-heading h1{ font-size: 36px; margin-bottom: 20px; } .page-category .referral-heading h2{ font-size: 24px; text-align: center; margin-bottom: 20px; font-weight: 300; } .page-category > ul{ max-width: 550px; margin: auto; overflow: hidden; width: 100%; box-sizing: border-box; font-size: 18px; padding: 0; background-color: white; box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important; border-radius: 4px !important; } .page-category > ul > li{ list-style: none; border-bottom: 1px solid #e9ebee; overflow: hidden; cursor: pointer; } .page-category > ul > li.out{ opacity: 0.3; } .page-category > ul > li.out .cat{  } .page-category > ul > li.selected{ border-bottom: 1px solid rgba(233, 235, 238, 0.3); } .page-category > ul > li.selected > ul{ display: block !important; } .page-category > ul > li > ul{ display: none; width: 100%; padding: 0; margin: 0; overflow: hidden; border-top: 1px solid #e9ebee; } .page-category > ul > li > ul > li{ width: 100%; list-style: none; border-bottom: 1px solid #e9ebee; overflow: hidden; } .page-category > ul > li > ul > li:last-child{ border-bottom: 0; } .page-category > ul > li .cat{ display: flex; font-size: 18px; padding: 12px 20px; overflow: hidden; } .page-category > ul > li .cat .t{ float: left; font-weight: 500; margin-right: 5px; } .page-category > ul > li.selected > .cat > .d{ display: none; } .page-category > ul > li .cat .d{ float: left; font-size: 16px; color: #a9a9a9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 2px; flex: 1; } .page-category > ul > li:last-child{ border-bottom: 0; } .page-category > ul > li:not(.selected):hover, .page-category > ul > li.selected > ul > li:hover{ background-color: #008489; cursor: pointer; color: #FFF!important; opacity: 1; } .page-category > ul > li:hover img{ filter: brightness(0) invert(1); } .page-category ul li a:hover, .page-category > ul > li:not(.selected):hover .d, .page-category > ul > li.selected > ul > li:hover .d{ color: #FFF!important; text-decoration: none!important; }.listing-building-message{ display: none; position: relative; padding-bottom: 60px; margin: 100px 0 200px 0;} .listing-building-message img{ margin: 20px auto 40px auto; padding: 0 20px; max-width: 400px; width: 100%; display: block; box-sizing: border-box; } .listing-building-message .msg1{ text-align: center; font-size: 40px; font-weight: 500; margin: 40px 0 0 0; } .listing-building-message .msg2{ text-align: center; font-size: 18px; margin: 0px 0 0 0; } .listing-building-message .loader { position: absolute; bottom: 12px; left: 0; right: 0; width: fit-content; margin: auto; } .listing-building-message .loader .bullet { display: inline-block; height: 14px; width: 14px; margin-left: 5px; margin-right: 5px; background-color: #6b6b6a; border-radius: 50%; animation: yLoaderAnim 0.4s infinite; } .listing-building-message .loader .bullet:nth-child(1) { animation-delay: 0.08s; } .listing-building-message .loader .bullet:nth-child(2) { animation-delay: 0.16s; } .listing-building-message .loader .bullet:nth-child(3) { animation-delay: 0.24s; } .listing-building-message .loader .bullet:nth-child(4) { animation-delay: 0.32s; }.new-listing.step-progress .pstep{ display: none;} .new-listing.step-progress .pstep[data-step="1"]{ display: block; } .new-listing .label.pstep-continue{ display: none; } .new-listing.step-progress .label.pstep-continue{ display: block; } .new-listing.step-progress .label.submit{ display: none; } form.new-listing .label.pstep-continue button[type=button]{ background: rgb(52, 52 ,52); border-radius: 2px; padding: 12px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 20px; font-weight: 200; border: 0; width: 100%; text-transform: uppercase; min-height: 52px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } form.new-listing .label.pstep-continue button[type=button]:hover{ background: #000000; } form.new-listing .label.pstep-continue .required-message{ text-align: center; margin: 0 0 20px 0; display: none; font-size: 18px; font-weight: 300; animation: beat 0.2s; } form.new-listing .pstep-go-back{ margin: 20px auto auto auto; width: fit-content; width: -moz-fit-content; display: none; font-size: 18px; cursor: pointer; } form.new-listing .pstep-start-again{ margin: 20px auto auto auto; width: fit-content; width: -moz-fit-content; display: block; font-size: 18px; cursor: pointer; } form.new-listing .pstep-go-back:hover, form.new-listing .pstep-start-again:hover{ text-decoration: underline; }.listing-builder-puncher{ margin: 80px auto 0 auto; max-width: 775px;} .listing-builder-puncher h3{ text-align: center; margin: 0 0 40px 0; font-size: 32px; } .listing-builder-puncher .grid{ display: flex; } .listing-builder-puncher .box{ width: 33%; padding: 0 0px 0 0px; text-align: center; } .listing-builder-puncher .box .icon{ } .listing-builder-puncher .box .icon svg{ margin: auto; } .listing-builder-puncher .box .hed{ font-weight: bold; margin: 30px 0 10px 0; font-size: 18px; } .listing-builder-puncher .box .txt{ padding: 0 20px; }.page-profile{}.page-profile h1{ font-size: 60px; font-weight: 500;} .page-profile h1.long{ font-size: 46px; } .page-profile.user h1{ margin-bottom: 40px; }.page-profile ul.below-title{ margin: 0 0 40px 0; padding: 0; list-style: none; overflow: hidden;} .page-profile ul.below-title li{ float: left; margin: 0 30px 0 0; font-size: 20px; position: relative; } .page-profile ul.below-title li{ } .page-profile ul.below-title li::before{ content: "\F195"; font-size: 6px; position: absolute; top: 13px; left: -17px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; }.page-profile.company .description{ margin: 0 0 40px 0; line-height: 26px;} .page-profile.company .description .text{ max-height: 394px; display: block; overflow-y: auto; } @media (max-width: 576px) { .page-profile.company .description .text{ max-height: unset; } } .page-profile.company .description .text::-webkit-scrollbar{ height:10px; width:10px; border-radius: 4px; transition: all 0.3s ease; background: #FFF; } .page-profile.company .description .text::-webkit-scrollbar:hover{ background: #FFF; } .page-profile.company .description .text::-webkit-scrollbar-thumb{ background:#008489; border-radius: 4px; }@media (min-width: 576px) { .page-profile.company .description{ background-color: #f5f5f5 !important; border-radius: 15px; padding: 30px 60px 20px; padding-left: 30px; width: 100%; box-sizing: border-box; }}@media (min-width: 1200px) { .page-profile.company .description{ max-width: 80%; width: fit-content; }}.page-profile.company .promo-get-quote{ border-radius: 8px; margin: 0px 0 30px 0; padding: 20px 30px; font-weight: 300; display: flex; font-size: 18px; align-items: center; background-color: rgb(235 235 235); box-sizing: border-box;} .page-profile.company .promo-get-quote a{ padding: 10px 30px; border-radius: 5px; text-align: center; cursor: pointer; color: white; font-weight: 300; text-decoration: none!important; display: inline-block; margin: 0 20px 0 0; background: rgb(52 52 52); white-space: nowrap; font-size: 18px; } .page-profile.company .promo-get-quote a:hover{ background: black; }.page-profile.company .user-has-active-q{ background-color: rgb(235 235 235); border-radius: 4px; margin: 0px 0 40px 0; padding: 20px; font-weight: 300; font-size: 18px; display: flex; align-items: center;} .page-profile.company .user-has-active-q .btn{ padding: 8px 16px; border-radius: 2px; text-align: center; cursor: pointer; color: white; font-weight: 500; text-decoration: none!important; display: inline-block; margin: 0 20px 0 0; background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%) !important; white-space: nowrap; font-size: 16px; }.page-profile.company .active-quote-promo{ padding: 0 0 0 0px; margin: 0 0 20px 0; width: fit-content; font-weight: 300; position: relative; font-size: 18px;} .page-profile .service-list{ margin-bottom: 40px;} .page-profile .service-list .t{ position: relative; padding-left: 40px; font-size: 20px; font-weight: 300; } .page-profile .service-list .t::before{ content: "\F11B"; font-size: 28px; position: absolute; top: 0; left: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .page-profile .service-list ul{ font-size: 14px; display: block; padding: 0; overflow: hidden; } .page-profile .service-list li{ font-size: 15px; float: left; margin-left: 30px; padding-left: 10px; margin-bottom: 10px; } @media (max-width: 576px) { .page-profile .service-list ul{ list-style: none; padding-left: 40px; margin-top: 0; } .page-profile .service-list li{ margin-left: 0px; margin-bottom: 0; padding-left: 0px; display: block; width: 100%; } }.page-profile ul.feat{ margin: 0 0 0px 0; padding: 0; list-style: none; overflow: hidden; display: flex; flex-wrap: wrap;} .page-profile ul.feat strong{ font-weight: 300; } .page-profile.user ul.feat{ } .page-profile ul.feat li{ float: left; margin: 0 50px 40px 0; font-size: 20px; position: relative; } .page-profile ul.feat li.insurance{ padding-left: 40px; } .page-profile ul.feat li.insurance ul{ list-style: none; font-size: 14px; display: block; margin: 0; padding: 0; } .page-profile ul.feat li.insurance ul li{ float: none; font-size: 16px; margin: 0; } .page-profile ul.feat li.insurance ul li .notapproved{ font-size: 14px; margin-bottom: 10px; } .page-profile ul.feat li.insurance ul li .approved{ font-size: 14px; margin-bottom: 10px; } .page-profile ul.feat li.insurance ul li .approved::before{ content: "\F2EC"; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; } .page-profile ul.feat li.insurance::before{ content: "\F359"; } .page-profile ul.feat li.member-since{ padding-left: 40px; } .page-profile ul.feat li.member-since::before{ content: "\F18C"; } .page-profile ul.feat li.supermover{ padding-left: 40px; } .page-profile ul.feat li.supermover::before{ content: "\F1B6"; } .page-profile ul.feat li.verified{ padding-left: 40px; } .page-profile ul.feat li.verified::before{ content: "\F2EC"; } .page-profile ul.feat li.verified ul{ list-style: none; font-size: 14px; display: block; margin: 0; padding: 0; } .page-profile ul.feat li.verified ul li{ float: none; font-size: 16px; margin: 0; } .page-profile ul.feat li.language{ padding-left: 40px; } .page-profile ul.feat li.language::before{ content: "\F39E"; } .page-profile ul.feat li.language ul{ list-style: none; font-size: 14px; display: block; margin: 0; padding: 0; } .page-profile ul.feat li.language ul li{ float: none; font-size: 16px; margin: 0; } .page-profile ul.feat li.active-quote{ padding-left: 40px; } .page-profile ul.feat li.active-quote::before{ content: "\f1c3"; transform: scaleX(-1); } .page-profile ul.feat li.active-quote .subt{ } .page-profile ul.feat li.jobs-posted{ padding-left: 40px; } .page-profile ul.feat li.jobs-posted span{ } .page-profile ul.feat li.jobs-posted::before{ content: "\F220"; } .page-profile ul.feat li.jobs-completed{ padding-left: 40px; } .page-profile ul.feat li.jobs-completed::before{ content: "\F23D"; } .page-profile ul.feat li.jobs-completed ul{ list-style: none; font-size: 14px; display: block; margin: 0; padding: 0; } .page-profile ul.feat li.jobs-completed ul li{ float: none; font-size: 16px; margin: 0; } .page-profile ul.feat li.jobs-cancelled{ padding-left: 40px; } .page-profile ul.feat li.jobs-cancelled span{ } .page-profile ul.feat li.jobs-cancelled::before{ content: "\F1A8"; } .page-profile ul.feat li.report{ text-align: right; float: right; font-size: 14px; margin-top: 5px; margin-right: 0px; color: rgb(106, 106, 106); } .page-profile ul.feat li.report:hover{ text-decoration: underline; cursor: pointer; } .page-profile ul.feat li::before{ font-size: 28px; position: absolute; top: 1px; left: 1px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; }.page-profile .photo-gallery{ overflow: hidden; padding: 40px 0 0 0; margin-bottom: 35px; display: flex; flex-wrap: wrap; margin-right: -10px;} .page-profile .wrapper-submenu.gallery{ border-top: 1px solid rgb(235, 235, 235); overflow: hidden; } .page-profile .photo-gallery a{ display: block; position: relative; margin: 5px 10px 10px 0; flex-grow: 1; max-width: 120px; width: 10%; } .page-profile .photo-gallery a:hover::after { opacity: 0.15 !important; transition-duration: 300ms !important; } .page-profile .photo-gallery a::after { background-color: black !important; inset: 0px !important; content: "" !important; opacity: 0 !important; pointer-events: none !important; position: absolute !important; transition-duration: 0s !important; transition-property: opacity !important; transition-timing-function: ease-out !important; z-index: 2 !important; } .page-profile .photo-gallery a img{ display: block; width: 100%; border-radius: 3px; } @media (min-width: 576px) { .page-profile .photo-gallery.one-line { display: flex; flex-wrap: nowrap;  overflow-x: auto;  gap: 5px;  } .page-profile .photo-gallery.one-line a { flex: 1 1 auto;  } .page-profile .photo-gallery.one-line img { width: 100%; height: auto; object-fit: cover; display: block; } }.page-profile .photo-gallery{}.page-profile .review-section{ border-top: 1px solid rgb(235, 235, 235); padding: 40px 0 0 0;} .page-profile .review-section .summary{ overflow: hidden; margin: 0 0 40px 0; padding: 0 0 20px 0; border-bottom: 1px solid rgb(235, 235, 235); } .page-profile .review-section .summary .left{ float: left; width: 30%; } .page-profile .review-section .summary .left .score{ font-size: 40px; font-weight: 300; position: relative; color: white; width: 100px; height: 100px; text-align: center; margin: 0 20px 0 10px; float: left; } .page-profile .review-section .summary .left .score span{ padding-top: 8px; display: block; padding-right: 10px; font-weight: 500; } .page-profile .review-section .summary .left .score::before{ content: "\F350"; position: absolute; top: -12px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; color: rgb(50, 50 ,50); z-index: -1; font-size: 100px; transform: scaleX(-1); } .page-profile .review-section .summary .left .desc{ float: left; } .page-profile .review-section .summary .left .desc .title{ font-size: 28px; font-weight: 500; line-height: 28px; color: #000; opacity: .75; white-space: nowrap; margin-top: -5px; } .page-profile .review-section .summary .left .desc .review-count{ font-size: 15px; margin-top: 6px; } .page-profile .review-section .summary .review-categories{ float: left; width: 70%; } .page-profile .review-section .summary .review-categories .category{ width: 45%; margin-bottom: 20px; } .page-profile .review-section .summary .review-categories .category:nth-child(odd){ float: left; clear: both; } .page-profile .review-section .summary .review-categories .category:nth-child(even){ float: right; } .page-profile .review-section .summary .review-categories .category .lvl{ background-color: #dddddd; width: 100%; display: block; height: 8px; overflow: hidden; line-height: 10px; margin-bottom: 10px; border-radius: 5px; } .page-profile .review-section .summary .review-categories .category .lvl div{ height: 8px; line-height: 8px; background-color: rgb(50, 50 ,50); float: left; border-radius: 5px; } .page-profile .review-section .summary .review-categories .category .desc{ overflow: hidden; } .page-profile .review-section .summary .review-categories .category .desc .title{ float: left; } .page-profile .review-section .summary .review-categories .category .desc .score{ float: right; font-weight: 500; } .page-profile .review-section .reviews{ } .page-profile .review-section .reviews .review{ overflow: hidden; border-top: 1px solid rgb(235, 235, 235); margin: 30px 0 0px 0; padding: 30px 0 0px 0; } .page-profile .review-section .reviews .review:first-child{ border: 0; } .page-profile .review-section .reviews .review .left{ float: left; width: 25%; padding: 20px 15px 20px 20px; box-sizing: border-box; } .page-profile .review-section .reviews .review .left .score{ font-size: 36px; font-weight: 500; color: rgb(50, 50 ,50); line-height: 36px; margin-bottom: 8px; } .page-profile .review-section .reviews .review .left .by{ color: #222222; font-weight: 300; } .page-profile .review-section .reviews .review .left .location{ font-size: 13px; color: rgb(106, 106, 106); } .page-profile .review-section .reviews .review .right{ box-sizing: border-box; float: left; width: 75%; padding: 0px 0px 0px 60px; overflow: hidden; } .page-profile .review-section .reviews .review .right .box{ background-color: #f5f5f5; border-radius: 15px; padding: 30px 60px 20px; margin-bottom: 10px; } .page-profile .review-section .reviews .review .right .box .title{ font-size: 18px; font-weight: 500; color: #333; position: relative; margin-bottom: 20px; } .page-profile .review-section .reviews .review .right .box .title a{ color: #333; } .page-profile .review-section .reviews .review .right .box .photos{ margin: 0 0 0px 0; overflow: hidden; } .page-profile .review-section .reviews .review .right .box .photos span{ display: block; float: left; height: 60px; margin: 0 20px 20px 0; } .page-profile .review-section .reviews .review .right .box .photos img{ border-radius: 3px; height: 100%; } .page-profile .review-section .reviews .review .right .box .date{ color: #999; font-size: 14px; } .page-profile .review-section .reviews .review .right .box .review-text{ margin-bottom: 20px; line-height: 160%; } .page-profile .review-section .reviews .review .right .box .reply{ margin-bottom: 20px; border-left: 3px solid rgba(186,206,220); padding-left: 20px; opacity: 0.8; } .page-profile .review-section .reviews .review .right .box .reply .from{ margin-bottom: 10px; font-weight: 500; } .page-profile .review-section .reviews .review .right .box a.reply{ } .page-profile .review-section .reviews .review .right .box .reply-review{ background: #6b6b6a; padding: 6px 15px; color: white; margin-bottom: 20px; display: block; width: fit-content; } .page-profile .review-section .reviews .review .right .report{ float: right; font-size: 14px; user-select: none; cursor: pointer; } .page-profile .review-section .reviews .review .right .featuring-review{ float: right; font-size: 14px; } .page-profile .review-section .reviews .review .right .featuring-review .featured{ display: none; } .page-profile .review-section .reviews .review .right .featuring-review.selected .featured{ display: block; background: #008489; color: #FFF; padding: 4px 8px; border-radius: 3px; } .page-profile .review-section .reviews .review .right .featuring-review.selected .make-featured{ display: none; }.page-resolution-center.no-auth{ text-align: center;} .page-resolution-center.no-auth h1{ font-size: 50px; margin: 100px 0 20px 0; } .page-resolution-center.no-auth a{ text-decoration: underline; } .page-resolution-center.no-auth a:hover { text-decoration: none!important; }.page-resolution-center{ max-width: 1140px; margin: auto;}.page-resolution-center .cancelled-message{ padding: 10px 20px; border-radius: 3px; text-align: center; font-size: 20px; background-color: rgba(225,45,45,.08); margin: auto auto 30px auto; width: fit-content; color: #e12d2d; font-weight: 500;}.page-resolution-center .go-back-link{ background: #008489; padding: 10px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; border: 0; border-radius: 2px; font-weight: 500; text-decoration: none!important; margin: 60px auto auto auto; display: block; width: fit-content;}.page-resolution-center .small-c{ max-width: 720px; margin: auto;} .page-resolution-center .small-c .desc{ margin: 0 0 30px 0; text-align: center; } .page-resolution-center .small-c .desc h1{ font-weight: 500; font-size: 45px; padding-top: 10px; } .page-resolution-center .small-c .desc p{ color: #9b9b9a; font-size: 22px; font-weight: 200; margin-bottom: 20px; margin: 0; }.page-resolution-center .list-issues{} .page-resolution-center .list-issues h3{ } .page-resolution-center .list-issues ul{ list-style: none; } .page-resolution-center .list-issues ul li{ position: relative; } .page-resolution-center .list-issues li.open{ margin: 0px 0 0px 0; padding: 0 0 20px 0; } .page-resolution-center .list-issues ul li .issue{ display: inline-block; position: relative; cursor: pointer; font-size: 18px; } .page-resolution-center .list-issues ul li .issue::before{ content: "\F1E0"; font-size: 6px; position: absolute; top:50%; margin-top: -2px; left: -14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; } .page-resolution-center .list-issues ul li a { text-decoration: underline!important; } .page-resolution-center .list-issues ul li a:hover { text-decoration: none!important; } .page-resolution-center .list-issues ul li.open .issue{ font-weight: 500; font-size: 18px; } .page-resolution-center .list-issues ul li .issue:hover{ text-decoration: underline; cursor: pointer; } .page-resolution-center .list-issues form.issue-report{ margin: 10px 0 0px 0; display: none; } .page-resolution-center .list-issues .tosolution, .page-resolution-center .list-issues form{ display: none; background-color: #f7f7f7; overflow: hidden; padding: 20px 20px; border-radius: 5px; margin: 10px 0; } .page-resolution-center .list-issues li.open .tosolution, .page-resolution-center .list-issues li.open form{ display: block!important; } .page-resolution-center .list-issues .infop{ margin: 10px 0 0 0; } .page-resolution-center .list-issues form textarea{ width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; font-size: 16px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; margin-bottom: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .page-resolution-center .list-issues form button[type=submit]{ background: rgb(52, 52, 52); border-radius: 2px; padding: 8px 20px; margin-bottom: 10px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 200; border: 0; box-sizing: border-box; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; }.category-landing{}.category-landing .hero{ position: relative;} .category-landing .hero .image-wrap{ position: relative; touch-action: none!important; } .category-landing .hero.gen2 .photo-next{ position: absolute; cursor: pointer; bottom: 50%; background-color: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; box-shadow: transparent 0px 0px 0px 1px, transparent 0px 0px 0px 4px, rgb(0 0 0 / 12%) 0px 6px 16px !important; transform: scale(1.04) !important; padding: 4px; border-radius: 8px; border: 4px solid #222222; margin-bottom: -29px; opacity: 0.9; transition: opacity .15s ease-in-out; right: 90px; } .category-landing .hero .image-wrap:hover .photo-next{ opacity: 1; margin-bottom: -34px; } .category-landing .hero .image-wrap .photo-next svg{ height: 40px; width: 40px; } .category-landing .hero .image-wrap:hover .photo-next svg{ height: 50px; width: 50px; } .category-landing .hero.gen2 .photo-credit{ position: absolute; user-select: none; bottom: 40px; font-size: 13px; background: rgba(255, 255, 255, 0.4); padding: 2px 4px; right: 90px; } @media (min-width: 1200px) and (max-width: 1420px) { .category-landing .hero.gen2 .photo-next{ right: 40px!important; } .category-landing .hero.gen2 .photo-credit{ bottom: 40px!important; right: 40px!important; } } @media (min-width: 768px) and (max-width: 992px) { .category-landing .hero.gen2 .photo-next, .category-landing .hero.gen2 .photo-credit{ display: none; } } @media (max-width: 768px) { .category-landing .hero.gen2 .photo-next{ right: 10px; margin-bottom: -19px!important; } .category-landing .hero .image-wrap .photo-next svg, .category-landing .hero .image-wrap:hover .photo-next svg{ height: 20px; width: 20px; } .category-landing .hero.gen2 .photo-credit{ right: 10px; bottom: 10px; font-size: 11px; } } .category-landing .hero img.main{ width: 104%; margin-left: -2%; margin-top: -38px; z-index: -1; border-radius: 8px; user-select: none; } .category-landing .hero .image-gallery img.main{ cursor: pointer; } .category-landing .hero form { position: absolute; top: 0px; left: 0px; background: #ffffff; border-radius: 8px; padding: 32px; padding-bottom: 24px; width: 100%; max-width: 500px; margin-bottom: 64px; box-shadow: 0 16px 40px rgba(0,0,0,0.12); box-sizing: border-box;  } .category-landing .hero form h1{ margin-bottom: 20px; line-height: 38px; font-size: 38px; } .category-landing .hero form.title-fs28 h1{ font-size: 28px; } .category-landing .hero form .desc{ font-size:17px; margin-top: -10px; margin-bottom: 0px; color: rgb(106, 106, 106); font-weight: 100; } .category-landing .hero form .subtitle{ font-weight: bold; margin-bottom: 20px; } .category-landing .hero form .block{ margin: 0 0 20px 0; } .category-landing .hero form .block .t{ margin-bottom: 5px; font-size: 18px; font-size: 14px; font-weight: 500; text-transform: uppercase; } .category-landing .hero form .block .v{ } .category-landing .hero form .block span.required{ position: relative; } .category-landing .hero form .block .required::before{ position: absolute; content: "\F359"; left: 3px; font-size: 11px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .category-landing .hero form .block .select{ box-shadow: none!important; } .category-landing .hero form .block .select .t{ } .category-landing .hero form .block .select .d{ } .category-landing .hero form .block input[type=text], .category-landing .hero form .block input[type=url]{ background-color: white; width: 100%; box-sizing: border-box; padding: 10px 20px 10px 20px; font-size: 18px; font-weight: 500; border-radius: 2px; } .category-landing .hero form .block select{ box-sizing: border-box; padding: 10px 14px 10px 14px; font-size: 18px; font-weight: 500; border-radius: 2px; width: 100%; } .category-landing .hero form .block.submit{ text-align: right; margin-bottom: 0; } .category-landing .hero form .block button[type=submit]{  background: rgb(51, 51, 51); cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; border: 0; border-radius: 2px; font-weight: 500; width: 100%; padding: 16px 24px; } .category-landing .hero form .block button[type=submit]:hover{ background: #222222; } .category-landing .hero form .block.tagline{ font-style: italic; color: rgb(106, 106, 106); margin: 10px 0 10px 0; text-align: center; font-size: 15px; } .category-landing .hero form .block.reviews{ margin: 20px 0 20px 0; font-size: 15px; } .category-landing .hero form .block.integration, .useful-tip-detail .form-hero-get-quote .block.integration{ position: relative; } .category-landing .hero form .block.integration img, .useful-tip-detail .form-hero-get-quote .block.integration img{ position: absolute; top: -4px; right: 4px; } .category-landing .hero form .block.integration-prefill{ position: relative; } .category-landing .hero form .block.integration-prefill .t img{ position: absolute; top: -4px; right: 4px; } .category-landing .hero form .block.integration-prefill .c{ display: flex; } .category-landing .hero form .block.integration-prefill .c img{ max-width: 80px; margin-right: 10px; border-radius: 8px; height: auto; } .category-landing .hero form .block.integration-prefill .title a{ font-size: 20px; font-weight: 300; } @media (max-width: 576px) { .category-landing .hero form .block.integration-prefill .title a{ font-size: 16px; } } .category-landing .hero form .block.integration-prefill .location{ font-size: 15px; margin-top: 4px; color: rgb(106, 106, 106); } .category-landing .hero form .block.integration-prefill .location::before { content: "\F2AE"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; padding-right: 4px; font-size: 14px; } .category-landing .hero form .block.feats{ margin-bottom: 0; } .category-landing .hero form .block .promfeat{ text-align: center; justify-content: center; align-items: center; border-radius: 3px; padding: 20px 0 0px 0; margin: 0px auto 0px auto; } .category-landing .hero form .block .promfeat .text { padding-bottom: 10px; } .category-landing .hero form .block .promfeat .imgs { display: flex; justify-content: center; align-items: center; } .category-landing .hero form .block .promfeat .imgs img { padding: 0 14px; height: 12px; filter: brightness(0) invert(0.6); z-index: 1!important; width: auto; min-width: 10px; } .category-landing .hero form .block.video{ display: flex; position: absolute; bottom: -100px; align-items: center; border: 1px solid rgba(107, 107, 106, 0.4); padding: 10px 20px 10px 10px; border-radius: 8px; cursor: pointer; background-color: white; } @media (max-width: 768px){ .category-landing .hero form .block.video{ } } .video-modal{ width: 800px; margin: -40px; } .video-modal video{ display: block; border-radius: 6px; } @media (max-width: 768px){ .video-modal{ width: 100%; margin: 20px 0 0 0; } } @media (max-width: 1200px){ .category-landing .hero form .block.video{ bottom: -120px; } } @media (max-width: 992px){ .category-landing .hero form .block.video{ width: 100%; box-sizing: border-box; left: 0; } } @media (max-width: 768px){ .category-landing .hero form .block.video{ margin-bottom: 50px; } } @media (max-width: 576px){ .category-landing .hero form .block.video{ position: relative; margin: 60px auto 0px auto; bottom: 0; width: fit-content; border: 1px solid rgb(51 51 51); } } .category-landing .hero form .block.video:hover{ background-color: #f5f5f5; } .category-landing .hero form .block.video img{ max-width: 60px; margin-right: 10px; border-radius: 4px; } .category-landing .hero form .block.video .l1{ font-size: 15px; font-weight: 500; display: block; } .category-landing .hero form .block.video .l2{ font-size: 12px; font-weight: 200; display: block; color: rgb(106, 106, 106); }.banner-how-it-works{ margin: 100px auto 100px auto; max-width: 1000px;} @media (min-width: 576px) { .banner-how-it-works.splitter-top { border-top: solid 1px #ebebeb; padding-top: 80px; } } .banner-how-it-works h2{ font-weight: 800; font-size: 49px; } .banner-how-it-works .desc{ max-width: 660px; font-weight: 200; font-size: 28px; } .banner-how-it-works .video-explainer{ background-color: #ebecf0; text-align: center; margin: 40px 0 0 0; } .banner-how-it-works .video-explainer iframe{ display: block; margin: auto; } .banner-how-it-works .steps{ margin: 20px 0 0 0; } .banner-how-it-works .steps .step{ display: flex; padding: 60px 0; align-items: center; } .banner-how-it-works .steps .step3{ padding-bottom: 0; } .banner-how-it-works .steps .step1 .image, .banner-how-it-works .steps .step3 .image{ order: 2; } .banner-how-it-works .steps .step .text{ padding: 0 20px; display: flex; } .banner-how-it-works .steps .step .text .n{ font-weight: 800; font-size: 100px; padding-right: 20px; line-height: 88px; } .banner-how-it-works .steps .step .text h2{ font-weight: 500; font-size: 26px; } .banner-how-it-works .steps .step .text p{ font-size: 19px; color: rgb(72, 72, 72); } .banner-how-it-works .steps .step .image{ padding: 0 20px; } .banner-how-it-works .steps .step .image img{ width: 420px; display: block; border-radius: 0; }.banner-fundamentally-cheapest{ margin: 80px 0; overflow: hidden; background-color: #eae8e1; background-color: rgb(238, 230, 224); box-sizing: border-box; display: flex; border-radius: 12px;} .banner-fundamentally-cheapest .image{ display: flex; } .banner-fundamentally-cheapest u{ white-space: nowrap; } .banner-fundamentally-cheapest .text{ padding: 80px 120px; box-sizing: border-box; display: flex; align-items: center; flex-flow: row wrap; } .banner-fundamentally-cheapest .text .t{ font-weight: 800; font-size: 49px; flex-shrink: 0; } .banner-fundamentally-cheapest .text .desc{ font-size: 19px; width: 100%; flex-shrink: 0; color: rgb(72, 72, 72); } .banner-fundamentally-cheapest.has-photo{ } .banner-fundamentally-cheapest.has-photo .image{ width: 40%; background-position: center; background-size: cover; }.banner-saving-time{ margin: 80px 0; overflow: hidden; box-sizing: border-box; display: flex; background-color: #e7ebec; background-color: #F5F5F5; align-items: center; border-radius: 12px;} .banner-saving-time.banner-1-planet{ background-color: #e7ebec; } .banner-saving-time.banner-1-planet a.arrow-button{ color: #008489; font-weight: 300; } .banner-saving-time.banner-1-planet a.arrow-button::after { content: "\F2DC"; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-left: 4px; } .banner-saving-time .text{ padding: 80px 100px; box-sizing: border-box; display: flex; align-items: center; flex-flow: row wrap; } .banner-saving-time.has-photo .text{ padding: 60px 100px; } .banner-saving-time .text .t{ font-weight: 800; font-size: 48px; flex-shrink: 0; } .banner-saving-time .text .desc{ width: 100%; flex-shrink: 0; font-size: 19px; color: rgb(72, 72, 72); } .banner-saving-time .image{ box-sizing: border-box; } .banner-saving-time .image.right{ padding-left: 20px; padding-right: 0px; } .banner-saving-time .image img{ width: auto; display: block; max-height: 500px; margin: 40px; border-radius: 12px; }.category-landing-scroll-top{ margin: 140px auto; width: content-box; text-align: center;} .category-landing-scroll-top a{ background: #008489; padding: 16px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; border: 0; border-radius: 2px; font-weight: 500; text-decoration: none!important; }.banner-customer-reviews{ margin: 120px 0px; overflow: hidden; display: flex; align-items: center;} .banner-customer-reviews .arrow{ position: relative; width: 40px; cursor: pointer; } .banner-customer-reviews .arrow:hover::before{ color: #008489; } .banner-customer-reviews .arrow::before{ font-size: 30px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .banner-customer-reviews .arrow.prev{ order: 1; } .banner-customer-reviews .arrow.prev::before{ content: "\F2DA"; } .banner-customer-reviews .arrow.next{ order: 3; } .banner-customer-reviews .arrow.next::before{ content: "\F2DC"; } .banner-customer-reviews .reviews{ display: flex; margin: 0 20px; align-items: center; order: 2; width: 100%; } .banner-customer-reviews .reviews .review{ width: 50%; margin: 0 20px 0 20px; display: none; } .banner-customer-reviews .reviews .review:nth-child(-n+2){ display: block; } .banner-customer-reviews .reviews .review .head{ display: flex; margin: 20px 0 10px 0px; } .banner-customer-reviews .reviews .review .head .score{ color: white; z-index: 1; text-align: center; padding: 11px 0 0 0; margin: 0 10px 0 0; font-size: 25px; width: 58px; min-width: 58px; font-weight: 500; position: relative; } .banner-customer-reviews .reviews .review .head .score span{ padding-right: 3px; } .banner-customer-reviews .reviews .review .head .score::before { content: "\F350"; font-size: 58px; position: absolute; top: 0px; left: 0px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; color: #008489; z-index: -1; transform: scaleX(-1); } .banner-customer-reviews .reviews .review .head .right{ } .banner-customer-reviews .reviews .review .head .right .by{ } .banner-customer-reviews .reviews .review .head .right .by strong{ color: #008489; } .banner-customer-reviews .reviews .review .head .right .linki{ font-size: 18px; font-weight: 500; } .banner-customer-reviews .reviews .review .rtext{ position: relative; background-color: #f5f5f5; border-radius: 15px; padding: 30px 60px 20px; } .banner-customer-reviews .reviews .review .rtext span{ position: relative; font-size: 18px; } .banner-customer-reviews .reviews .review .rtext span::before { content: "\F2BB"; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-right: 6px; } .banner-customer-reviews .reviews .review .rtext span::after { content: "\F2BC"; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-left: 6px;  } .banner-customer-reviews .reviews .review .rtext .date{ margin: 20px 0 0 0; font-weight: 300; font-size: 14px; opacity: 0.6; display: none; }.banner-faq{ margin: 120px 0;} @media (min-width: 576px) { .banner-faq.splitter-top{ border-top: solid 1px #ebebeb; padding-top: 120px; } } .banner-faq h2{ font-weight: 800; font-size: 49px; margin: 0 0 40px 0; } .banner-faq .list{ } .banner-faq .list .item{ margin: 0 0 20px 0; padding: 20px 0 40px 0; border-bottom: solid 1px #ebebeb; max-width: 1000px; position: relative; } .banner-faq .list .item:last-child{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .banner-faq .list .item .q{ font-weight: 300; margin: 0px 0 5px 0; font-size: 20px; } .banner-faq .list .item .a{ font-size: 16px; color: rgb(106, 106, 106); line-height: 26px; margin: 10px 0 0px 0; } .banner-faq .list .item th{ color: rgb(72, 72, 72); }.banner-become-driver{ margin: 80px 0; position: relative; display: block;} .banner-become-driver img{ width: 100%; display: block; } .banner-become-driver img.tall{ display: none; } .banner-become-driver .punch{ background: rgb(51, 51, 51); padding: 20px 40px; font-size: 26px; font-weight: 500; color: white; position: absolute; bottom: 0; left: 0; right: 0; } .banner-become-driver .punch .ht { display: inline-block; } .banner-become-driver .punch .a { display: inline-block; }.featured-on{ text-align: center; justify-content: center; align-items: center; border-radius: 3px; padding: 20px 0 0px 0; max-width: 1010px; margin: 10px auto -20px auto;} .featured-on .text{ display: none; font-size: 16px; padding-top: 20px; color: black; font-weight: 500; } .featured-on .imgs{ display: flex; justify-content: center; align-items: center; } .featured-on .imgs img{ padding: 0 20px; max-height: 24px; filter: brightness(0) invert(0); }.banner-explained{ overflow: hidden; display: flex; margin: 100px auto; max-width: 1000px; align-items: center; background-color: #FFFFFF; border-radius: 3px;} .banner-explained.splitter-top{ border-top: solid 1px #ebebeb; padding-top: 100px; } .banner-explained.splitter-bottom{ border-bottom: solid 1px #ebebeb; padding-bottom: 80px; } .banner-explained .heading{ display: flex; } .banner-explained .heading h2{ font-weight: 800; font-size: 44px; } .banner-explained .heading h2.vs{ padding: 0 20px; font-weight: 200; } .banner-explained .heading h2.move{ cursor: pointer; border-bottom: 3px solid #EBEBEB; } .banner-explained .heading h2.move:hover{ border-bottom: 4px solid #008489; } .banner-explained .heading h2.selected{ font-weight: 800; border-bottom: 4px solid #008489; } .banner-explained .set{ width: 640px; overflow: hidden; } .banner-explained .blocks{ width: 1280px; display: flex; } .banner-explained .block{ display: inline-block; width: 640px; } .banner-explained .block .desc{ font-size: 24px; } .banner-explained .block.unwise-move .desc{ font-size: 18px!important; } .banner-explained .block .desc p:first-child{ } .banner-explained .block ul{ font-size: 19px; padding-left: 46px; } .banner-explained .block ul li{ list-style: none; position: relative; padding: 8px 0; color: rgb(72, 72, 72); } .banner-explained .block ul li a{ color: rgb(72, 72, 72); } .banner-explained .block ul li::before{ content: ""!important; position: absolute; top: 7px; left: -46px; display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; } .banner-explained .block.unwise-move{ } .banner-explained .block.wise-move{ margin-left: 0; } .banner-explained .control{ margin: 0px auto auto auto; width: fit-content; user-select: none; } .banner-explained .control span{ width: 16px; height: 16px; background-color: #EBEBEB; border-radius: 50px; cursor: pointer; display: inline-block; margin: 0 15px; } .banner-explained .control span.selected{ background-color: #008489; } .banner-explained .map{ float: right; } .banner-explained .map img{ max-height: 440px; max-width: 360px; } .banner-explained .map img.lazy{ opacity: 0; height: 440px; width: 360px; }.bar-post-listing{ position: fixed; top: 0; background-color: white; padding: 20px 0px; width: 100%; box-sizing: border-box; left: 0; right: 0; border-bottom: 1px solid #ebebeb; z-index: 10;} @media (min-width: 1480px) { .bar-post-listing.hide-above-1480{ display: none; } } .bar-post-listing .container{ display: flex; justify-content: space-between; align-items: center; flex-flow: row-reverse; } .bar-post-listing .text{ font-weight: 300; text-align: right; font-size: 15px; } .bar-post-listing .reviews{ font-size: 14px; display: flex; text-align: right; align-items: center; flex-flow: row-reverse; color: rgb(72, 72, 72); } .bar-post-listing .reviews a{ color: rgb(72, 72, 72); font-size: 13px; } .bar-post-listing .reviews svg{ margin-right: 4px; color: #FF385C; } .bar-post-listing a.action-button{  display: block; background: rgb(51, 51, 51); cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 300; border: 0; min-width: 100px; border-radius: 8px; box-sizing: border-box; white-space: nowrap; padding: 10px 20px; } .bar-post-listing a.action-button:hover{ background: #222222; text-decoration: none!important; }.banner-company-invitation2{ background: #e7ebec; box-sizing: border-box; padding: 100px 40px 40px 40px; position: relative; text-align: center; margin-bottom: 60px;}.banner-company-invitation2{} .banner-company-invitation2 h3{ font-size: 32px; } .banner-company-invitation2::before { position: absolute; content: "\F102"; left: 50%; font-size: 64px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; margin-left: -32px; top: 30px; } .banner-company-invitation2 a{ background: #008489; padding: 12px 20px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; border: 0; border-radius: 2px; font-weight: 500; text-decoration: none!important; margin-top: 10px; display: inline-block; }.banner-paragraph{ overflow: hidden; margin: 80px auto; background-color: #f5f5f5 !important; padding: 60px 100px; border-radius: 12px;} .banner-paragraph p{ font-size: 20px; } .banner-paragraph .ptop{ border-bottom: solid 1px #ebebeb; padding-bottom: 20px; color: rgb(72, 72, 72); } .banner-paragraph .ptop .bread{ display: flex; align-items: center; flex-wrap: wrap; } .banner-paragraph .ptop .bread .home{ } .banner-paragraph .ptop .bread .home img{ max-height: 12px; display: block; opacity: 0.8; } .banner-paragraph .ptop .bread .landing{ margin-left: 14px; color: rgb(72, 72, 72); } .banner-paragraph .ptop .bread .landing::before{ content: "\F2DD"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; padding-right: 14px; } .banner-paragraph .pfooter{ border-top: solid 1px #ebebeb; padding-top: 20px; color: rgb(72, 72, 72); } .banner-paragraph .pfooter a{ color: rgb(72, 72, 72); } .banner-paragraph .pfooter .home{ } .banner-paragraph .pfooter .home img{ max-height: 12px; display: inline-block; opacity: 0.8; } .banner-paragraph .pfooter .home:after{ content: "\F2DD"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; padding-left: 7px; margin-left: 7px; margin-right: 7px; } .banner-paragraph .pfooter a::after{ content: ","; } .banner-paragraph .pfooter a:last-of-type:after{ content: ""; }.delivery-history{ margin: 100px auto 40px auto;} @media (min-width: 992px) { .delivery-history.centred > h2, .delivery-history.centred > div, .delivery-history.centred .list .item{ margin-left: auto!important; margin-right: auto!important; width: fit-content!important; } .delivery-history.centred .dtext{ text-align: center; } } .delivery-history.full-width{ max-width: 100%; } @media (min-width: 576px) { .delivery-history.splitter-top{ border-top: solid 1px #ebebeb; padding-top: 80px; } } .review-page .delivery-history{ margin-top: 40px; } .delivery-history h2{ font-weight: 800; font-size: 49px; margin: 0 0 40px 0; position: relative; } .delivery-history .dtext{ max-width: 900px; font-weight: 200; font-size: 24px; margin: -40px 0 60px 0; } .delivery-history .footerboxer{ display: flex; align-items: center; margin: -20px 0 0 0; flex-wrap: wrap; } .delivery-history .footerboxer .load-more{ margin: 20px 40px 20px 0; border-radius: 8px; padding: 10px 20px; font-weight: 500; cursor: pointer; border: 2px solid #222222; font-size: 18px; opacity: 0.9; } .delivery-history .footerboxer .load-more:hover{ background-color: #f7f7f7; } .delivery-history .footerboxer .link-to-reviews{ font-weight: 500; font-size: 18px; display: block; width: fit-content; } .delivery-history .list{ } .delivery-history .list .item{ text-decoration: none!important; margin: 0 0 40px 0; background-color: #f5f5f5; border-radius: 12px; padding: 20px 0px 20px 0px; margin-right: 20px; display: flex; max-width: fit-content; width: -moz-fit-content; box-sizing: border-box; flex-direction: column; box-shadow: inset 0 0 0 2px rgb(235, 235, 235); } .delivery-history .list .item .f{ display: flex; max-width: 700px; box-sizing: border-box; order: 2; padding-right: 50px; align-items: center; } .delivery-history .list .item .title-text{ font-weight: 500; font-size: 20px; } .delivery-history .list div.item .title-text{ text-decoration: none!important; cursor: inherit!important; } .delivery-history .list .item .review{ margin: 0px 50px 15px 40px; padding-bottom: 15px; border-bottom: 1px solid #CCC; order: 1; max-width: 800px; } .delivery-history .list .item.full-width .review{ max-width: 100%; } .delivery-history .list .item .review .head{ display: flex; margin: 0px 0 20px 0; align-items: center; } .delivery-history .list .item .review .head .score { color: white; z-index: 1; text-align: center; padding: 11px 0 0 0; margin: 4px 10px 0 0; font-size: 25px; width: 58px; height: 46px; min-width: 58px; font-weight: 500; position: relative; } .delivery-history .list .item .review .head .score::before { content: "\F350"; font-size: 58px; position: absolute; top: 0px; left: 0px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; color: rgb(50, 50 ,50); z-index: -1; transform: scaleX(-1); } .delivery-history .list .item .review .head .score span { padding-right: 3px; } .delivery-history .list .item .review .date-reviewed{ margin: 0px 0 0px 0; font-weight: 300; font-size: 14px; color: rgb(106, 106, 106); } .delivery-history .list .item .review .author{ font-size: 22px; font-weight: 500; } .delivery-history .list .item .review .txtxt{ font-size: 14px; } .delivery-history .list .item .review span.txt{ position: relative; font-size: 18px; color: rgb(72, 72, 72); } .delivery-history .list .item .review span.txt::before { content: "\F2BB"; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-right: 6px; color: #222222; } .delivery-history .list .item .location{ display: flex; align-items: center; font-size: 14px; font-weight: 300; width: max-content; } .delivery-history .list .item .location .collection{ } .delivery-history .list .item .location .delivery{ margin-left: 20px; position: relative; padding-left: 38px; } .delivery-history .list .item .location .delivery::before{ position: absolute; content: "\F129"; font-size: 18px; left: 0; top: 50%; margin-top: -10px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; color: #222222; transform: rotate(90deg); margin-right: 20px; } .delivery-history .list .item .price{ position: relative; font-weight: 500; z-index: 1; font-size: 24px; border-right: 1px solid #CCC; padding: 10px 20px 10px 50px; margin-right: 20px; align-items: center; display: flex; width: fit-content; white-space: nowrap; } .delivery-history .list .item .is-img{ display: block; height: 50px; border-radius: 3px; margin: 3px 20px 0 0; }.page-volume-calculator{} .page-volume-calculator .alone.form-hero-get-quote{ float: right; } .page-volume-calculator iframe{ margin-bottom: 40px; }@media (min-width: 1200px) { .category-landing .hero .image-wrap{ width: 950px; margin-left: 160px; height: 550px; }}@media (min-width: 1420px) { .category-landing .hero .image-wrap { margin-left: 250px; }}@media (min-width: 1200px) and (max-width: 1460px) { .category-landing .hero img.main{ height: 577px; }}@media (min-width: 1460px) { .category-landing .hero .image-wrap { width: 1000px; margin-left: 294px; }}.blocks-story{ margin: 160px auto 160px auto;} @media (min-width: 576px) { .blocks-story.splitter-top { border-top: solid 1px #ebebeb; padding-top: 120px; } } .blocks-story .head{ margin: 0 0 80px 0; } .blocks-story .head h2{ font-size: 50px; font-weight: 800; text-align: center; } .blocks-story .head p{ margin: 10px auto auto auto; font-size: 22px; font-weight: 100; text-align: center; max-width: 800px; } .blocks-story .row{ display: flex; justify-content: space-between; gap: 40px; } .blocks-story .row .block{ width: calc(50% - 20px); border-radius: 12px; overflow: hidden; margin: 0 0 40px 0; } .blocks-story .row .block.text{ background-color: #f5f5f5; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; padding: 60px; box-sizing: border-box; } .blocks-story .row .block.text h3{ font-size: 30px; } .blocks-story .row .block.text .pars{ font-size: 18px; color: rgb(72, 72, 72); line-height: 150%; } .blocks-story .row .block.text .pars p{ } .blocks-story .row .block.image{ } .blocks-story .row .block.image img{ width: 100%; display: block; border-radius: 12px; }@media (max-width: 768px) { .blocks-story .row{ flex-direction: column; gap: 20px; } .blocks-story .row .block{ width: 100%; } .blocks-story .row .block.text{ order: 2; min-height: 300px; padding: 30px; margin-bottom: 20px; } .blocks-story .row .block.text h3{ font-size: 20px; } .blocks-story .row .block.text .pars{ font-size: 15px; color: #423d3d; } .blocks-story .row .block.image{ order: 1; margin-bottom: 0px; }}@media (max-width: 576px) { .blocks-story .head{ text-align: left!important; margin-bottom: 20px; } .blocks-story .head h2{ position: relative!important; font-size: 28px!important; line-height: 38px!important; font-weight: 800!important; text-align: left!important; } .blocks-story .head p{ text-align: left; font-size: 18px !important; line-height: 26px !important; margin-top: 0; } .blocks-story .row .block.image{ display: flex; align-items: center; } .blocks-story .row .block.image img{ height: 300px; width: auto; object-fit: cover; overflow: hidden; }}.page-refer,.page-affiliate{ max-width: 800px; margin: auto;}.banner-refer{ margin-bottom: 60px;}.banner-refer h2{ margin: 80px 0 10px 0; font-size: 42px; line-height: 46px;}.banner-refer img{ width: 100%; border-radius: 16px; margin: 20px 0 -40px 0;}.banner-refer .intro{ margin: 0px 0 30px 0; font-weight: 300; font-size: 18px; max-width: 600px;}.banner-refer .link{} .banner-refer .link .t{ display: inline-block; } .banner-refer .link .url{ background-color: #f2f2f2; padding: 6px 10px; border: 0; font-weight: 300; border-radius: 2px; margin-left: 5px; }.banner-refer form{ background-color: #ffffff; border-radius: 3px; padding: 10px; border: 1px solid rgba(107, 107, 106, 0.4); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); width: fit-content; margin: 0 0 20px 0;} @media (max-width: 576px) { .banner-refer form{ width: auto; } } .banner-refer form input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; border: 0; padding: 10px 20px 10px 20px; font-size: 18px; font-weight: 500; } .banner-refer form input[name=email]{ width: 280px; } .banner-refer form button[type=submit] { background-color: rgb(52, 52 ,52); border-radius: 2px; padding: 10px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; font-weight: 300; border: 0; } .banner-refer form button[type=submit]:hover { background-color: black; }.banner-refer-progress{ border-top: 1px solid #D8D8D8 !important; padding: 80px 0;} .banner-refer-progress h2{ font-weight: 500; font-size: 30px; margin-bottom: 10px; } .banner-refer-progress .intro{ } .banner-refer-progress .list{ margin: 30px 0 0 10px; } .banner-refer-progress .list .referral{ margin: 0 0 20px 0; display: flex; align-items: baseline; } .banner-refer-progress .list .referral:last-child{ margin-bottom: 0px; } .banner-refer-progress .list .referral .title{ font-size: 20px; position: relative; padding-left: 36px; } .banner-refer-progress .list .referral .title::before { position: absolute; content: "\F18F"; font-size: 20px; top: 3px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .banner-refer-progress .list .referral .title a{ font-weight: 500; } .banner-refer-progress .list .referral .status{ margin: 0 0 0 10px; background-color: #f2f2f2; padding: 2px 10px; font-weight: 300; border-radius: 2px; text-transform: lowercase; } .banner-refer-progress .list .referral .status.pending{ } .banner-refer-progress .list .referral .status.paid{ background: #008489; color: white; } .banner-refer-progress .list .referral .status.failed{ }.banner-refer-tcs{ border-top: 1px solid #D8D8D8 !important; padding: 80px 0 0px 0;} .banner-refer-tcs h2{ font-weight: 500; font-size: 30px; margin-bottom: 10px; } .banner-refer-tcs ul{ margin: 0 0 20px 0; } .banner-refer-tcs ul li{ position: relative; padding-bottom: 5px; }.refer-to-friend{ max-width: 800px; margin-top: 100px; margin-bottom: 100px; text-align: center; margin-left: auto; margin-right: auto;} .confirmed-quote .refer-to-friend{ border-top: solid 1px #dddddd; padding-top: 0px; margin-bottom: 0; } .refer-to-friend h2{ margin: 80px 0 10px 0; font-size: 32px; line-height: 46px; } .refer-to-friend .intro{ margin: 0px 0 30px 0; font-size: 18px; max-width: 600px; margin-left: auto; margin-right: auto; } .refer-to-friend .button{ background-color: rgb(52, 52 ,52); border-radius: 2px; padding: 10px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; font-weight: 300; } .refer-to-friend .button:hover{ background-color: black; text-decoration: none!important; }.page-affiliate{} .page-affiliate .balance{ padding: 40px 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #D8D8D8 !important; } .page-affiliate .balance .total{ font-size: 20px; font-weight: 300; margin-bottom: 10px; } .page-affiliate .balance .total span{ font-weight: bold; } .page-affiliate .balance .outstanding, .page-affiliate .balance .paid{ color: rgb(106, 106, 106); font-size: 14px; } .page-affiliate .balance .outstanding span, .page-affiliate .balance .paid span{ font-weight: 300; } .page-affiliate .balance .right img{ max-width: 200px; max-height: 60px; }.banner-affiliate-progress{ border-top: 1px solid #D8D8D8 !important; padding: 80px 0;} .banner-affiliate-progress h2{ font-weight: 500; font-size: 30px; margin-bottom: 10px; } .banner-affiliate-progress .intro{ } .banner-affiliate-progress .list{ margin: 30px 0 0 10px; } .banner-affiliate-progress .list .referral{ margin: 0 0 20px 0; } .banner-affiliate-progress .list .referral:last-child{ margin-bottom: 0px; } .banner-affiliate-progress .list .referral .title{ font-size: 20px; position: relative; padding-left: 36px; } .banner-affiliate-progress .list .referral .title::before { position: absolute; content: "\F18F"; font-size: 20px; top: 3px; left: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .banner-affiliate-progress .list .referral .title .joined{ color: rgb(106, 106, 106); font-size: 16px; } .banner-affiliate-progress .list .referral-listing{ list-style: none; margin: 10px 0 30px 20px; } .banner-affiliate-progress .list .referral-listing li{ display: flex; flex-wrap: wrap; margin: 0 0 4px 0; } .banner-affiliate-progress .list .referral-listing li a{ font-weight: 500; display: inline-block; max-width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 10px 0 0; } .banner-affiliate-progress .list .referral .status{ margin: 0 10px 0 0; background-color: #f2f2f2; padding: 2px 10px; font-weight: 300; border-radius: 2px; font-size: 13px; } .banner-affiliate-progress .list .referral .status.green{ background: #008489; color: white; } .banner-affiliate-progress .list .referral .status.code{ background: rgb(238, 230, 224); } .banner-affiliate-progress .list .referral .status.red{ background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%); color: white; } .banner-affiliate-progress .list .referral .status.dark-grey{ background: rgb(34, 34, 34); color: white; }@media (max-width: 576px) { .refer-to-friend h2{ font-size: 28px; line-height: normal; } .banner-affiliate-progress .list .referral-listing{ margin-left: 0; }}.page-delivery .button-similar-jobs{ margin: 80px auto 0 auto; max-width: fit-content; cursor: pointer; border: 2px solid rgb(50, 50, 50); padding: 10px 40px; border-radius: 2px; text-align: center; color: rgb(50, 50, 50); font-weight: 500;} @media (max-width: 576px) { .page-delivery .button-similar-jobs{ max-width: unset; margin-top: 20px; } } .page-delivery .button-similar-jobs:hover{ color: white; background: rgb(50, 50, 50); } .page-delivery .button-similar-jobs.loading{ background: white!important; border: none!important; cursor: unset; } .page-delivery .button-similar-jobs.loading .text{ display: none; } .page-delivery .button-similar-jobs.loading .yloader{ display: block; }.page-delivery .similar{ margin: 80px 0 0 0;} .page-delivery .similar .not-found{ margin: 10px 0 0 0; } .page-delivery:not(.right-side) .similar{ margin-left: auto; margin-right: auto; } .page-delivery .similar h2{ font-size: 40px; font-weight: 800; } .page-delivery .similar .list{ margin: 20px 0 0 0; } .page-delivery .similar .list .item{ border: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(235, 235, 235); padding: 10px 0 10px 0px; margin: 0 0 0px 0; overflow: hidden; } .page-delivery .similar .list .item.open{ border: 3px solid rgb(235, 235, 235)!important; } .page-delivery .similar .list .item:not(.open):hover{ color: #FFFFFF; background: #6b6b6a; } .page-delivery .similar .list .head{ display: flex; cursor: pointer; align-items: center; position: relative; } .page-delivery .similar .list .item:last-of-type{ border-bottom: 0; } .page-delivery .similar .list .item .c{ padding-right: 20px; width: 100%; } .page-delivery .similar .list .match{ font-weight: 500; font-size: 22px; padding: 0 10px 0 6px; position: relative; text-align: center; width: 82px; }  .page-delivery .similar .list .item .title{ font-weight: 500; font-size: 16px; } .page-delivery .similar .list .item .attr{ display: flex; align-items: center; font-size: 14px; } .page-delivery .similar .list .item .attr .time-ago{ padding-right: 30px; position: relative; white-space: nowrap; } .page-delivery .similar .list .item .attr .time-ago::after{ content: "\F1E0"; font-size: 5px; position: absolute; top: 50%; margin-top: -1px; right: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .page-delivery .similar .list .item .attr .quotes{ padding-right: 30px; position: relative; white-space: nowrap; } .page-delivery .similar .list .item .attr .quotes strong{ font-weight: 200; } .page-delivery .similar .list .item .attr .quotes::after{ content: "\F1E0"; font-size: 5px; position: absolute; top: 50%; margin-top: -1px; right: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .page-delivery .similar .list .item .attr .coldel{ display: flex; align-items: center; } .page-delivery .similar .list .item .attr .coldel .delivery{ padding-left: 30px; position: relative; } .page-delivery .similar .list .item .attr .coldel .delivery::before{ content: "\F2DD"; font-size: 12px; position: absolute; top: 50%; margin-top: -6px; left: 10px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .page-delivery .similar .list .item .body{ display: none; padding: 20px 20px 10px 20px; } .page-delivery .similar .list .item.open .body{ display: block; } .page-delivery .similar .list .item .body a.link{ display: block; margin-top: 10px; text-align: center; border: 2px solid #008489; background-color: #008489; padding: 10px 0; border-radius: 2px; cursor: pointer; color: #FFFFFF; font-weight: 500; } .page-delivery .similar .list .item .body a.link:hover{ text-decoration: none!important; } .page-delivery .similar .list .item .body a.link span{ position: relative; } .page-delivery .similar .list .item .body a.link span::after{ position: absolute; content: "\f267"; font-size: 12px; bottom: 4px; right: -18px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .page-delivery .similar .list .item .body .mwrap{ position: relative; } .page-delivery .similar .list .item .body .legend{ position: absolute; left: 10px; top: 10px; z-index: 1; } .page-delivery .similar .list .item .body .legend .opt{ display: flex; align-items: center; } .page-delivery .similar .list .item .body .legend .opt .desc{ width: 104px; font-size: 14px; font-weight: 500; text-transform: uppercase; } .page-delivery .similar .list .item .body .legend .opt .line{ width: 50px; height: 1px; border-bottom: 4px solid rgb(255, 56, 92); border-bottom-style: dotted; } .page-delivery .similar .list .item .body .legend .opt.main-route .line{ border-bottom-color: black; border-bottom-style: solid; } .page-delivery .similar .list .item .body .map{ height: 400px; border-radius: 2px; }.ydatepicker{ position: absolute; background-color: #222222; border-radius: 2px; opacity: 1; padding: 10px; z-index: 9999; color: white; user-select: none; margin: 15px 0 0 0; top:0; left: 0; display: none;}.ydatepicker .controls{} .ydatepicker .controls > div{ position: relative; cursor: pointer; } .ydatepicker .controls > div::before{ font-size: 18px; position: absolute; top: 8px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: bold; } .ydatepicker .controls > div.inactive{ opacity: 0.2; } .ydatepicker .controls > div.prev::before{ content: "\F2DA"; left: 4px; } .ydatepicker .controls > div.next::before{ content: "\F2DC"; right: 4px; }.ydatepicker .calendars{} .ydatepicker .calendars .cal{ display: none; } .ydatepicker .calendars .cal.active{ display: block; } .ydatepicker .calendars .title{ text-align: center; margin: 5px 0 10px 0; font-weight: 500; } .ydatepicker .calendars .title:hover{ text-decoration: none; } .ydatepicker table{ border: 0; border-spacing: 0; text-align: center; } .ydatepicker table tr{ } .ydatepicker table tr th, .ydatepicker table tr td{ border: 0; border-spacing: 0; padding: 2px 6px; } .ydatepicker table tr th{ font-weight: 200; } .ydatepicker table tr td{ } .ydatepicker table tr td.past{ color: #666; cursor: pointer; } .ydatepicker table tr td.today{ } .ydatepicker table tr td.future{ cursor: pointer; } .ydatepicker table tr td.past:hover, .ydatepicker table tr td.future:hover{ background-color: white; color: #222222; border-radius: 2px; }.ypopup{ display: none; min-width: 300px; top: 50%; position: absolute; background-color: white; z-index: 1000; left: 50%; padding: 40px; box-sizing: border-box; border-radius: 12px; -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2); box-shadow: 0 8px 28px rgba(0,0,0,0.28);; margin-bottom: 40px; overflow: auto; overscroll-behavior: contain; transition: all 0.1s;} .ypopup img.hero{ margin: -40px -40px 20px -40px; width: -moz-available; width: -webkit-fill-available; aspect-ratio: 2 / 1; height: auto; display: block; } .ypopup::-webkit-scrollbar{ height:10px; width:10px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; transition: all 0.3s ease; background: #FFFFFF; margin-right: 10px; } .ypopup::-webkit-scrollbar-thumb{ background: #222222; border-radius: 4px; } .ypopup .ypopup-close{ cursor: pointer; } .ypopup .close{ position: sticky; top: 0; cursor: pointer; width: 34px; height: 34px; z-index: 1; margin: -34px -20px 0 auto; } .ypopup .close::before{ content: "\F20F"; font-size: 34px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; background: rgba(255, 255, 255, 0.3); border-radius: 100%; padding: 2px; } .ypopup .c{ position: relative; }@media (max-width: 768px) { .ypopup{ top: 0!important; margin-top: 0!important; margin-left: 0!important; margin-bottom: 0px!important; left: 0!important; max-width: 100%!important; width: 100%!important; box-sizing: border-box!important; box-shadow: none!important; padding: 60px 20px 20px 20px!important; -webkit-overflow-scrolling: touch; position: fixed!important; bottom: 0px!important; overflow-y: scroll; overflow-x: hidden; border-radius: 0!important; } .ypopup .close{ top: -40px!important; right: 0px!important; } .ypopup .c > *{ width: 100%!important; min-width: 100%!important; max-width: 100%!important; } .ypopup img.hero{ margin-top: -60px; height: auto; }}.popupcannedr{ min-width: 500px; max-width: 500px;} .popupcannedr select[name=responses]{ font-size: 16px; font-weight: 300; box-sizing: border-box; padding: 10px 14px 10px 14px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border-radius: 2px; width: 100%; margin: 20px 0; } .popupcannedr .responses{ } .popupcannedr .responses .response{ border-bottom: 1px solid rgb(235, 235, 235); margin-bottom: 10px; } .popupcannedr .responses .response .title{ display: none; } .popupcannedr .responses .response .text{ background: #F7F6F7; border-radius: 3px; padding: 20px; } .popupcannedr .responses .response .control{ margin: 20px 0 0 0; } .popupcannedr .responses .response .control .use{ background: #008489; border-radius: 2px; padding: 8px 24px; user-select: none; color: white; text-align: center; cursor: pointer; width: 100%; margin: 0 0 20px 0; display: block; box-sizing: border-box; } .popupcannedr .responses .response .control .edit{ cursor: pointer; width: fit-content; display: block; box-sizing: border-box; margin: auto auto 10px auto; } .popupcannedr .responses .response .control .edit:hover{ text-decoration: underline; } .popupcannedr .new-response{ cursor: pointer; width: fit-content; display: block; box-sizing: border-box; margin: auto; } .popupcannedr .new-response:hover{ text-decoration: underline; }form[name=form-canned-response]{ min-width: 500px; max-width: 500px;} form[name=form-canned-response] input[type=text]{ font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 10px 20px 10px 20px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; width: 100%; } form[name=form-canned-response] .gtitle{ margin: 20px 0 10px 0; font-size: 18px; } form[name=form-canned-response] .gvariables{ background-color: #f5f5f5; padding: 10px 10px 10px 10px; border-radius: 2px; margin-bottom: 10px; } form[name=form-canned-response] .gvariables span{ font-size: 14px; cursor: pointer; } form[name=form-canned-response] textarea{ width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; font-size: 16px; font-weight: 300; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } form[name=form-canned-response] button[type=submit]{ background: #008489; border-radius: 2px; padding: 8px 24px; width: 100%; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 200; border: 0; margin: 20px 0 10px 0; } form[name=form-canned-response] .cancel{ width: fit-content; margin: auto; }.useful-tip-list{ margin: 120px auto;} @media (min-width: 576px) { .useful-tip-list.splitter-top{ border-top: solid 1px #ebebeb; padding-top: 0; } } .useful-tip-list .thead{ margin: 120px 0 80px 0; } .useful-tip-list:not(.banner) .thead{ text-align: center; } .useful-tip-list .thead h1{ font-size: 50px; } .useful-tip-list .thead h2{ font-weight: 800; font-size: 50px; position: relative; } .useful-tip-list .thead.tag{ } .useful-tip-list .thead a{ text-transform: uppercase; color: #008489; font-weight: 500; } .useful-tip-list .item-autoload{ margin-top: 80px; } .useful-tip-list .item-autoload span{ padding-left: 24px; padding-right: 24px; }.useful-tip-list .list{ display: flex; flex-flow: wrap;} .useful-tip-list .list .tip{ box-sizing: border-box; padding-top: 60px; } .useful-tip-list .list .tip .hero-image{ } .useful-tip-list .list .tip .hero-image img{ display: block; width: 100%; border-radius: 12px; } .useful-tip-list .list .tip .c{ margin: 20px 0 0 0; } .useful-tip-list .list .tip .c .head{ } .useful-tip-list .list .tip .c .head .date{ font-weight: 200; font-size: 13px; color: rgb(106, 106, 106); } .useful-tip-list .list .tip .c .head .tag{ font-weight: 500; font-size: 13px; } .useful-tip-list .list .tip .c .head .tag a{ text-transform: uppercase; color: #008489; } .useful-tip-list .list .tip .c .head a.title{ font-weight: 500; font-size: 17px; display: block; padding: 0 0 6px 0; } .useful-tip-list .list .tip .c .body{ font-size: 16px; line-height: 1.66667; color: rgb(72, 72, 72); display: none; margin: 20px 0 0 0; } @media (min-width: 768px) { .useful-tip-list .list{ margin-right: -30px; } .useful-tip-list .list .tip{ padding-right: 30px; } .useful-tip-list .list .tip:first-child{ display: flex; width: 100%; padding-top: 0; justify-content: space-between; } .useful-tip-list .list .tip:first-child .hero-image{ width: 50%; order: 2; display: block; } .useful-tip-list .list .tip:first-child .c{ width: 50%; padding: 0 0px 0 0; order: 1; box-sizing: border-box; } .useful-tip-list .list .tip:first-child .c{ width: 50%; padding-right: 40px; } .useful-tip-list .list .tip:first-child .hero-image{ width: 50%; padding-left: 30px; } .useful-tip-list .list .tip:first-child .c .head a.title{ font-size: 30px; padding: 30px 0; font-weight: 800; } .useful-tip-list .list .tip:first-child .body{ display: block; } } .useful-tip-list .list .tip:nth-child(4n+2){ width: 25%; } .useful-tip-list .list .tip:nth-child(4n+3){ width: 25%; } .useful-tip-list .list .tip:nth-child(4n+4){ width: 25%; } .useful-tip-list .list .tip:nth-child(4n+5){ width: 25%; } .useful-tip-list .list.other-stories > .tip:not(.other-stories):nth-child(4n+6), .useful-tip-list .list.other-stories > .tip:not(.other-stories):nth-child(4n+7), .useful-tip-list .list.other-stories > .tip:not(.other-stories):nth-child(4n+8), .useful-tip-list .list.other-stories > .tip:not(.other-stories):nth-child(4n+9), .useful-tip-list .list.other-stories > .tip:not(.other-stories):nth-child(4n+10), .useful-tip-list .list.other-stories > .tip:not(.other-stories):nth-child(4n+11){ width: 16.66%; }   .useful-tip-list .list .tip.other-stories{ flex-grow: 1; } .useful-tip-list .list .tip.other-stories .in{ background-color: #f5f5f5; padding: 20px 40px; border-radius: 12px; } .useful-tip-list .list .tip.other-stories .littletitle{ font-size: 34px; font-weight: 800; margin-bottom: 10px; } .useful-tip-list .list .tip.other-stories .show-all{ text-transform: uppercase; color: #008489; font-weight: 500; margin-top: 10px; display: inline-block; font-size: 13px; } .useful-tip-list .list .tip.other-stories .show-all::after { content: "\F2DC"; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-left: 4px; } .useful-tip-list .list .tip.other-stories .tip{ width: 100%; padding: 0; } .useful-tip-list .list .tip.other-stories .tip .c{ width: 100%; margin: 0 0 10px 0; } .useful-tip-list .list .tip.other-stories .tip a.title{ padding: 0!important; font-size: 14px!important; font-weight: 300!important; display: inline-block; } .useful-tip-list .list .tip.other-stories .tip .hero-image, .useful-tip-list .list .tip.other-stories .tip .date, .useful-tip-list .list .tip.other-stories .tip .tag, .useful-tip-list .list .tip.other-stories .tip .body{ display: none!important; }.useful-tip-detail{ max-width: 772px; margin-right: auto; margin-left: auto;} .useful-tip-detail .bar-post-listing .container{ max-width: 800px; } .useful-tip-detail .head{ text-align: center; margin: 160px 0 80px 0; } .useful-tip-detail .head .tag{ font-weight: 500; font-size: 16px; } .useful-tip-detail .head .tag a{ color: #008489; } .useful-tip-detail .head h1{ margin: 20px 0 0 0; font-size: 36px; } .useful-tip-detail .head .subtitle{ font-size: 22px; margin: 10px 0 0px 0; } .useful-tip-detail .head img.author-image{ width: 80px; height: 80px; border-radius: 100px; margin-top: 60px; } .useful-tip-detail .head .author_date{ margin: 20px 0 0 0; font-size: 16px; } .useful-tip-detail .head .read-time{ font-size: 16px; margin: 20px auto auto auto; } .useful-tip-detail .head .social{ max-width: fit-content; width: -moz-fit-content; width: fit-content; margin: 20px auto 0px auto; } .useful-tip-detail .head .social > a{ display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; } .useful-tip-detail .head .social .facebook{ } .useful-tip-detail .head .social .facebook img{ height: 20px; } .useful-tip-detail .head .social .twitter{ margin-left: 20px; margin-right: 20px; } .useful-tip-detail .head .social .twitter img{ height: 20px; } .useful-tip-detail .head .social .instagram{ } .useful-tip-detail .head .social .instagram img{ height: 20px; } .useful-tip-detail .article-image{ margin: 40px 0px 40px 0px; } .useful-tip-detail .article-image img{ width: 100%; display: block; border-radius: 12px; } .useful-tip-detail-text{ font-size: 18px; } .useful-tip-detail-text iframe.instagram-media{ margin: 20px auto 20px auto!important; } .useful-tip-detail-text blockquote:not(.tiktok-embed){ margin-left: 0; margin-bottom: 32px; border-left: 5px solid; border-left-color: #EBEBEB; padding-left: 32px; font-size: 22px; font-weight: 200; } .useful-tip-detail-text p{ line-height: 165%; } .useful-tip-detail-text p a, .useful-tip-detail-text li a{ text-decoration: underline; } .useful-tip-detail-text p a:hover, .useful-tip-detail-text li a:hover{ text-decoration: none!important; } .useful-tip-detail-text p a[target="_blank"], .useful-tip-detail-text h1 a[target="_blank"], .useful-tip-detail-text h2 a[target="_blank"], .useful-tip-detail-text h3 a[target="_blank"], .useful-tip-detail-text h4 a[target="_blank"], .useful-tip-detail-text li a[target="_blank"]{ position: relative; margin-right: 2px; } .useful-tip-detail-text p a[target="_blank"]::after, .useful-tip-detail-text h1 a[target="_blank"]::after, .useful-tip-detail-text h2 a[target="_blank"]::after, .useful-tip-detail-text h3 a[target="_blank"]::after, .useful-tip-detail-text h4 a[target="_blank"]::after, .useful-tip-detail-text li a[target="_blank"]::after{ content: "\f267"; font-size: 12px; margin-left: 6px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-weight: normal; font-family: 'icon'; line-height: 1; } .useful-tip-detail-text a[href^="https://en.wikipedia.org/"]::after { content: "Wikipedia"!important; background-color: rgb(235 235 235)!important; border-radius: 4px!important; padding: 3px!important; font-family: Georgia!important; font-size: 12px!important; } .useful-tip-detail-text .very-bold{ font-weight: 800!important; } .useful-tip-detail-text hr{ border: 0; border-top: 1px solid rgb(221, 221, 221)!important; margin: 80px 0; } @media (max-width: 576px) { .useful-tip-detail-text hr{ margin: 60px 0; } } .useful-tip-detail-text iframe{ border: 0; max-width: 100%; }  .useful-tip-detail-text .table-wrapper{ overflow-x: auto; } .useful-tip-detail-text table.styled1{ padding: 6px 10px; border: 2px solid white; margin: 20px 0; } .useful-tip-detail-text table.styled1 th, .useful-tip-detail-text table.styled1 td{ padding: 6px 10px; border: 2px solid white; } .useful-tip-detail-text table.styled1 tr:first-of-type td{ font-weight: bold; } .useful-tip-detail-text table.styled2{ width: 100%; padding: 6px 10px; border: 1px solid rgb(221, 221, 221); margin: 20px 0; border-collapse: collapse; } .useful-tip-detail-text table.styled2 th, .useful-tip-detail-text table.styled2 td{ padding: 6px 10px; border: 1px solid rgb(221, 221, 221); } .useful-tip-detail-text table.styled2 tr:first-of-type td{ font-weight: 500; } .useful-tip-detail-text .green-border{ border-left: 6px solid #008489; padding-left: 16px; display: block; } .useful-tip-detail-text .red-border{ border-left: 6px solid #FF385C; padding-left: 16px; } .useful-tip-detail-text .grey-border{ border-left: 6px solid #6b6b6a; padding-left: 16px; } .useful-tip-detail-text .grey-background{ background-color: #f5f5f5; padding: 6px 10px; } .useful-tip-detail-text .brown-background{ background-color: rgb(238, 230, 224); padding: 6px 10px; } .useful-tip-detail-text .green-background{ background-color: #e7ebec; padding: 6px 10px; }  .useful-tip-detail-text a.button-grey{ text-align: center; cursor: pointer; width: fit-content; display: block; text-decoration:none; font-weight: 300; color: white; background: #525252; } .useful-tip-detail-text a.button-green{ text-align: center; cursor: pointer; width: fit-content; display: block; text-decoration:none; font-weight: 300; color: white; background: #008489; } .useful-tip-detail-text a.button-red{ text-align: center; cursor: pointer; width: fit-content; display: block; text-decoration:none; font-weight: 300; color: white; background-color: #E61E4D; background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%); } .useful-tip-detail-text a.button-small{ padding: 0px 8px; font-size: 15px; border-radius: 2px; } .useful-tip-detail-text a.button-medium{ padding: 2px 12px; font-size: 17px; border-radius: 4px; } .useful-tip-detail-text a.button-large{ padding: 4px 20px; font-size: 20px; border-radius: 5px; } .useful-tip-detail-text a.button-left{ } .useful-tip-detail-text a.button-center{ margin-left: auto!important; margin-right: auto!important; } .useful-tip-detail-text a.button-right{ margin-left: auto; margin-right: 0; } .useful-tip-detail-text a.no-border-radius{ border-radius: unset!important; } .useful-tip-detail-text .box-border{ border: 2px solid rgb(235 235 235); } .useful-tip-detail-text .box-shadow{ box-shadow: 0px 6px 20px rgb(0 0 0 / 20%); } .useful-tip-detail-text .box-border-radius{ border-radius: 15px; } .useful-tip-detail-text .box-padding { padding: 20px 40px; } .useful-tip-detail-text .box-padding-small { padding: 0 10px; } .useful-tip-detail-text .icon{ padding-left: 40px!important; position: relative; margin-bottom: 4px; margin-top: 4px; } .useful-tip-detail-text .icon::before{ position: absolute; top: 50%; left: 5px; margin-top: -10px; font-size: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; } .useful-tip-detail-text .icon-arrow::before { content: "\F2DC"; } .useful-tip-detail-text .icon-location-pin::before { content: "\F2B2"; } .useful-tip-detail-text .icon-services::before { content: "\F11B"; } .useful-tip-detail-text .icon-clock::before { content: "\F260"; } .useful-tip-detail-text .icon-pin::before { content: "\F12C"; } .useful-tip-detail-text .icon-phone::before { content: "\F358"; } .useful-tip-detail-text .icon-info::before { content: "\F278"; } .useful-tip-detail-text > ul:not(.ul-menu, .ul-condensed) li, .useful-tip-detail-text > ol li{ line-height: 180%; } .useful-tip-detail-text > ul:not(.ul-menu, .ul-condensed) li:not(:last-child), .useful-tip-detail-text > ol li{ margin-bottom: 16px; } .useful-tip-detail-text ul.ul-menu, .useful-tip-detail-text ul.ul-condensed{ padding-left: 30px; } .useful-tip-detail-text ul.ul-menu a{ text-decoration: none; font-weight: 300; font-size: 17px; } .useful-tip-detail-text ul.ul-menu ul, .useful-tip-detail-text ul.ul-menu ol, .useful-tip-detail-text ul.ul-condensed ul, .useful-tip-detail-text ul.ul-condensed ol{ margin-bottom: 20px; } .useful-tip-detail-text ul.ul-menu li, .useful-tip-detail-text ul.ul-condensed li{ padding: 4px 0; } .useful-tip-detail-text ul.ul-menu a:hover{ text-decoration: underline!important; } .useful-tip-detail-text .image{ display: block; border-radius: 3px; } .useful-tip-detail-text p > img:not(.image){ width: 100%; } .useful-tip-detail-text .image.center{ margin: 20px auto; max-width: 100%; } .useful-tip-detail-text .image.center-small{ margin: 20px auto; width: 100%; max-width: 100%; } .useful-tip-detail-text .image.max-height-v1{ margin: 20px auto; max-height: 340px; } .useful-tip-detail-text .image.max-height-left-v1{ margin: 20px 0; max-height: 340px; } .useful-tip-detail-text .image.small{ max-width: 300px; max-height: 300px; } .useful-tip-detail-text .image.medium{ max-width: 450px; max-height: 450px; } .useful-tip-detail-text .image.large{ max-width: 600px; max-height: 600px; } .useful-tip-detail-text .image.left{ float: left; margin: 10px 20px 10px 0px; } .useful-tip-detail-text .image.right{ float: right; margin: 10px 0px 10px 20px; } .useful-tip-detail-text h2{ padding-top: 40px; font-size: 36px; } .useful-tip-detail-text h3{ padding-top: 30px; } .useful-tip-detail-text h1 strong, .useful-tip-detail-text h2 strong, .useful-tip-detail-text h3 strong, .useful-tip-detail-text h4 strong{ font-weight: inherit!important; } .useful-tip-detail-text h1 a, .useful-tip-detail-text h2 a, .useful-tip-detail-text h3 a, .useful-tip-detail-text h4 a{ text-decoration: underline; } .useful-tip-detail-text h1 a:hover, .useful-tip-detail-text h2 a:hover, .useful-tip-detail-text h3 a:hover, .useful-tip-detail-text h4 a:hover{ text-decoration: none!important; } .useful-tip-detail .footer-author{ display: flex; margin: 64px 0 40px 0; padding-top: 48px; border-top: 1px solid #ddd; } @media (max-width: 576px) { .useful-tip-detail .footer-author{ display: block; } } .useful-tip-detail .footer-author img.author-image{ border-radius: 100px; margin-right: 20px; width: 100px; height: 100px; } .useful-tip-detail .footer-author .author-name{ font-weight: 800; font-size: 24px; } .useful-tip-detail .footer-author .tag{ font-size: 13px; font-weight: 500; color: rgb(106, 106, 106); } .useful-tip-detail .footer-author .author-description{ font-weight: 100; font-size: 15px; color: rgb(106, 106, 106); margin: 20px 0 0 0; } .useful-tip-detail .related-posts{ padding-top: 40px; } .useful-tip-detail .related-posts.splitter-top{ margin-top: 64px; padding-top: 48px; border-top: 1px solid #ddd; } .useful-tip-detail .related-posts h2{ font-size: 36px; } .useful-tip-detail .related-posts ul.single{ list-style: none; padding: 0; } .useful-tip-detail .related-posts ul.single li{ margin: 0 0 10px 0; display: flex; } .useful-tip-detail .related-posts ul.single li a{ font-weight: 500; display: flex; } .useful-tip-detail .related-posts ul.single li a:hover{ text-decoration: none!important; } .useful-tip-detail .related-posts ul.single li img{ display: block; width: 90px; height: 60px; border-radius: 3px; margin: 0 20px 0 0; } .useful-tip-detail .related-posts ul.single li .ttts{ font-size: 19px; } .useful-tip-detail .related-posts ul.single li a:hover .ttts{ text-decoration: underline; } .useful-tip-detail .related-posts ul.single li .sbtx{ font-weight: 100; font-size: 15px; color: rgb(106, 106, 106); } .useful-tip-detail .related-posts ul.multi{ } .useful-tip-detail .related-posts ul.multi li{ margin: 0 0 10px 0; } .useful-tip-detail .related-posts ul.multi li a{ font-weight: 500; } .useful-tip-detail .tip-footer{ clear: both; } .useful-tip-detail .tip-footer .about-platform{ margin-top: 64px; padding-top: 48px; border-top: 1px solid #ddd; } .useful-tip-detail .tip-footer .about-platform .t{ font-weight: 500; font-size: 16px; } .useful-tip-detail .tip-footer .about-platform p{ font-size: 15px; } .useful-tip-detail .tip-footer .back-to-list{ background: #222222; padding: 16px 24px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; border: 0; border-radius: 2px; font-weight: 500; text-decoration: none!important; display: block; width: fit-content; margin: 80px auto 40px auto; } .useful-tip-detail .tip-footer .back-to-list:hover{ background: #000000; }.useful-tip-detail .form-hero-get-quote{ background: #ffffff; border-radius: 4px; padding: 20px 20px 0px 20px; width: 100%; max-width: 340px; box-sizing: border-box; float: right; margin: 40px -40px 20px 40px; border: 1px solid rgb(235, 235, 235);} .useful-tip-detail .form-hero-get-quote .promfeat{ text-align: center; justify-content: center; align-items: center; border-radius: 3px; padding: 20px 0 0px 0; margin: 0px auto 0px auto; } .useful-tip-detail .form-hero-get-quote .promfeat .text { padding-bottom: 10px; } .useful-tip-detail .form-hero-get-quote .promfeat .imgs { display: flex; justify-content: center; align-items: center; } .useful-tip-detail .form-hero-get-quote .promfeat .imgs img { padding: 0 8px; max-height: 12px; filter: brightness(0) invert(0.5); z-index: 1!important; width: auto; } .useful-tip-detail .form-hero-get-quote .subtitle{ display: none; } .useful-tip-detail .form-hero-get-quote h1{ margin-bottom: 10px; line-height: 26px; font-size: 24px; } .useful-tip-detail .form-hero-get-quote .desc{ margin-bottom: 10px; color: rgb(106, 106, 106); font-size: 16px; font-weight: 100; padding-top: 0; } .useful-tip-detail .form-hero-get-quote .block { margin: 0 0 20px 0; } .useful-tip-detail .form-hero-get-quote .block.reviews { margin: 0px 0 20px 0; font-size: 14px; } .useful-tip-detail .form-hero-get-quote .block.submit { text-align: right; margin-bottom: 0; } .useful-tip-detail .form-hero-get-quote .block .t { margin-bottom: 5px; font-size: 14px; font-weight: 500; text-transform: uppercase; } .useful-tip-detail .form-hero-get-quote .block .v { } .useful-tip-detail .form-hero-get-quote .block input[type=text], .useful-tip-detail .form-hero-get-quote .block input[type=url]{ background-color: white; width: 100%; box-sizing: border-box; padding: 8px 20px; font-size: 18px; font-weight: 500; border-radius: 2px; } .useful-tip-detail .form-hero-get-quote .block input[type=text]::placeholder, .useful-tip-detail .form-hero-get-quote .block input[type=url]::placeholder{ font-weight: 300; } .useful-tip-detail .form-hero-get-quote .block select { box-sizing: border-box; padding: 8px 14px 8px 14px; font-size: 18px; font-weight: 500; border-radius: 2px; width: 100%; } .useful-tip-detail .form-hero-get-quote .block button[type=submit] { cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; border: 0; border-radius: 2px; font-weight: 500; width: 100%; background: rgb(51, 51, 51)!important; padding: 16px 24px; } .useful-tip-detail .form-hero-get-quote .block button[type=submit]:hover{ background: #222222!important; } .useful-tip-detail .delivery-history{ display: none; }.useful-tip-detail .lead-form-mobile-only{ display: none;}@media (min-width: 1200px){ .useful-tip-detail .article-image{ margin-left: -170px; margin-right: -170px; } .useful-tip-detail-text .image.left{ margin-left: -60px; } .useful-tip-detail-text .image.right{ margin-right: -60px; } @media (min-width: 1480px){ .enhanced-lead-form .useful-tip-detail-text .image.right, .useful-tip-detail-text .image.right.large{ margin-right: 0!important; } } .useful-tip-detail-text .image.right.large{ margin-right: -160px; } .useful-tip-detail-text .image.center{ max-width: 120%; margin-left: -10%; margin-right: -10%; }}@media (min-width: 1480px){ .enhanced-lead-form .useful-tip-detail-text .image.center{ max-width: 110%; margin-right: 0; }}@media (min-width: 900px) and (max-width: 1200px){ .useful-tip-detail .article-image{ margin-left: -50px; margin-right: -50px; }}@media (min-width: 700px) and (max-width: 900px){ .useful-tip-detail .article-image{ margin-left: -20px; margin-right: -20px; }}@media (max-width: 700px) { .useful-tip-detail .article-image{ overflow: hidden; border-radius: 12px; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .useful-tip-detail .article-image img { width: calc(100% + 160px); margin-left: -80px; margin-right: -80px; } .useful-tip-detail-text .image.left, .useful-tip-detail-text .image.right, .useful-tip-detail-text .image.center{ float: none!important; margin-left: auto; margin-right: auto;  object-fit: cover; } .useful-tip-detail-text .image.left:not(.no-shrink), .useful-tip-detail-text .image.right:not(.no-shrink), .useful-tip-detail-text .image.center:not(.no-shrink){ max-width: 100%; width: 100%; } .useful-tip-detail-text h2{ font-size: 26px; } .useful-tip-detail .head .subtitle{ font-size: 20px; }}@media (min-width: 1480px) { .enhanced-lead-form .useful-tip-detail-text, .enhanced-lead-form .tip-footer, .enhanced-lead-form .footer-author{ margin-left: -140px; margin-right: 140px; } .enhanced-lead-form.useful-tip-detail .form-hero-get-quote{ display: none; position: sticky; right: 0; top: 40px; z-index: 99; box-shadow: 0px 6px 20px rgb(0 0 0 / 20%) !important; max-width: 390px; margin: 0 -420px 0 0; border-radius: 12px; z-index: 9999999; } .enhanced-lead-form.useful-tip-detail .form-hero-get-quote:first-of-type{ display: block!important; } .enhanced-lead-form.useful-tip-detail .delivery-history{ display: block; margin: 30px 0 0 0!important; position: absolute; bottom: 1; max-width: 100%; left: 0; width: 100%; background: white; border-radius: 12px; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item{ margin-right: 0; background: none; box-shadow: none; max-width: 100%; padding: 0 20px!important; margin-bottom: 20px; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .is-img{ display: none; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .f{ } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .review .author{ text-align: left; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .review .head{ margin-bottom: 10px; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .review span.txt{ font-size: 15px; max-height: 60px; overflow-y: auto; overflow-x: hidden; display: block; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .review span.txt::-webkit-scrollbar{ height:10px; width:10px; border-radius: 4px; transition: all 0.3s ease; background: #FFF; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .review span.txt::-webkit-scrollbar:hover{ background: #FFF; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .review span.txt::-webkit-scrollbar-thumb{ background:#008489; border-radius: 4px; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .review{ margin: 20px; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .review .date-reviewed{ font-size: 15px!important; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .review span.txt{ } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .f{ flex-flow: column!important; align-items: normal!important; padding-right: 0!important; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .price{ order: 2!important; width: 100%!important; text-align: center!important; display: block!important; padding: 10px 0 0 0!important; border-right: 0!important; border-top: 2px solid rgb(235 235 236)!important; margin: 10px 0 0 0!important; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .title-text{ width: 100%!important; font-size: 16px!important; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .location{ width: 100%!important; font-size: 14px!important; } .enhanced-lead-form.useful-tip-detail .delivery-history .list .item .review{ padding-left: 0!important; padding-right: 0!important; max-width: 100%!important; margin-left: 0!important; margin-right: 0!important; border-bottom: 0!important; margin-bottom: 0!important; margin-top: 0!important; } .useful-tip-list .list .tip .hero-image{ overflow: hidden; display: block; border-radius: 12px; } .useful-tip-list .list .tip .hero-image img{ } .useful-tip-list .list .tip .c .head a.title{ font-weight: 500; font-size: 17px; } .useful-tip-detail.enhanced-lead-form .plvcwg{ margin-left: -18%!important; margin-right: 0!important; }}@media (max-width: 576px) { .useful-tip-detail .head{ margin-top: 80px; } .useful-tip-detail-text{ font-size: 16px; } .useful-tip-detail .form-hero-get-quote{ display: none; } .useful-tip-detail .lead-form-mobile-only{ display: block; } .useful-tip-detail .lead-form-mobile-only .form-hero-get-quote{ display: block; float: none; margin: 0 auto 20px auto!important; width: 100%!important; max-width: 100%!important; } .useful-tip-detail-text .image.max-height-v1, .useful-tip-detail-text .image.max-height-left-v1{ max-height: 240px; } .useful-tip-detail-text img.image.ar1x1 { max-height: unset; } .useful-tip-detail-text img.image.ar2x1:not(.no-scale-mobile), .useful-tip-detail-text img.image.ar3x2:not(.no-scale-mobile) { width: 100%; aspect-ratio: 1 / 1; max-height: unset; object-fit: cover; }}@media (max-width: 1200px) { .useful-tip-detail .form-hero-get-quote h1{ font-size: 20px; }}@media (min-width: 880px) { .useful-tip-detail-text .plvcwg{ max-width: 120%; margin: 40px -10% 40px -10%; }}.useful-tip-detail.resource{} .useful-tip-detail.resource .article-image{ margin-left: 0; margin-right: 0; } .useful-tip-detail.resource .article-image img{ border-radius: 2px; } .useful-tip-detail.resource .head{ margin-top: 40px; margin-bottom: 40px; text-align: left; } .useful-tip-detail.resource .head .author_date{ font-size: 15px; color: rgb(106, 106, 106); } .useful-tip-detail.resource .path{ font-size: 14px; margin-bottom: 40px; color: rgb(106, 106, 106); font-weight: 300; } .useful-tip-detail.resource .path span:not(:first-child){ margin-left: 10px; } .useful-tip-detail.resource .path span:not(:first-child)::before{ content: "\F1EE"; font-size: 12px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; padding-right: 10px; }.banner-stats{ margin: 80px auto 80px auto; overflow: hidden;} .banner-stats .cont{ overflow: hidden; display: flex; justify-content: center; background-color: #f5f5f5 !important; padding: 100px 0; } .banner-stats .stat{ width: 40%; text-align: center; display: flex; align-items: center; } .banner-stats .stat .number{ font-size: 32px; font-weight: 800; text-align: right; padding-right: 10px; width: 50%; } .banner-stats .stat .number::before{ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; margin-right: 10px; } .banner-stats .stat.rating .number::before{ content: "\F2CF"; } .banner-stats .stat.quotes .number::before{ content: "\F2D4"; } .banner-stats .stat.quotes .number::before{ } .banner-stats .stat .desc{ font-size: 13px; text-align: left; width: 50%; font-weight: 300; }.banner-reviews{ margin: 160px auto 160px auto; max-width: 1000px;} .banner-reviews.splitter-top{ border-top: solid 1px #ebebeb; padding-top: 160px; } .banner-reviews.splitter-bottom{ border-bottom: solid 1px #ebebeb; padding-bottom: 160px; } .banner-reviews.full-width{ max-width: 100%; } .banner-reviews .head{ margin-bottom: 40px; text-align: center; position: relative; } .banner-reviews .head h2{ font-size: 50px; font-weight: 800; } .banner-reviews .head p{ font-size: 22px; margin-top: 0; } .banner-reviews .content{ display: flex; align-items: center; border-radius: 12px; padding: 30px 40px 30px 0px; background-color: rgb(247, 247, 247); } .banner-reviews .hero-score{ width: 50%; } .banner-reviews .hero-score .inner{ margin: auto; width: fit-content; display: flex; } .banner-reviews .hero-score .score{ font-size: 36px; font-weight: 800; position: relative; width: 100px; height: 75px; text-align: center; margin: 0 20px 0 10px; z-index: 1; } .banner-reviews .hero-score .score span{ padding-top: 12px; display: block; padding-right: 10px; } .banner-reviews .hero-score .score::before { content: "\F351"; font-weight: 100; position: absolute; top: -12px; left: -2px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; color: rgb(51, 51, 51); z-index: -1; font-size: 100px; } .banner-reviews .hero-score .desc{ } .banner-reviews .hero-score .desc .title{ font-size: 28px; font-weight: 500; line-height: 28px; white-space: nowrap; } @media (max-width: 576px) { .banner-reviews .hero-score .desc .title{ font-weight: 800; } } .banner-reviews .hero-score .desc .review-count{ margin-top: 4px; color: rgb(106, 106, 106); } .banner-reviews .rates{ width: 50%; } .banner-reviews .rate{ display: flex; align-items: center; margin-bottom: 10px; justify-content: space-between; } .banner-reviews .rate:last-of-type{ margin-bottom: 0; } .banner-reviews .rate .title{ width: 20%; color: rgb(106, 106, 106); } .banner-reviews .rate .lvl{ width: 60%; background-color: #fff; display: block; height: 10px; overflow: hidden; border-radius: 5px; } .banner-reviews .rate .lvl div { height: 10px; background-color: rgb(51, 51, 51); float: left; border-radius: 5px; } .banner-reviews .rate.average .lvl div { min-width: 5%; } .banner-reviews .rate.poor .lvl div { min-width: 3%; } .banner-reviews .rate .score{ width: 12%; text-align: right; font-weight: 500; } .banner-reviews.page-reviews{ margin-top: 40px; margin-bottom: 60px; } .banner-reviews.page-reviews.splitter-bottom{ padding-bottom: 60px; margin-bottom: 60px; } .banner-reviews.page-reviews .head{ display: none; } .banner-reviews.page-get-prices .head h2{ font-size: 32px; } .banner-reviews.short{ max-width: 800px; } .banner-reviews.compact{ max-width: fit-content; } .banner-reviews.compact .content{ display: block; width: fit-content; margin: auto; padding: 60px; min-width: 600px; } .banner-reviews.compact .content .hero-score{ width: 100%; margin-bottom: 40px; } .banner-reviews.compact .content .rates{ width: 100%; }@media (max-width: 992px) { .banner-reviews .head h2{ } .banner-reviews .hero-score .score{ order: 2; } .banner-reviews .hero-score .score::before{ transform: scaleX(-1); } .banner-reviews .hero-score .score span{ padding-left: 8px; padding-right: 0; } .banner-reviews .content{ display: block; padding: 30px!important; min-width: 100%!important; box-sizing: border-box; } .banner-reviews .rate .title{ width: 30%; } .banner-reviews .rate .lvl{ width: 50%; } .banner-reviews .rate .score{ width: 20%; } .banner-reviews .hero-score{ width: fit-content; margin: 0 0 40px 0!important; } .banner-reviews .rates{ width: 100%; }}@media (max-width: 576px) { .banner-reviews .head{ text-align: left; } .banner-reviews .head h2{ line-height: 36px!important; font-weight: 800!important; font-size: 24px!important; } .banner-reviews .head h2::before{ position: absolute; top: -40px; left: -10px; content: "—"; font-size: 60px; padding-left: 6px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-weight: 200!important; } .banner-reviews .head p{ font-size: 18px; font-weight: 200; } .banner-reviews .hero-score .inner{ margin-left: 0; margin-right: 0; } .banner-reviews .content{ padding-left: 20px!important; padding-right: 20px!important; } .banner-reviews .rate.average .lvl div { min-width: 6%; } .banner-reviews .rate.poor .lvl div { min-width: 4%; } .banner-reviews .hero-score .desc .review-count{ font-size: 15px; color: rgb(106, 106, 106); } .banner-reviews .rate .title{ color: rgb(106, 106, 106); } .banner-reviews .rate .score{ font-size: 15px; }}.glide { position: relative; width: 100%; box-sizing: border-box;}.glide * { box-sizing: inherit;}.glide_track { overflow: hidden;}.glide_slides { position: relative; width: 100%; list-style: none; backface-visibility: hidden; transform-style: preserve-3d; touch-action: pan-Y; overflow: hidden; padding: 0; white-space: nowrap; display: flex; flex-wrap: nowrap; will-change: transform;}.glide_slides--dragging { user-select: none;}.glide_slide { width: 100%; height: 100%; flex-shrink: 0; white-space: normal; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent;} .glide_slide a{ display: block; width: 100%; border-radius: 12px; border: 1px solid #DDDDDD; overflow: hidden; } .glide_slide a img{ display: block; width: 100%; max-width: 500px; } .glide_slide a .t{ padding: 24px; font-weight: 300; }.glide_slide a { user-select: none; -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none;}.glide__arrows { -webkit-touch-callout: none; user-select: none;}.glide__bullets { -webkit-touch-callout: none; user-select: none;}.glide--rtl { direction: rtl;}.glide .controls { position: absolute; top: 50%; margin-top: -24px; width: 100%; display: flex; justify-content: space-between;} .glide .controls div{ border-radius: 99px; border: 1px solid #DDDDDD; width: 48px; height: 48px; background-color: white; cursor: pointer; box-shadow: 0px 2px 4px rgb(0 0 0 / 18%) !important; position: relative; opacity: 0.9; text-align: center; } .glide .controls div::before { font-size: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; margin-top: 12px; display: block; } .glide .controls div:hover{ opacity: 1; box-shadow: none!important; } .glide .controls .prev{ left: -24px; } .glide .controls .prev::before{ content: "\F2DA"; } .glide .controls .next{ right: -24px; } .glide .controls .next::before{ content: "\F2DC"; }@media (max-width: 768px) { .glide .controls{ position: relative; padding-bottom: 5px; justify-content: unset; margin: 0; } .glide .controls div{ width: 32px; height: 32px; } .glide .controls div::before{ font-size: 14px; margin-top: 8px; } .glide .controls .prev{ left: 0px; } .glide .controls .next{ left: 10px; }}.companies{ margin: 0 40px;}.companies h1{ font-size: 44px; margin-bottom: 40px; text-align: center;} .companies .promo-get-quote{ border-radius: 8px; margin: 40px auto; padding: 20px 30px; font-weight: 300; display: flex; font-size: 18px; align-items: center; border: solid 1px rgb(221, 221, 221); width: fit-content; } .companies .promo-get-quote a{ padding: 10px 24px; border-radius: 2px; text-align: center; cursor: pointer; color: white; font-weight: 500; text-decoration: none!important; display: inline-block; margin: 0 20px 0 0; white-space: nowrap; font-size: 20px; background: rgb(52 52 52); } .companies .promo-get-quote a:hover{ background: black; } .companies .list{ margin: 0 0 40px 0; display: flex; flex-wrap: wrap; } .companies .list .company{ margin: 0 0 0px 0; padding: 40px; overflow: hidden; min-width: 300px; box-sizing: border-box; } .companies .list .company:nth-child(-n+3) { border-top: 0px; } .companies .list .company:first-child, .companies .list .company:nth-child(3n+4) { border-left: 0px; } .companies .list .company .flx{ display: flex; align-items: center; margin-bottom: 10px; } .companies .list .company .photo{ margin-right: 10px; } .companies .list .company .photo img{ display: block; border-radius: 100%; width: 44px; border: 3px solid #e8e8e8; } .companies .list .company .title{ font-weight: 800; font-size: 22px; line-height: 100%; } .companies .list .company .location{ } .companies .list .company .note { position: relative; font-size: 16px; font-weight: 200; margin: 0px 0 0px 0; overflow: hidden; } .companies .list .company ul.services{ font-size: 14px; display: block; padding: 0; overflow: hidden; max-width: 90%; } .companies .list .company ul.services li{ font-size: 14px; float: left; } .companies .list .company ul.services li{ padding-left: 0px; margin-left: 20px; margin-bottom: 0px; }@media (min-width: 1200px) { .companies .list .company{ border-left: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; width: 33%; }}@media (max-width: 1200px) { .companies .list .company{ border-bottom: 1px solid #e8e8e8; padding-left: 0; }}@media (max-width: 576px) { .companies{ margin: 0 15px; } .companies .list{ padding-left: 0!important; border-left: 0!important; } .companies h1{ line-height: 100%!important; font-size: 32px!important; text-align: center; } .companies .list .company .title{ font-size: 24px!important; } .companies .list .company .title.long{ font-size: 20px; } .companies .list .company ul.services li{ float: none!important; } .companies .list .company .note { width: 100%!important; } .companies .promo-get-quote{ display: block!important; text-align: center; } .companies .promo-get-quote a{ width: 100%!important; box-sizing: border-box; margin: 0 0 20px 0!important; display: block!important; }}.live-feed{ position: fixed; bottom: 0; right: 40px; width: 100%; max-width: 300px; z-index: 99;}.live-feed .head{ margin: 0 0 10px 0; display: flex; align-items: baseline; background-color: #f5f5f5; max-width: fit-content; padding: 0 10px 0 4px; margin-left: auto; margin-right: 40px;} .live-feed .head .t{ font-size: 16px; font-weight: 500; } .live-feed .head .sound{ position: relative; width: 20px; height: 20px; margin: 0 0 0 10px; cursor: pointer; display: none; } .live-feed .head .sound::before{ content: "\F10E"; font-size: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .live-feed .head .sound.off::after{ position: absolute; content: "\F299"; font-size: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; left: 0; }.live-feed .feeds{} .live-feed .feeds .feed{ display: flex; margin: 0 0 20px 0; align-items: center; justify-content: flex-end; color: #f5f5f5; } .live-feed .feeds .feed a{ width: 100%; border-radius: 8px; color: white; background: rgb(51, 51, 51); padding: 10px; box-shadow: 0 1px 2px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 5%); } .live-feed .feeds .feed a:hover{ text-decoration: none!important; background: #000000; } .live-feed .feeds .feed a .t{ font-weight: 500; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; max-width: 250px; overflow: hidden; } .live-feed .feeds .feed a .location{ overflow: hidden; box-sizing: border-box; display: flex; font-size: 12px; } .live-feed .feeds .feed a .location .collection{ text-overflow: ellipsis; white-space: nowrap; max-width: fit-content; overflow: hidden; } .live-feed .feeds .feed a .location .delivery{ padding-left: 30px; position: relative; text-overflow: ellipsis; white-space: nowrap; max-width: fit-content; box-sizing: border-box; overflow: hidden; } .live-feed .feeds .feed a .location .delivery::before { content: "\F2DD"; font-size: 12px; position: absolute; top: 50%; margin-top: -6px; left: 9px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; } .live-feed .feeds .feed a .time-ago{ font-size: 10px; } .live-feed .feeds .feed .close{ position: relative; cursor: pointer; width: 20px; height: 20px; margin-left: 20px; } .live-feed .feeds .feed .close::before{ content: "\F2E0"; font-size: 22px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; color: rgb(106, 106, 106); }.yrewrite{ display: block; position: relative;} .yrewrite textarea{ padding-bottom: 50px!important; scroll-padding: 50px; } .yrewrite .yrewrite-button{ cursor: pointer; width: 100%; min-height: 10px; } .yrewrite .yrewrite-button::after{ content: "IMPROVE TEXT"; font-weight: 300; font-size: 12px; background-color: #619b9f; position: absolute; bottom: 8px; left: 10px; cursor: pointer; border-radius: 2px; color: white; padding: 1px 4px 1px 4px; cursor: pointer; } .yrewrite .yrewrite-button:hover::after{ background-color: rgba(0, 132, 137, 0.85); } .yrewrite-popup{ display: none; padding: 20px; overflow-y: auto; border: 1px solid rgba(107, 107, 106, 0.4); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 1001!important; box-shadow: 0 3px 10px rgb(0 0 0 / 20%) !important; background-color: rgb(247, 247, 247); box-sizing: border-box; margin-top: -6px; } .yrewrite-popup .alert{ background: none; margin: 0; color: inherit; padding: 0; font-size: 16px; } .yrewrite-popup .textarea{ width: 100%; box-sizing: border-box; resize: none; margin: 0 0 20px 0; padding: 0x; font-size: 15px; max-height: 600px; overflow-y: auto; } .yrewrite-popup .textarea::-webkit-scrollbar{ height:10px; width:10px; border-radius: 4px; background: transparent; transition: all 0.3s ease; } .yrewrite-popup .textarea::-webkit-scrollbar-thumb{ background:#6b6b6a; border-radius: 4px; } .yrewrite-popup input[type=button]{ width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .yrewrite-popup .btngr{ display: flex; } .yrewrite-popup input[type=button][name=use]{ background: #222222; border-radius: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding: 6px 12px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 300; border: 0; width: 100%; box-shadow: 0 2px 4px rgb(0 0 0 / 10%) !important; margin: 0; } .yrewrite-popup input[type=button][name=use]:hover{ background: #000; } .yrewrite-popup input[type=button][name=regenerate]{ background-color:#6b6b6a; border-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding: 6px 12px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 16px; font-weight: 100; border: 0; width: 25%; min-width: 120px; box-shadow: 0 2px 4px rgb(0 0 0 / 10%) !important; margin: 0; }@media (max-width: 576px) { .yrewrite .yrewrite-button::after{ left: 10px; right: 10px; bottom: 10px; text-align: center; padding: 6px 4px; font-size: 14px; } .yrewrite textarea{ padding-bottom: 60px!important; }}.across-cities{ margin: 140px auto 140px auto; display: flex; max-width: 100%;} .across-cities.full-width{ max-width: 100%; padding-left: 0; padding-right: 0; } @media (min-width: 576px) { .across-cities.splitter-top{ border-top: solid 1px #ebebeb; padding-top: 140px; } } .across-cities .col1{ width: 50%; } .across-cities .col1 img{ width: 300px; z-index: -1; position: relative; margin-top: -14px; max-height: 240px; } @media (min-width: 768px) and (max-width: 1200px){ .across-cities .col1 img{ margin: -190px 20px 40px 0; float: right; } } @media (min-width: 768px) and (max-width: 992px){ .across-cities .col1 img{ margin-right: 0; width: 250px; float: right; } } .across-cities .col1 h2{ font-size: 38px; } .across-cities .col1 p{ font-size: 22px; margin-top: 10px; max-width: 400px; } @media (max-width: 768px) { .across-cities{ text-align: center!important; } .across-cities .col1{ display: flex; flex-wrap: wrap; } .across-cities .col1 h2{ order: 2; width: 100%; } .across-cities .col1 h2::before{ content: ""!important; } .across-cities .col1 p{ font-size: 16px; order: 3; width: 100%; max-width: 100%; } .across-cities .col1 img{ width: 250px; order: 1; margin-left: auto; margin-right: auto; } .across-cities .col1 p .nowrap.line1{ white-space: normal; } } .across-cities{ } .across-cities .col1 p { text-transform: inherit; } .across-cities .col1 p::first-letter{ text-transform: inherit; } .across-cities .col1 br { display: inherit; } .across-cities .col2{ overflow: hidden; width: 51%; } .across-cities .col2 ul{ padding: 0; margin: 0; } .across-cities .col2 ul li{ list-style: none; padding: 5px 10px; display: inline-block; font-size: 15px; color: rgb(72, 72, 72); background: #f5f5f5; border-radius: 12px; margin: 0 8px 8px 0; border: 1px solid #b0b0b0; } .across-cities .col2 ul li a{ color: rgb(72, 72, 72); }.across-cities.no-cols,.across-cities.no-cols .col1,.across-cities.no-cols .col2,.across-cities .col1 p{ display: block; width: 100%; max-width: 100%;}.banner-hero .pop-post button[type=submit]{ background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%) !important; min-width: auto; background: rgb(51, 51, 51)!important;} .banner-hero .pop-post button[type=submit]:hover{ background: #222222!important; }.banner-hero .insider .rev{ text-align: center; font-size: 18px; margin: 50px 0 20px 0;}@media (min-width: 992px) { .banner-hero{ width: 1303px; background-repeat: no-repeat; background-size: cover; height: 651px; border-radius: 75px; margin: -20px 0 0 -26px; position: relative; background-color: #CCC; background-position: bottom; } .banner-hero .insider{  background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1)); padding-bottom: 180px; padding-top: 20px; } .banner-hero .insider h1 .s{ display: block; } .banner-hero .intro{ text-align: center; margin: auto; padding: 0px 0 0 0; text-shadow: 0px 0px 6px rgba(255,255,255,0.7); margin-top: 20px; } .banner-hero .intro h1{ font-size: 42px; font-weight: 800; margin-bottom: 20px; } .banner-hero .intro h2{ font-size: 18px; font-weight: 200; } .banner-hero .intro h3{ font-size: 20px; font-weight: 200; } .banner-hero .pop-post{ margin: 20px auto auto auto; padding: 0; max-width: fit-content; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) !important; background-color: white; border-radius: 45px; border-top-right-radius: 45px; border-bottom-right-radius: 45px; border: 0; width: -moz-fit-content; } .banner-hero .pop-post input, .banner-hero .pop-post select, .banner-hero .pop-post .select, .banner-hero .pop-post button[type=submit]{ box-shadow: none!important; border: 0; } .banner-hero .pop-post input::placeholder{ color: #222222; opacity: 1; } .banner-hero .pop-post .select{ border-top-left-radius: 45px; border-bottom-left-radius: 45px; } .banner-hero .pop-post .splitter{ width: 1px; border-right: 1px solid #DDDDDD; height: 40px; } .banner-hero .pop-post input:focus{ outline: none!important; } .banner-hero .pop-post .block-submit { margin: 9px 10px 9px 10px; } .banner-hero .pop-post button[type=submit]{ padding: 6px 10px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; border-radius: 45px; font-size: 16px; position: relative; width: 40px; height: 40px; transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 82, 82, 1); animation: pulse-red 1s infinite; } .banner-hero .pop-post button[type=submit] .text{ display: none; } .banner-hero .pop-post button[type=submit]::before{ position: absolute; content: "\F2DD"; font-size: 21px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; top: 10px; left: 11px; } .banner-hero .pop-post .block-coldel .collection, .banner-hero .pop-post .block-coldel .delivery{ padding: 0; } .banner-hero .select-category-popup .popup-category{ width: 180%; } .banner-hero .pop-post .select{ border: 0; padding: 16px 46px 16px 20px; } .banner-hero .pop-post form{ display: flex; border-radius: 6px; align-items: center; padding: 0px 0; } .banner-hero .pop-post .block-category{ padding: 0; margin: 0; } .banner-hero .pop-post .block-coldel{ padding: 0; margin: 0; align-items: center; } .banner-hero .featured-on{ position: absolute; bottom: 80px; left: 0; right: 0; } .banner-hero .featured-on .text{ } .banner-hero .featured-on .imgs img{ filter: brightness(0) invert(100); }}@keyframes pulse-red { 0% { transform: scale(0.90); box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(255, 82, 82, 0); } 100% { transform: scale(0.90); box-shadow: 0 0 0 0 rgba(255, 82, 82, 0); }}@media (min-width: 992px) and (max-width: 1200px) { .banner-hero{ width: 100%; margin-left: 0; margin-right: 0; height: 503px; background-position: 66% 28%; background-size: 1341px auto; } .banner-hero .pop-post{  }}@media (min-width: 1200px) and (max-width: 1400px) { .banner-hero{ width: 100%; margin-left: 0; margin-right: 0; height: 600px; background-position: 66% 0%; background-size: 1276px auto; }}@media (min-width: 1400px) and (max-width: 1460px) { .banner-hero{ margin-left: -101px; }}@media (min-width: 1460px) { .banner-hero{ margin-left: -26.5px; }}@media (max-width: 992px) { .banner-hero .intro{ margin: 30px 0 40px 0; } .banner-hero .intro h1{ font-size: 30px; margin-bottom: 20px; } .banner-hero .intro h1 u{ text-decoration: none; } .banner-hero .intro h2{ font-size: 18px; font-weight: 200; display: inline; } .banner-hero .intro h3{ font-size: 18px; font-weight: 200; display: inline; }}@media (max-width: 576px) { .banner-hero .intro h1{ margin-top: 10px; font-size: 28px; font-weight: 800; text-align: center; margin-left: 10px; margin-right: 10px; } .banner-hero .intro h1 .ldash, .banner-hero .rev .star{ display: none; } .banner-hero .intro h3{ text-align: center; display: block; max-width: 90%; margin: auto; } .banner-hero .pop-post .select{ text-align: center; } .banner-hero .featured-on{ margin-top: 20px; margin-bottom: 140px; overflow: hidden; } .banner-hero .featured-on .imgs img{ filter: brightness(0) invert(0.2)!important } .banner-hero .featured-on::before{ font-weight: 500; margin-bottom: 10px; padding-bottom: 10px; font-size: 13px; content: "FEATURED ON"; display: block; }}@media (max-width: 768px) { .banner-hero .intro h1 .s{ } .banner-hero .intro{ margin: 10px 0px 40px 0; } .banner-hero .insider .rev{ font-size: 15px; font-weight: 300; order: 3; } .banner-hero .insider{ display: flex; flex-wrap: wrap; flex-direction: column; }}.featured-snippets{ margin: 140px 0 140px 0;} .featured-snippets.splitter-top { border-top: solid 1px #ebebeb; padding-top: 140px; } .featured-snippets.splitter-bottom { border-bottom: solid 1px #ebebeb; padding-bottom: 140px; } .featured-snippets .heading{ margin: auto auto auto auto; font-size: 50px; font-weight: 800; text-align: center; } .featured-snippets .desc{ margin: 10px auto auto auto; font-size: 22px; font-weight: 100; text-align: center; max-width: 700px; } .featured-snippets .items{ display: flex; flex-wrap: wrap; margin: 40px 0 40px 0; } .featured-snippets .items .item{ padding: 40px 0px 0 0; margin: 0 0 0 0; box-sizing: border-box; cursor: pointer; } .featured-snippets.three-col .items .item{ width: 33%; } .featured-snippets.three-col .items .item:nth-child(3n+1){ padding-right: 40px; } .featured-snippets.three-col .items .item:nth-child(3n+2){ padding-left: 20px; padding-right: 20px; } .featured-snippets.three-col .items .item:nth-child(3n+3){ padding-left: 40px; } .featured-snippets.two-col .items .item{ width: 50%; } .featured-snippets.two-col .items .item:nth-child(odd){ padding-right: 40px; } .featured-snippets.two-col .items .item:nth-child(even){ padding-left: 40px; } .featured-snippets .items .item .title{ font-size: 22px; font-weight: 500; margin: 0 0 20px 0; } .featured-snippets .items .item:hover .title{ text-decoration: underline; } .featured-snippets.three-col .items .item:nth-child(n+4) .title, .featured-snippets.two-col .items .item:nth-child(n+3) .title{ border-top: 1px solid #dddddd; padding: 40px 0 0 0; } .featured-snippets .items .item .text{ font-size: 16px; color: rgb(106, 106, 106); } .featured-snippets .items .item .popup{ display: none; }.modal-featured-snippets{ max-width: 600px; min-width: 300px; width: 100%;} @media (min-width: 1536px) { .modal-featured-snippets{ max-width: 800px; } } .modal-featured-snippets h3{ font-size: 24px; } .modal-featured-snippets p{ line-height: 165%; } .modal-featured-snippets img.regular{ width:100%; border-radius:6px; }@media (min-width: 992px) {}@media (min-width: 576px) and (max-width: 768px) { .featured-snippets .items .item .title { font-size: 18px; } .featured-snippets.three-col .items .item:nth-child(3n+1), .featured-snippets.two-col .items .item:nth-child(odd){ padding-right: 20px; } .featured-snippets.three-col .items .item:nth-child(3n+2) { padding-left: 10px; padding-right: 10px; } .featured-snippets.three-col .items .item:nth-child(3n+3), .featured-snippets.two-col .items .item:nth-child(even){ padding-left: 20px; }}@media (max-width: 576px) { .featured-snippets .heading{ text-align: left; font-size: 38px!important; line-height: 44px!important; font-weight: 800!important; position: relative; padding-bottom: 20px; } .featured-snippets .heading::before { position: absolute; top: -40px; left: -10px; content: "—"; font-size: 60px; padding-left: 6px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-weight: 200!important; } .featured-snippets .desc{ text-align: left; font-size: 18px !important; line-height: 26px !important; padding-bottom: 40px; } .featured-snippets .items .item { width: 100%!important; padding: 0px 0px 0 0!important; } .featured-snippets .items .item:nth-child(n+2) { border-top: 1px solid #dddddd; padding: 20px 0 0 0!important; margin: 20px 0 0 0!important; } .featured-snippets .items .item .title{ border-top: none!important; font-size: 18px; padding: 0!important; } .featured-snippets .items .item .title::after{ margin-left: 3px; content: "\F2DD"; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; color: #008489; }}#emailAlertMap{ height: 420px; width: 100%; border-radius: 5px;}form.profile-driver .block.block-map{} form.profile-driver .block.block-map .reset-map{ margin: 10px 0 0 0; } form.profile-driver .block.block-map .reset-map::after { content: "\F1CD"; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; margin: 0 6px 0 0; } form.profile-driver .block.block-map .desc::before { content: "\F2E1"; } form.profile-driver .block.frequency .desc::before { content: "\F357"; } form.profile-driver .block.push-notifications .desc::before { content: "\F145"; } form.profile-driver .block.push-notifications .push-notifications-enabled, form.profile-driver .block.push-notifications .push-notifications-disabled{ display: flex; align-items: center; } form.profile-driver .block.block-map .info{ margin: 0 0 20px 0; } form.profile-driver .block.block-map .explanation{ display: none; background-color: rgb(235, 235, 235); border-radius: 5px; margin: 20px 0 0 0; border: 2px solid rgb(235, 235, 235); padding: 0; overflow: hidden; align-items: center; } form.profile-driver .block.block-map .explanation .inner{ display: flex; align-items: center; } form.profile-driver .block.block-map .explanation img{ max-width: 150px; height: auto; } form.profile-driver .block.block-map .explanation .text{ padding: 20px 20px 0 20px; } form.profile-driver .block.block-map .explanation .text ul{ padding-left: 20px; }@font-face { font-family: 'Mallory'; src: url('/css/font/mallory/Mallory-Light-2.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap;}@font-face { font-family: 'Mallory'; src: url('/css/font/mallory/Mallory-Book-2.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap;}@font-face { font-family: 'Mallory'; src: url('/css/font/mallory/Mallory-Medium-2.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap;}@font-face { font-family: 'Mallory'; src: url('/css/font/mallory/Mallory-Bold-2.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap;}@font-face { font-family: 'icon'; src: url('/css/icon/icon.woff') format('woff'); font-style: normal; font-display: block;}.banner-block1{ margin: 160px 0; background-color: #f5f5f5; box-sizing: border-box; align-items: center; border-radius: 12px; display: flex;} .banner-block1.border-square{ border-radius: 0px; } .banner-block1 img{ max-height: 460px; } .banner-block1.border-square img{ border-radius: 0px; } .banner-block1.img-inner img{ width: auto; max-height: 500px; margin: 40px; max-width: 500px; border-radius: 12px; } .banner-block1 .c{ padding: 60px 80px 60px 80px; } .banner-block1 .t{ font-weight: 800; font-size: 30px; padding: 0; } .banner-block1 .r{ max-width: 800px; } .banner-block1 .r p{ color: rgb(72, 72, 72); font-size: 17px; } .banner-block1 .r .link{ font-weight: 300; border: 2px solid #222; border-radius: 8px; padding-top: 12px; padding-bottom: 12px; padding-left: 24px; padding-right: 24px; margin: 10px 0 0 0; display: inline-block; } .banner-block1 .r .link:hover{ text-decoration: none!important; background-color: #e8e8e8; }.banner-block1.about-us{ border-radius: 12px; overflow: hidden;} .banner-block1.about-us .t{ font-size: 50px; } .banner-block1 .r p{ font-size: 18px; } .banner-block1.about-us.gallery{ display: block; margin-left: auto; margin-right: auto; padding-top: 10px; } .banner-block1.about-us.gallery .c-gallery{ margin: 50px 120px 0 80px; position: relative; } .banner-block1.about-us.gallery .c-gallery img{ border-radius: 12px; width: 100%; max-height: 100%; } .banner-block1.about-us.gallery .c-gallery img:hover{ cursor: pointer; } .banner-block1.about-us.gallery .photo-next{ position: absolute; cursor: pointer; bottom: 50%; background-color: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; box-shadow: transparent 0px 0px 0px 1px, transparent 0px 0px 0px 4px, rgb(0 0 0 / 12%) 0px 6px 16px !important; transform: scale(1.04) !important; padding: 4px; border-radius: 8px; border: 4px solid #222222; margin-bottom: -29px; opacity: 0.9; transition: opacity .15s ease-in-out; right: 40px; } .banner-block1.about-us.gallery .c-gallery:hover .photo-next{ opacity: 1; margin-bottom: -34px; } .banner-block1.about-us.gallery .c-gallery .photo-next svg{ height: 40px; width: 40px; } .banner-block1.about-us.gallery .c-gallery:hover .photo-next svg{ height: 50px; width: 50px; }@media (min-width: 992px) and (max-width: 1200px) {}@media (max-width: 992px) { .banner-block1{ display: block; } .banner-block1 .c{ padding: 20px; } .banner-block1.about-us.gallery{ padding-top: 0; overflow: hidden; background: none; border-radius: 0; } .banner-block1.about-us.gallery .c{ padding: 0; } .banner-block1.about-us.gallery .t{ margin-top: 40px; } .banner-block1.about-us.gallery .c-gallery{ margin: 0px 0px 10px 0px; } .banner-block1.about-us.gallery .c-gallery .wrapper-img{ border-radius: 12px; overflow: hidden; } .banner-block1.about-us.gallery .c-gallery img{ width: calc(100% + 120px); margin: 0 -60px; display: block; } .banner-block1:not(.gallery) img{ display: none; } .banner-block1 .t{ font-size: 24px!important; }}@media (max-width: 768px) { .banner-block1.about-us.gallery .c-gallery .photo-next{ right: 10px; margin-bottom: -19px!important; } .banner-block1.about-us.gallery .c-gallery .photo-next svg, .banner-block1.about-us.gallery .c-gallery:hover .photo-next svg{ height: 20px; width: 20px; }}@media (max-width: 576px) { .banner-block1{ } .banner-block1 .r{ padding-left: 0!important; } .banner-block1 .r .link{ margin-top: 20px; display: inline-block; }}.account-messages{} .account-messages .no-messages{ font-size: 18px; margin: 20px 0; } .account-messages h1{ font-size: 60px; margin-bottom: 20px; } .account-messages .yloader{ margin-top: 80px; } .account-messages form.chat-messages-menu{ display: flex; margin-bottom: 20px; flex-flow: wrap; } .account-messages form.chat-messages-menu .cat{ cursor: pointer; font-size: 20px; margin: 5px 20px 5px 0; } .account-messages form.chat-messages-menu .cat:last-child{ margin-right: 0; } .account-messages form.chat-messages-menu .cat:hover{ text-decoration: underline; } .account-messages form.chat-messages-menu .cat.selected{ font-weight: 500; } .account-messages input[type=submit]{ position: sticky; bottom: 30px; left: 50%; transform: translate(-50%, 0); background-color: #008489; color: white; padding: 10px 22px; font-size: 20px; border-radius: 8px; font-weight: 200; cursor: pointer; display: none; z-index: 1; outline: 3px solid white; } .account-messages button[name='loadmore']{ border: 0; cursor: pointer; user-select: none; text-align: center; font-size: 16px; font-weight: 300; margin: 20px 0 0 0; background: white; width: fit-content; padding: 0; color: #222222; } .account-messages button[name='loadmore']:focus{ outline: 0; } .account-messages .table-messages .wrapper { overflow-x: scroll; } .account-messages .table-messages .wrapper::-webkit-scrollbar{ height:10px; width:10px; border-radius: 4px; background: transparent; transition: all 0.3s ease; } .account-messages .table-messages .wrapper::-webkit-scrollbar-thumb{ background:#008489; border-radius: 4px; } .account-messages table.messages{ width: 100%; border-spacing: 0; font-size: 15px; table-layout: fixed; min-width: 800px; } .account-messages table.messages a:hover{ } .account-messages table.messages tr{ } .account-messages table.messages tr td{ padding: 12px 10px; } .account-messages table.messages tr{ } .account-messages table.messages tr.unread{ font-weight: 500; } .account-messages table.messages tr td{ border-bottom: 1px solid #ddd; } .account-messages table.messages tr:last-child td{ border-bottom: none!important; } .account-messages table.messages tr:nth-child(odd){ background-color: #f5f5f5; } .account-messages table.messages tr:nth-child(even){ background-color: #FFFFFF; } .account-messages table.messages tr td.nav{ width: 50px; padding-right: 0; } .account-messages table.messages tr td.nav .flex{ align-items: center; } .account-messages table.messages tr td.nav input[type=checkbox]{ margin-top: 0; margin-bottom: 2px; } .account-messages table.messages tr td.nav .chat-has-star{ width: 16px; margin-left: 10px; cursor: pointer!important; } .account-messages table.messages tr td.nav .chat-has-star::before{ content: "\F344"; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; font-weight: bold; text-rendering: auto; font-family: 'icon'; opacity: 0.6; margin-right: 10px; } .account-messages table.messages tr td.nav .chat-has-star.starred::before{ content: "\F2CF"; opacity: 1; color: rgb(255, 56, 92); } .account-messages table.messages tr td.title{ overflow: hidden; width: 100%; } .account-messages table.messages tr td.title .bookmarked, .account-messages table.messages tr td.title .unreplied, .account-messages table.messages tr td.title .auto-followup{ font-size: 11px; color: white; background-color: rgba(107, 107, 106, 0.6); border-radius: 2px; margin: 1px 0 0 10px; padding: 2px 4px; font-weight: 300; height: fit-content; white-space: nowrap; } .account-messages table.messages tr td.title .unreplied{ background-color: rgba(0, 132, 137, 0.5); } .account-messages table.messages tr td.title .bl{ display: flex; } .account-messages table.messages tr td.title .listing-title{ white-space: nowrap; max-width: 80%; text-overflow: ellipsis; overflow: hidden; } .account-messages table.messages tr td.title .last-message{ padding-left: 6px; opacity: 0.4; flex: 1 0 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 100!important; } .account-messages table.messages tr td.status{ width: 90px; } .account-messages table.messages tr td.amount{ width: 60px; } .account-messages table.messages tr td.date-last-message{ text-align: right; width: 100px; }.chat-response-time{ border: 1px solid rgb(221, 221, 221); border-radius: 8px; padding: 24px; width: fit-content; margin: 20px 0; display: flex; align-items: center; font-size: 18px;} .chat-response-time .icon{ display: block; width: 32px; height: 32px; margin: 0 24px 0 0; } .chat-response-time .yrt{ font-weight: 500; } .chat-response-time .status{ font-size: 16px; }@media (min-width: 992px){ .page-delivery .modal-button-show { position: fixed; bottom: 30px; display: block!important; z-index: 2; left: 50%; transform: translate(-50%, 0); } .page-delivery .modal-button-show .container span{ display: none; } .page-delivery .modal-button-show .container{ display: flex; } .page-delivery .modal-button-show .container a.q.search{ } .page-delivery .modal-button-show .container a.q.search, .page-delivery .modal-button-show .container a.q.prev, .page-delivery .modal-button-show .container a.q.next{ display: block; background-color: rgb(51, 51, 51); color: white; padding: 12px 24px 12px 24px; font-size: 14px; border-radius: 8px; cursor: pointer; margin: 0 10px; font-weight: 300; text-align: center; box-shadow: 0 0 0 1px transparent, 0 0 0 4px transparent, 0 6px 16px rgba(0,0,0,0.12)!important; min-width: 130px; box-sizing: border-box; } .page-delivery .modal-button-show .container a.q.search:hover, .page-delivery .modal-button-show .container a.q.prev:hover, .page-delivery .modal-button-show .container a.q.next:hover{ transform: scale(1.03); } .page-delivery .modal-button-show .container a.q.search::after{ content: "New search"; } .page-delivery .modal-button-show .container a.q.prev::after{ content: "Previous"; } .page-delivery .modal-button-show .container a.q.prev::before{ content: "\F2DB"; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-right: 6px; margin-left: -6px; } .page-delivery .modal-button-show .container a.q.next::before{ content: "Next"; } .page-delivery .modal-button-show .container a.q.next::after{ content: "\F2DD"; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-left: 6px; margin-right: -6px; } .page-delivery .modal-button-show .container a:hover{ text-decoration: none!important; }}@media (max-width: 576px){ .account-messages input[type=submit]{ left: auto!important; transform: none!important; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .account-messages h1{ font-size: 48px; }}.cards-list{ margin: 160px 0;} .cards-list h2{ font-weight: 800; font-size: 50px; margin: 0 0 0px 0; } .cards-list .wglist{ overflow: hidden; background-color: #f5f5f5; padding-top: 80px; padding-bottom: 80px; } .cards-list .glist{ display: flex; overflow: hidden; white-space: nowrap; transition: all 0.6s, left 0.6s; will-change: transform; user-select: none; width: 100%; overflow-x: scroll; overflow-scrolling: touch!important; overscroll-behavior-x: none; padding-top: 20px; padding-bottom: 20px; scrollbar-width: none; } .cards-list .glist::-webkit-scrollbar { width: 20px; } .cards-list .glist .gitem{ background: white; border-radius: 12px; padding: 40px 40px 20px 40px; margin: 0 40px 0 0; min-width: 300px; max-width: 330px; white-space: initial; transition: all 0.6s, left 0.6s; cursor: pointer; position: relative; overflow: hidden; } .cards-list .glist .gitem .image{ margin: -40px -40px 10px -40px; } .cards-list .glist .gitem .image img{ width: 100%; max-height: 190px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .cards-list .glist .gitem .gitem-t{ font-size: 26px; font-weight: 500; margin: 0 0 10px 0; } .cards-list .glist .gitem .gitem-tx{ font-size: 18px; margin: 0 0 40px 0; color: rgb(72, 72, 72); } .cards-list .glist .gitem .gitem-a{ font-weight: 500; color: #008489; position: absolute; bottom:20px } .cards-list .glist .gitem .gitem-a::after{ content: "\F2DC"; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-left: 4px; } .cards-list .nav-points{ display: flex; margin: 20px 0 0 40px; } .cards-list .nav-points > div{ background-color: #e8e8e8; margin-right: 20px; border-radius: 100%; width: 16px; height: 16px; cursor: pointer; } .cards-list .nav-points > div.active{ background-color: #222; }@media (min-width: 768px) and (max-width: 992px) { .cards-list h2{ font-size: 44px; }}@media (min-width: 576px) and (max-width: 768px) { .cards-list h2{ font-size: 34px; }}@media (max-width: 576px) { .cards-list{ margin-left: -25px; margin-right: -24px; } .cards-list h2{ font-size: 30px; position: relative; font-weight: 800; padding-top: 20px; margin-bottom: 20px; } .cards-list .nav-points{ display: none; } .cards-list .glist{ padding-left: 10px; } .cards-list .glist .gitem{ padding: 20px; margin: 0 20px 0 0; min-width: 240px; max-width: 280px; } .cards-list .glist .gitem:first-child{ margin-left: 15px; } .cards-list .glist .gitem .gitem-t{ font-size: 22px; } .cards-list .glist .gitem .gitem-tx{ font-size: 16px; } .cards-list .glist .gitem .image{ margin: -20px -20px 10px -20px; } .cards-list .glist .gitem .image img{ max-height: 140px; border-radius: 0px; }}.landing-page-list{ margin: 140px auto 140px auto;} @media (min-width: 768px) { .landing-page-list{ margin-left: -20px; } } .landing-page-list .head{ padding-left: 20px; margin-bottom: 40px; } .landing-page-list .head h2{ font-weight: 800; font-size: 49px; margin: 0 0 0 0; position: relative; } .landing-page-list .head .text{ max-width: 800px; font-weight: 200; font-size: 24px; } .landing-page-list .list{ display: flex; flex-wrap: nowrap; overflow-x: auto; } .landing-page-list .list::-webkit-scrollbar{ height:10px; width:10px; border-radius: 4px; transition: all 0.3s ease; background: #FFF; } .landing-page-list .list::-webkit-scrollbar:hover{ background: #FFF; } .landing-page-list .list::-webkit-scrollbar-thumb{ background:rgb(72, 72, 72); border-radius: 4px; opacity: 0.2; } .landing-page-list .list .item{ padding: 20px 0px 20px 25px; border: 1px solid rgba(0,0,0,0.02); box-shadow: 0 6px 16px rgb(0 0 0 / 12%); margin: 20px 20px 20px 20px; border-radius: 12px; min-width: 195px; width: fit-content; cursor: pointer; } .landing-page-list .list .item:hover{ text-decoration: none!important; } .landing-page-list .list .item .img-wrapper{ height: 50px; display: flex; align-items: flex-end; } .landing-page-list .list .item img{ width: 60px; } .landing-page-list .list .item .ti{ margin: 12px 0 0 0; font-weight: 500; } .landing-page-list .list .item .de{ color: rgb(106, 106, 106); font-size: 13px; font-weight: 100; margin-bottom: -10px; }@media (max-width: 1200px) { .landing-page-list .head{ padding-left: 0; }}@media (max-width: 576px) { .landing-page-list h2 { line-height: 36px!important; font-weight: 800!important; font-size: 24px!important; } .landing-page-list h2::before { position: absolute; top: -40px; left: -10px; content: "—"; font-size: 60px; padding-left: 6px; display: inline-block; font-style: normal; text-rendering: auto; font-weight: 200 !important; font-variant: normal; } .landing-page-list .text{ font-size: 18px!important; } .landing-page-list .head{ margin-bottom: 20px; }}@media (min-width: 1460px) { .page-deliveries.sliding{ } .page-deliveries.sliding .search{ width: 437px!important; } .page-deliveries.sliding .no-autoload, .page-deliveries.sliding .header-box, .page-deliveries.sliding .item-autoload, .page-deliveries.sliding ul.listings{ width: 793px!important; } .place-quote .coldel .options .within-days{ text-align: center; } .place-quote .coldel .options .within-days .t1{ text-align: center; float: none; margin-bottom: 10px; } .place-quote .coldel .options .within-days input{ float: none!important; } .category-landing .hero img.main{ height: 618px; }}@media (min-width: 1200px) { .page-delivery.right-side .section-right{ position: sticky; top: 20px; height: max-content; } .page-deliveries.sliding{ position: relative; } .page-deliveries.sliding .search{ float: left; box-sizing: border-box; width: 413px; margin-bottom: 0; top: 20px; position: sticky; border: 1px solid rgb(221, 221, 221); border-radius: 12px; padding: 24px; box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px; } .page-deliveries.sliding .search.stick{ } .page-deliveries.sliding .search.stick-top{ } .page-deliveries.sliding .search.stick-bottom{ } .page-deliveries.sliding .no-autoload, .page-deliveries.sliding .header-box, .page-deliveries.sliding .item-autoload, .page-deliveries.sliding ul.listings{ box-sizing: border-box; width: 677px; padding-left: 20px; margin-right: 0; margin-left: auto; } .page-deliveries.sliding ul.listings{ min-height: 600px; } .page-deliveries.sliding .search .header-box .sort-by, .page-deliveries.sliding .search .filter-box.collection, .page-deliveries.sliding .search .filter-box.delivery{ float: none; padding: 0; width: 100%; } .page-deliveries.sliding .search .filter-box.category{ padding: 0; width: 100%; } .page-deliveries.sliding .header-box{ margin-bottom: 40px; min-height: 40px; } .page-deliveries .search .filter-box .title .swap::before{ transform: rotate(90deg); } .page-deliveries .date-filter .popup .flex{ display: flex; padding: 0 0px; } .page-deliveries .date-filter .coldel.delivery{ margin-left: 20px; } .homepage-hero{ border-radius: 3px; } .homepage-hero .hero-image{ border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .homepage-hero .text-block{ padding-right: 20px; } .page-deliveries .search .filter-box .loc-list ul{ max-height: 134px; overflow-y: auto; -webkit-overflow-scrolling: touch; } .page-deliveries .search .filter-box .loc-list ul::-webkit-scrollbar{ height:10px; width:10px; border-radius: 4px; background: transparent; transition: all 0.3s ease; } .page-deliveries .search .filter-box .loc-list ul::-webkit-scrollbar-thumb{ background:#6b6b6a; border-radius: 4px; } .category-landing .hero.gen2 form{ box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2) !important; border-radius: 12px !important; margin-left: -30px;  top: 40px; } .category-landing .hero .image-wrap{ overflow: hidden; border-radius: 8px; margin-top: 10px; } .category-landing .hero .image-wrap img.main{ width: 1100px!important; height: 550px!important; margin-top: 0px!important; z-index: -1; border-radius: 12px; float: left; } .category-landing .hero.bigger-img-10 .image-wrap, .category-landing .hero.bigger-img-10 .image-wrap img.main{ height: 605px!important; } .category-landing .hero .image-wrap.type-img-1 img.main{ margin-left: -144px; } .page-delivery .while-wait .delivery-history h2{ font-size: 38px; } .page-deliveries .search .filter-box.category .other-option > div{ float: left; width: 50%; font-size: 15px; }}@media (min-width: 992px) and (max-width: 1200px) { .banner-saving-time.has-photo .text{ padding: 40px!important; } .logo{ margin-right: 20px; } ul.listings li .content .title a{ max-width: 80%; white-space: nowrap!important; } .page-deliveries .search .filter-box.keyword{ width: 25%; padding-left: 40px; } .page-deliveries .search .filter-box.category{ width: 100%; padding: 0; } .page-deliveries .search .filter-box.category ul li{ width: inherit; display: inline-block; padding-right: 20px; margin-bottom: 10px; } .page-deliveries .search .filter-box.category .other-option > div{ float: left; margin-right: 20px; } .page-delivery.right-side .listing-content{ display: block; overflow: hidden; } .page-delivery.right-side #delivery-map{ width: 550px!important; height: 200px; } .page-delivery.right-side .linfo{ width: 550px; padding-left: 0; } .page-delivery.right-side .section-right{ float: right; width: 380px; } .banner-explained{ padding: 40px; } .banner-explained .heading h2{ font-size: 34px!important; } .banner-explained .set{ width: 540px!important; } .banner-explained .blocks{ width: 1080px!important; } .banner-explained .blocks .block{ width: 540px!important; } .banner-explained .map img{ max-height: 370px!important; max-width: 335px!important; } .banner-become-driver .punch{ } .banner-become-driver .punch .ht { } .banner-become-driver .punch .a { } .page-become-driver .punch{ margin-top: -160px!important; } .featured-on{ } .featured-on .text{ } .featured-on .imgs{ } .featured-on .imgs img{ max-width: 100px!important; padding: 0 16px!important; max-height: 16px!important; } .page-delivery .while-wait .delivery-history h2{ font-size: 30px; } .page-profile h1{ font-size: 50px; } .category-landing .hero img.main{ height: 483px; }}@media (max-width: 1200px) { .nav-regular{ display: none; } .nav-mobile-trigger{ display: block; } .homepage-hero{ margin-top: 0; margin-bottom: 0px; } .homepage-hero .hero-image{ display: none; } .homepage-hero .c{ width: 100%; padding: 40px; } .homepage-hero .text-block .l1{ max-width: 100%; } .homepage-hero .text-block .l2 { font-size: 24px; margin: 10px 0 0 0; } .homepage-hero .pop-post{ max-width: 100%; } .page-profile .review-section .summary .left{ width: 50%; } .page-profile .review-section .summary .review-categories{ width: 50%; } .page-deliveries .header-box{ height: auto; margin-bottom: 40px; } ul.listings{ clear: both!important; } ul.listings li .content .title a{ white-space: initial; } ul.listings .book-now, ul.listings .featured-listings, ul.listings .urgent-listings{ margin: 100px 0 10px 0; } .across-cities{ display: block!important; padding-left: 0!important; padding-right: 0!important; } .across-cities .col1{ width: 100%!important; } .across-cities .col1 h2{ font-size: 32px; position: relative; } .across-cities .col1 p::first-letter{ text-transform: uppercase; } .across-cities .col1 br { display: none; } .across-cities .col2{ width: 100%!important; margin-left: 0px; margin-right: 0px; }}@media (min-width: 992px) { .page-delivery .modal-button-show{ display: none; } .only-below-768{ display: none; } .page-profile .service-list li:nth-child(1){ clear: both; list-style: none; margin-left: 0; padding-left: 0; } .banner-how-it-works .video-explainer iframe{ width: 559px; height: 315px; } .banner-fundamentally-cheapest.has-photo .text{ width: 60%; padding-top: 120px; padding-bottom: 120px; }}@media (max-width: 992px) { .banner-fundamentally-cheapest .image{ display: none; } .banner-paragraph{ padding: 20px 40px 20px 20px!important; } .page-delivery .my-quotes ul li.open{ box-shadow: none!important; } .page-delivery .my-quotes ul li .full .left .company-profile .jbhugvycfrtx, .page-delivery .my-quotes ul li .full .left .company-profile .active-quote-promo{ font-size: 16px; } .page-delivery .my-quotes ul li .full .review-text{ padding-right: 20px!important; } .page-delivery .my-quotes ul li .full .left .company-head{ display: block; } .page-delivery .my-quotes ul li .full .left .company-head .right-section{ text-align: center; margin: 30px 0 30px 0; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); padding: 30px 0 30px 0; } .page-delivery .my-quotes ul li .full .left .company-profile.has-note .company-head .right-section{ border-top: 0; } .page-delivery .my-quotes ul li .full .left .company-head .right-section .accept-quote, .page-delivery .my-quotes ul li .full .left .company-head .right-section .qstatus{ display: block; float: none; font-size: 16px; width: fit-content; margin-left: auto; margin-right: auto; padding: 12px 18px; border-radius: 5px; } .bar-post-listing{ bottom: 0!important; top: auto!important; border-top: 1px solid #ebebeb !important; border-bottom: none!important; padding-bottom: 20px!important; } .amend-quote-pop-up .show-amend-options{ float: none; } .page-delivery .set-question form .cancel{ display: none; } .banner-customer-reviews .reviews .review{ display: none!important; width: 100%!important; } .banner-customer-reviews .reviews .review:nth-child(-n+1){ display: block!important; } .banner-how-it-works .video-explainer{ margin-right: 20px!important; padding: 20px; border-radius: 5px; } .banner-how-it-works .video-explainer iframe{ width: 100%; height: 170px; }}@media (min-width: 768px) and (max-width: 992px) { .category-landing .hero img.main{ height: 359px; } .page-delivery .while-wait .delivery-history h2{ font-size: 26px; } .featured-on{ } .featured-on .text{ } .featured-on .imgs{ } .featured-on .imgs img{ padding: 0 16px!important; max-height: 16px!important; } .enabled-search ul.listings li{ cursor: pointer; } ul.listings li.selected{ border: 2px solid #008489; padding: 13px 10px 24px 10px; box-sizing: border-box; border-radius: 2px; } .page-profile h1{ font-size: 45px; } .page-profile h1.long{ font-size: 38px; } .page-become-driver .punch{ margin-top: -110px; height: 115px; } .page-become-driver .punch h1{ font-size: 36px; line-height: 36px; } .page-become-driver .punch h2{ font-size: 18px; } .banner-explained{ padding: 40px; } .banner-explained .heading h2{ font-size: 34px!important; } .banner-explained .block .desc{ font-size: 24px!important; } .banner-explained .set{ width: 610px!important; } .banner-explained .blocks{ width: 1220px!important; } .banner-explained .blocks .block{ width: 610px!important; } .banner-explained .map { display: none; } .category-landing .hero { min-height: 480px; } .pop-post form{ display: block; } .pop-post .block-category{ max-width: 100%; margin-bottom: 10px; } .pop-post .block-coldel{ margin-bottom: 10px; } .pop-post .block-coldel .collection{ padding: 0; } .pop-post .block-coldel .delivery{ padding: 0 0 0 20px; } .pop-post .block-submit{ padding: 0; } .pop-post .block-submit button{ width: 100%; } .banner-how-it-works{ } .banner-how-it-works .steps .step .text .n{ font-size: 80px; padding-right: 10px; } .banner-how-it-works .steps .step .image img{ max-width: 300px; } .page-become-driver .feat2{ } .page-become-driver .feat2 h3{ } .page-become-driver .feat2 p{ } .page-become-driver .feat2 .p2 h3{ } .page-become-driver .feat2 .p2 p{ } .page-delivery .similar .list .item .attr .coldel{ display: block!important; } .banner-become-driver .punch{ font-size: 20px!important; }}@media (max-width: 992px) { .page-become-driver .feat2 p{ max-width: 100%!important; } .page-company-account h1{ font-size: 28px; } .page-delivery .content-desc .title{ font-size: 36px; } .page-delivery .listing-content{ display: block; } .page-delivery .container-delivery-map{ width: 100%!important; margin-bottom: 40px; } .page-delivery .container-delivery-map #delivery-map{ height: 240px; } .page-delivery .linfo{ width: 100%!important; padding: 0; } .page-delivery .similar{ } .page-delivery .similar .list .item .c{ padding-right: 0!important; } .page-delivery .similar .list .item .attr{ display: block!important; } .page-delivery .similar .list .item .attr .time-ago{ float: left; } .page-delivery .similar .list .item .attr .quotes:after{ content: ""!important; } .page-delivery .similar .list .item .attr .category{ padding-right: 0px!important; } .page-delivery .similar .list .item .attr .category::after{ content: ""!important; } .page-delivery .similar .list .item .attr .coldel{ border-top: 1px solid rgb(235, 235, 235)!important; margin-top: 5px!important; padding-top: 5px!important; width: 100%; } .page-delivery .similar .list .item .attr .coldel .collection, .page-delivery .similar .list .item .attr .coldel .delivery{ white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } .page-delivery .similar .list .item .attr .coldel .delivery{ padding-top: 0px; width: 100%; padding-left: 24px!important; white-space: nowrap; } .page-delivery .similar .list .item .attr .coldel .delivery::before{ position: absolute; top: 50%; margin-top: -6px; left: 0!important; } .page-delivery.company.place-q-m .modal-button-show, .page-delivery.company .section-right{ display: none; } .page-delivery.company .modal-button-show{ position: fixed; display: block; bottom: 0; background-color: white; z-index: 10; left: 0; width: 100%; border-top: 1px solid #ebebeb !important; padding: 20px 0; } .page-delivery.company .modal-button-show .container{ display: flex; align-items: center; } .page-delivery.company .modal-button-show span{ display: block; margin: auto; border-radius: 4px; padding: 10px 24px; cursor: pointer; user-select: none; text-align: center; font-size: 16px; font-weight: 300; width: 100%; box-sizing: border-box; } .page-delivery.company .modal-button-show span.quote{ background-color: rgb(50, 50 ,50); color: white; } .page-delivery.company .modal-button-show span.quoted{ color: rgb(50, 50 ,50); position: absolute; left: 0; right: 0; } .page-delivery.company .modal-button-show .q{ color: rgb(50, 50 ,50); border: 2px solid rgb(50, 50 ,50); display: block; margin: auto; border-radius: 4px; padding: 7px 12px; cursor: pointer; user-select: none; text-align: center; font-size: 18px; font-weight: 500; box-sizing: border-box; z-index: 1; } .page-delivery.company .modal-button-show .q.prev{ margin-left: 0; margin-right: 10px; } .page-delivery.company .modal-button-show .q.prev::before{ content: "\F2DB"; font-size: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; } .page-delivery.company .modal-button-show .q.next{ margin-left: 10px; margin-right: 0; } .page-delivery.company .modal-button-show .q.next::before{ content: "\F2DD"; font-size: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; } .page-delivery.company .modal-button-show .q.search{ margin-left: 10px; margin-right: 0; } .page-delivery.company .modal-button-show .q.search::before{ content: "\F261"; font-size: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; } .page-delivery.company.place-q-m .section-right{ display: block; position: fixed; top: 0; bottom:0; left: 0; z-index: 10; background-color: white; width: 100%; overflow-y:scroll; overflow-x:hidden; margin: 0!important; -webkit-overflow-scrolling: touch; } .page-delivery.company .section-right .close-modal{ margin: 0px auto 40px auto; box-sizing: border-box; text-align: center; padding: 0px 0 10px 0; border-radius: 2px; cursor: pointer; } .page-delivery.company .section-right .close-modal::before{ content: "Cancel"; } .page-delivery.company .section-right .place-quote, .page-delivery .set-question{ max-width: 500px; margin: 40px auto 40px auto; padding: 0 20px; box-sizing: border-box; } .page-delivery.company .section-right .company-account-inactive{ margin: 40px auto 40px auto; } .page-profile ul.feat li.report{ float: none; clear: both; text-align: left; } .page-profile .review-section .reviews .review .right{ padding-right: 0; padding-left: 0; } .page-deliveries .search .filter-box.collection, .page-deliveries .search .filter-box.delivery{ width: 50%; } .page-deliveries .search .filter-box.category{ width: 100%; padding: 0; } .page-deliveries .search .filter-box.category ul li{ width: inherit; display: inline-block; padding-right: 20px; margin-bottom: 10px; } .page-deliveries .search .filter-box.category .other-option > div{ float: left; margin-right: 20px; } .page-delivery .my-quotes{ } .page-delivery .my-quotes ul li{ margin-left: 0!important; margin-right: 0!important; } .page-delivery .my-quotes ul li .preview .date-expiration{ display: none; } .confirmed-quote .reviewed .by-user .scores{ display: flex; flex-wrap: wrap; } .confirmed-quote .reviewed .by-user .scores .score { width: 50%; margin-left: auto; margin-right: auto; } .banner-fundamentally-cheapest, .banner-saving-time{ display: block; } .banner-saving-time .image{ display: none; }}@media (min-width: 768px) { ul.listings li .content .sub{ display: flex; flex-wrap: wrap; position: relative; } ul.listings li .content .sub .created-date{ position: absolute; bottom: 0; right: 0; margin-right: 0; } ul.listings li .content .sub .created-date::before{ content: ""; } ul.listings li.selected{ box-sizing: border-box; position: relative; } ul.listings li.selected .content, ul.listings li.selected .image{ opacity: 0.5; } ul.listings li.selected::before{ content: "VIEW QUEUE"; position: absolute; background: #008489; top: 0; right: 0; text-align: center; color: white; padding: 6px 12px; font-size: 14px; font-weight: 300; z-index: 2; } .page-deliveries .bar-view-queue{ position: sticky; bottom: 30px; width: fit-content; margin: auto; } .page-deliveries .bar-view-queue form button{ left: 50%; transform: translate(-50%, 0); background-color: #222222; color: white; padding: 12px 24px; font-size: 16px; border-radius: 8px; font-weight: 200; cursor: pointer; z-index: 1; outline: 0px solid white; box-shadow: 0 0 0 1px transparent, 0 0 0 4px transparent, 0 6px 16px rgba(0,0,0,0.12)!important; } .bar-post-listing{ padding: 18px 0px!important;  background-color: rgba(255,255,255,1)!important; border-bottom: none!important; } .bar-post-listing:after { margin-left: 0; left: 0; width: 100%; content: ""; display: block; position: absolute; top: 100%; height: 1px; z-index: 1; background-color: rgba(0,0,0,0.16); } .bar-post-listing .container{ justify-content: normal!important; } .bar-post-listing a.action-button{ padding: 10px 26px!important; } .bar-post-listing .tblock{ order: 2; padding-right: 20px; } .page-delivery .make-large-map{ display: none; } .banner-how-it-works .steps .step .image img{ border-radius: 12px!important; }}@media (max-width: 768px){ .hide-until-768{ display: none!important; }  .live-feed{ display: none; } .page-delivery .featured-listing .t2, .page-delivery .urgent-listing .t2{ font-size: 16px; } .bar-post-listing .container{ flex-direction: column!important; } .bar-post-listing .tblock{ order: 2; } .bar-post-listing .tblock .reviews{ width: fit-content; margin: 6px auto 6px auto; } .bar-post-listing:not(.mobile-show-text) .tblock .text{ display: none; } .bar-post-listing.mobile-show-text .tblock .text{ font-size: 14px; text-align: center; font-weight: 300; margin-top: 10px; } .bar-post-listing a.action-button{ width: 100%; padding: 16px 0!important; } .delivery-history .list .item .is-img{ display: none!important; } .useful-tip-list .thead{ margin-bottom: 40px!important; } .useful-tip-list .list{ display: block!important; } .useful-tip-list .thead:not(.banner){ text-align: left!important; } .useful-tip-list .thead:not(.banner) h1 { font-weight: 800; font-size: 38px; } .useful-tip-list .list .tip{ display: flex!important; width: 100%!important; padding: 0!important; margin-bottom: 30px!important; } .useful-tip-list .list .tip:last-child{ border-bottom:0; } .useful-tip-list .list .tip .hero-image{ display: block!important; width: 36%!important; padding: 0!important; overflow: hidden; } .useful-tip-list .list .tip .hero-image img{ border-radius: 8px; width: 100%; } .useful-tip-list .list .tip .c{ display: block!important; width: 64%!important; padding: 0!important; margin: 0px 0 0 20px!important; } .useful-tip-list .list .tip .c .title{ font-size: 14px!important; } .useful-tip-list .list .tip.other-stories{ } .useful-tip-list .list .tip.other-stories .in{ background-color: white !important; padding: 0px!important; } .useful-tip-list .list .tip.other-stories .littletitle{ display: none; } .useful-tip-list .list .tip.other-stories .tip{ border: 0; padding-bottom: 0!important; margin-bottom: 0!important; width: 100%!important; } .useful-tip-list .list .tip.other-stories .tip .c{ width: 100%!important; margin: 0 0 20px 0!important; } .useful-tip-list .list .tip.other-stories .tip .c .date{ display: block!important; } .page-delivery .make-large-map{ margin: -30px 0 40px; } .page-delivery .make-large-map span{ cursor: pointer; } .page-delivery .make-large-map .small{ display: none; } .listing-builder-puncher{ } .listing-builder-puncher .grid{ display: block!important; } .listing-builder-puncher .grid .box{ width: 100%!important; margin-bottom: 60px!important; } .listing-builder-puncher .grid .box .hed{ margin: 10px 0 0px 0!important; } .delivery-history{ } .delivery-history .list .item{ padding-right: 20px!important; margin-right: 0!important; min-width: 100%; } .delivery-history .list .item .title-text{ width: 305px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .delivery-history .list .item .location{ width: 305px; } .delivery-history .list .item .location .collection{ max-width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .delivery-history .list .item .location .delivery{ max-width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .page-delivery .listing-info .list{ display: block; } .page-delivery .listing-info .list > div{ padding-left: 0!important; margin-left: 0!important; margin-bottom: 10px!important; } .page-delivery .listing-info .list > div::before{ content: ""!important; } .listing-matcher{ } .listing-matcher table th.vetted, .listing-matcher table td.vetted, .listing-matcher .mobile-hide, .listing-matcher table tbody tr td.score span.i, .listing-matcher table thead tr th.checkbox span{ display: none; } .listing-matcher table thead tr th.checkbox{ width: 50px; } .listing-matcher table tbody tr td.score span.s{ top: inherit; margin: auto; padding: 0; position: initial; } .listing-matcher table tbody tr td.carrier{ max-width: 110px; } .listing-matcher table tbody tr td.score span.s::before{ content: "10/"; } .listing-matcher .invite::before{ font-size: 22px; top: -18px; } .listing-matcher .invite button[type=submit]{ width: 100%; } .map-search{ display: none; } .map-search .control .info{ display: none; } .map-search .control .c{ width: 100%!important; padding: 0!important; border: none!important; }}@media (min-width: 576px) and (max-width: 768px) { .category-landing .hero img.main{ height: 245px; } .category-landing .hero.bigger-img-10 img.main{ height: 270px; } .page-delivery .content-desc .title{ font-size: 32px!important; } .page-delivery .while-wait .video iframe{ width: 510px!important; height: 286px !important; } .page-delivery .while-wait .delivery-history h2{ font-size: 20px; margin-bottom: 20px; } .featured-on{ } .featured-on .text{ padding-bottom: 10px!important; } .featured-on .imgs{ } .featured-on .imgs img{ padding: 0 6px!important; max-height: 14px!important; } .homepage-hero{ } .homepage-hero .text-block .l1{ font-size: 32px!important; } .homepage-hero .text-block .l2{ } .banner-how-it-works{ margin: 100px 0!important; } .banner-how-it-works h2{ font-size: 30px!important; line-height: 38px!important; margin-bottom: 20px; font-weight: 500!important; } .banner-how-it-works .desc{ font-size: 18px!important; font-weight: 200!important; width: 95%!important; line-height: normal!important; } .banner-how-it-works .steps .step{ flex-direction: column!important; padding: 20px 0!important; } .banner-how-it-works .steps .step .text{ order: 2; padding: 0!important; } .banner-how-it-works .steps .step .text h2{ margin-top: 20px!important; font-size: 28px!important; margin-bottom: -10px!important; } .banner-how-it-works .steps .step .text h2::before{ } .banner-how-it-works .steps .step.step1 .text h2::before{ content: "1. "; } .banner-how-it-works .steps .step.step2 .text h2::before{ content: "2. "; } .banner-how-it-works .steps .step.step3 .text h2::before{ content: "3. "; } .banner-how-it-works .steps .step .text p{ } .banner-how-it-works .steps .step .text .n{ display: none; } .banner-how-it-works .steps .step .image{ order: 1; padding: 0!important; } .banner-how-it-works .steps .step .image img{ width: 100%!important; } .useful-tip-detail .form-hero-get-quote{ margin-right: -20px!important; } .banner-become-driver .punch{ font-size: 18px!important; font-weight: 100; } .page-delivery .my-quotes ul li .full .left .set .t{ white-space: inherit!important; } .page-become-driver .feat2{ } .page-become-driver .feat2 h3{ font-size: 32px!important; } .page-become-driver .feat2 p{ } .page-become-driver .feat2 .p2 h3{ font-size: 24px!important; } .page-become-driver .feat2 .p2 p{ } .page-become-driver .punch{ margin-top: -82px!important; height: 94px!important; } .page-become-driver .punch h1{ font-size: 28px!important; line-height: 28px; } .page-become-driver .punch h2{ font-size: 14px; } .banner-explained{ padding: 40px; } .banner-explained .heading h2{ font-size: 28px!important; } .banner-explained .set{ width: 430px!important; } .banner-explained .blocks{ width: 860px!important; } .banner-explained .blocks .block{ width: 430px!important; } .banner-explained .map { display: none; } .page-delivery.company .sets{ padding-right: 20px; width: 55%; } .page-delivery .my-quotes .right .amend-quote-pop-up .amend-options ul{ padding: 0; } .category-landing .hero { box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important; border-radius: 3px; } .category-landing .hero img.main { border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important; } .category-landing .hero form{ }  .banner-fundamentally-cheapest{ } .banner-fundamentally-cheapest .text{ padding: 40px!important; } .banner-fundamentally-cheapest .text .t{ font-size: 32px!important; font-weight: 500!important; } .banner-saving-time{ } .banner-saving-time .text .t{ font-size: 32px!important; font-weight: 500!important; line-height: 32px!important; } .banner-saving-time .text{ padding: 40px!important; display: flex; flex-direction: column; align-items: center; } .banner-saving-time .image img{ height: 340px!important; margin-left: -30px; } ul.my-nav.user li.profile{ margin-right: 0; font-size: 40px; } ul.my-nav.user li{ padding-top: 18px; } ul.my-nav li{ margin-bottom: 10px; } .page-delivery .similar .list .item .attr .coldel{ display: block!important; } ul.listings li .content .location .collection{ margin-bottom: 5px; margin-right: 10px; } ul.listings li .content .location .delivery{ width: 100%!important; padding-left: 20px; } ul.listings li .content .location .delivery::before{ left: 0; } .enabled-search .ul.listings li{ cursor: pointer; } ul.listings li.selected{ border: 2px solid #008489; padding: 13px 10px 24px 10px; box-sizing: border-box; border-radius: 2px; }}@media (max-width: 768px) { .page-profile h1{ font-size: 35px; } .page-profile h1.long{ font-size: 26px; } form.new-listing .label.car-type{ } form.new-listing .label.car-type .mlist .mtype.van .img{ background-position: -120px -332px; width: 152px; background-size: 468px; } form.new-listing .label.car-type .mlist .mtype.campervan .img { background-position: -261px -305px; width: 150px; background-size: 440px; } .category-landing{  } .category-landing .hero { margin-top: -20px; } .category-landing .hero img.main { width: 100% !important; margin: 0 !important; display: block!important; } .category-landing .hero form{ position: relative !important; top:0 !important; max-width: unset !important; box-shadow: none !important; border: 0!important; } .category-landing .hero form h1{ font-size: 28px!important; font-weight: 800!important; line-height: 32px!important; } .category-landing .hero form .block button[type=submit]{ width: 100%; } .category-landing .hero form .desc .nowrap:not(:last-of-type){ white-space: normal!important; }  .page-delivery.company .sides{ display: block!important; } .page-delivery.company .section-right{ margin: 20px 0 0 0!important; max-width: 100%!important; } .page-delivery .my-quotes .right .amend-quote-pop-up .amend-options{ padding-left: 15px; padding-right: 15px; } .place-quote .coldel .options .within-days{ text-align: center; } .place-quote .coldel .options .within-days .t1{ float: none; margin: 0 0 10px 0; } .place-quote .coldel .options .within-days input{ float: none; } form.amend-quote-form{ margin-top: 20px; } form.amend-quote-form[name=expiration-date] .t{ float: none; margin-bottom: 10px; } form.amend-quote-form[name=coldel] .block.options .dates-option .b{ margin-bottom: 0; } form.amend-quote-form[name=coldel] .block.options .dates-option .p1, form.amend-quote-form[name=coldel] .block.options .dates-option .p2{ float: none; width: 100%; margin-bottom: 20px; } .page-profile .review-section .summary .left, .page-profile .review-section .summary .right, .page-profile .review-section .summary .review-categories{ overflow: hidden!important; float: none!important; width: 100%!important; } .page-profile .review-section .reviews .review .right .box{ padding: 20px 20px 20px 20px; } .booked-quote{ background: none; padding: 0; } .booked-quote .left, .confirmed-quote .left{ width: 100%!important; float: none; padding: 0; } .booked-quote .right, .confirmed-quote .right{ width: 0%!important; float: none; padding: 0; } .booked-quote .left{ padding: 20px; background-color: #e7ebec; border-radius: 3px; } .booked-quote .set-list .set .t{ width: 45%; } .booked-quote .set-list .set .c{ width: 55%; } .booked-quote .chat{ margin-top: 40px; width: 100%; float: none; } .page-delivery.confirmed .bar-chat{ display: block; position: fixed; width: 100%; box-sizing: border-box; padding: 20px 15px; left: 0; right: 0; bottom: 0; z-index: 2; } .page-delivery.confirmed .bar-chat .open-chat{ display: block; background: #008489; background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%) !important; border-radius: 3px; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; font-weight: 300; border: 0; min-width: 100px; box-sizing: border-box; white-space: nowrap; padding: 10px 0px 10px 0px; } .page-delivery.confirmed.popup-chat .bar-chat{ display: none; } .page-delivery.confirmed .chat.private{ display: none; } .page-delivery.confirmed.popup-chat .chat.private{ display: block; position: fixed; overflow: scroll; z-index: 10; top: 0; bottom: 0; background: white; margin: 0; left: 0; right: 0; padding: 10px 20px 10px 20px; } .page-delivery.confirmed.popup-chat .chat.private .msgs{ max-height: none!important; } .page-delivery.confirmed.popup-chat .chat.private h3{ display: flex; box-shadow: none; border-bottom: 1px solid #ebebeb; } .page-delivery.confirmed.popup-chat .chat.private h3::before{ top: 8px!important; } .page-delivery.confirmed.popup-chat .chat.private h3 .desktop{ display: none; } .page-delivery.confirmed.popup-chat .chat.private h3 .mobile{ display: block; font-size: 16px; } .page-delivery.confirmed.popup-chat .chat.private h3 .mobile .c{ font-weight: 300; font-size: 15px; } .page-delivery.confirmed.popup-chat .chat.private h3 .mobile .t{ display: block; font-size: 14px; color: rgb(106, 106, 106); } .page-delivery.confirmed.popup-chat .chat.private h3 .popup-chat-close{ padding-left: 10px; margin-left: auto; margin-top: 3px; } .page-delivery.confirmed.popup-chat .chat.private h3 .popup-chat-close::before{ content: "\F20F"; font-size: 30px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; } .page-delivery.confirmed.popup-chat .chat.private .send-message{ border-top: 1px solid #ebebeb; } .page-delivery.confirmed.popup-chat .chat.private .canned-response{ } .page-delivery.company .sets{ width: 100%; padding: 0; float: none; } .page-delivery.company .section-right{ width: 100%; padding: 0; float: none; } .amend-quote-pop-up .show-amend-options{ margin: 0px auto 30px auto; box-sizing: border-box; } .page-delivery .my-quotes .right .amend-quote-pop-up .amend-options{ float: none; margin: 20px 0; } .page-delivery .my-quotes ul li{ } form.amend-quote-form .cancel, form.amend-quote-form button[type=submit]{ text-align: center; width: 100%; } form.amend-quote-form .block{ float: none; } .page-delivery .my-quotes ul li .preview .withdrawn{ display: none; } .page-quote-deposit .c{ display: flex; flex-direction: column; } .page-quote-deposit .head h1{ font-size: 24px!important; } .page-quote-deposit .c .info{ order: 2; float: none; width: 100%; margin-bottom: 40px; } .page-quote-deposit .c .info .disclaimer{ } .page-quote-deposit .c .left{ width: 100%!important; padding: 0!important; order: 1; margin-bottom: 40px!important; } .page-quote-deposit .c .cancellation{ order: 3; float: none; width: 100%; margin: 0; } .navbar ul:last-child li.notification .icon.bell{ } .navbar ul:last-child li.notification .icon:not(.bell)::before{ top: 0!important; font-size: 30px!important; left: -2px; } .ydatepicker table tr td.future:hover{ background-color: transparent!important; color: white!important; } form.profile-driver{ } form.profile-driver .block.description{ width: 100%; } form.profile-driver button[type=submit]{ font-size: 18px; width: 100%; font-weight: 300; } .page-category{ } .page-calendar{ } .page-calendar .list-calendar .list{ flex-flow: column wrap; } .page-calendar .list-calendar .list .calendar{ border-right: none!important; } .page-deliveries .bar-view-queue{ position: fixed; display: block; bottom: 0; background-color: white; z-index: 10; left: 0; width: 100%; border-top: 1px solid #ebebeb !important; padding: 20px 0; } .page-deliveries .bar-view-queue button[type=submit]{ background-color: rgb(50, 50 ,50); display: block; margin: auto; color: white; border-radius: 2px; padding: 10px 24px; cursor: pointer; user-select: none; text-align: center; font-size: 18px; width: 100%; box-sizing: border-box; border: 0; font-weight: 200; }}@media (min-width: 576px) { ul.listings li .content { order: 2; } .page-become-driver img.tall{ display: none; } .max-576{ display: none; } .homepage-hero .hero-image-mobile{ display: none; } .homepage-hero .c{ background: #008489; border-radius: 5px; width: 100%; } .homepage-hero{ border-radius: 3px; max-width: 1010px; margin: 40px auto 100px auto; } .homepage-hero .c{ padding: 60px 80px 60px 80px; } .homepage-hero .hero-image{ display: none; } .homepage-hero .pop-post{ max-width: 100%; } .homepage-hero .pop-post .block-submit button[type=submit]{ box-shadow: none!important; border: none!important; border-radius: 3px; color: #008489; background: white; font-weight: 500; } .homepage-hero .text-block .l1 { font-size: 38px; max-width: 100%; color: white; } .homepage-hero .text-block .l2 { font-size: 24px; color: white; } .homepage-hero .pop-post .select, .homepage-hero .pop-post input{ background: #104fa2; color: white; border-radius: 3px; box-shadow: none!important; border: none!important; } .homepage-hero .pop-post .select-wrapper::before, .homepage-hero .pop-post .select-wrapper::after{ color: white; } .homepage-hero .pop-post .select .d{ color: rgba(255, 255, 255, 0.8); } .homepage-hero .pop-post input::placeholder{ color: white; opacity: 1; } .homepage-hero .pop-post input:focus{ outline: 2px solid white!important; } .account-listings .new-listing-button{ display: none; } .category-landing .hero img.main.small { display: none; } .page-delivery .my-quotes ul li .full .price-sticky{ display: none; } .group2-desktop{ display: flex; justify-content: space-between; } .group2-desktop > div{ width: calc(50% - 10px); }}@media (max-width: 576px) { .nav-regular, .nav-account .lang, .nav-account .my-account{ display: none; } .nav-mobile-trigger{ margin: 0px 0 0 0px; } .nav-mobile > ul{ padding-left: 24px; padding-right: 24px; } .mobile-hide{ display: none; } input[type=checkbox]:before { top: -1px; left: -1px; } .place-quote .amount .set_amount input{ border-color: white!important; } .pac-container{ } .navbar{ margin-bottom: 30px; } .nav-account{ margin-top: -24px!important; } .navbar ul:last-child li.notification{ padding: 0px 0px 0 0!important; } .navbar ul:last-child li.notification .notification-list{ max-height: 500px; } .navbar ul:last-child li.notification .icon.bell::after{ top: 0; font-size: 22px; } .navbar ul:last-child li.notification .notification-list .l .i a{ font-size: 15px!important; } .navbar ul:last-child li.notification .notification-list .l .i .msg{ font-weight: 300; } .navbar ul:last-child li.notification .notification-list .l .i .time-ago{ font-weight: 500; } .navbar ul:last-child li.notification .icon:not(.bell){ font-weight: 500; } .logo{ margin-left: auto; margin-right: auto; float: inherit; } ul.my-nav{ display: none!important;  } .min-576{ display: none; } ul.listings li .content .sub .invite-message{ font-size: 13px!important; white-space: inherit!important; } .page-category{ } .page-category h1{ margin: 20px 0; font-size: 22px; } .page-category .referral-heading h1{ font-size: 24px; background-color: #e7ebec; padding: 20px 10px; border-radius: 3px; } .page-category .referral-heading h2{ margin: 20px 0; font-size: 22px; font-weight: 800; } div.div-not-mobile{ display: inline!important; } a.external{ white-space: inherit; } .page-auth .other-options{ display: flex; flex-direction: column; } .page-auth .other-options .register-link{ margin-top: 20px; margin-bottom: 20px; display: block; order: 2; text-align: left; } .page-auth form .forgotten-password{ margin: 20px 0; display: block; float: inherit; } .navbar ul:last-child li.notification{ position: inherit; } .navbar ul:last-child li.notification .notification-list{ width: 100%; max-width: none; min-width: auto; right: 0; } .account-messages form.chat-messages-menu .cat{ font-size: 18px; margin-right: 10px; } form.new-listing{ padding-left: 10px; padding-right: 10px; } form.new-listing.boat .size-list h2{ margin-top: 10px; } .new-listing .progress-bar{ margin: 20px 0px 60px 0px!important; } form.new-listing h1{ font-size: 34px!important; padding: 0; margin-left: -2px; } form.new-listing .sbg-grey{ margin: 0 -10px 0 -10px!important; padding: 0 10px; } form.new-listing .heading{ padding-left: 0; padding-right: 0; } .new-listing .heading .h{ padding-left: 0; } form.new-listing .trademe-head{ margin-left: -10px; margin-right: -10px; } form.new-listing .trademe-head .url{ font-size: 16px!important; } form.new-listing .trademe-head .location{ font-size: 15px!important; } form.new-listing .label{ padding-left: 0px; padding-right: 0px; } form.new-listing .label.upload-photo .optblok .text ul li.computer::before{ content: "\F358"; } form.new-listing .label.upload-photo .optblok .text ul li.telephone{ display: none; } form.new-listing .label.upload-photo .photos .photo{ width: 325px!important; } form.new-listing .label.upload-photo .photos .photo img{ width: 325px!important; height: 243px!important; } form.new-listing .label.upload-photo .photos .photo div{ height: 243px!important; padding-top: 94px!important; } form.new-listing .label.inventory .list, form.new-listing .label.inventory ul.category{ width: 100%; padding: 0; } form.new-listing .label.inventory ul.category li{ } form.new-listing .label.inventory .t .estimate{ float: inherit; display: block; text-align: left; } form.new-listing .label.bits-2, form.new-listing .label.bits-3{ padding-top: 0; } form.new-listing .label.bits-2 .bit, form.new-listing .label.bits-3 .bit{ width: 100%!important; padding-right: 0; float: inherit; margin-bottom: 20px; padding-bottom: 20px; } form.new-listing .label.bits-2{ padding-bottom: 0!important; margin-bottom: 0!important; } form.new-listing .range-volume .range-slide, form.new-listing .range-weight .range-slide{ padding: 0 20px!important; } form.new-listing .size{ padding: 10px 10px 0 10px; margin-left: -10px!important; margin-right: -10px!important; } form.new-listing .unq563{ font-size: 18px; } form.new-listing .size h2{ padding: 0; font-size: 22px; } form.new-listing .size h2.toggle-size{ font-size: 18px; } form.new-listing .size h2 .not-req{ } form.new-listing .label.coldel-time .timeslider{ margin-left: 0!important; margin-right: 0!important; } form.new-listing .label.coldel-date .calendar{ margin-top: 40px; } form.new-listing .label.coldel-date .calendar .controls{ } form.new-listing .label.coldel-date .calendar .controls .prev{ top: 0; left: 0; } form.new-listing .label.coldel-date .calendar .controls .next{ top: 0; right: 0; } form.new-listing .label.coldel-date .calendar .controls .prev::before, form.new-listing .label.coldel-date .calendar .controls .next::before{ font-size: 30px; } form.new-listing .label.coldel-date .options-description{ text-align: center; } form.new-listing .label.coldel-date .options{ display: block; } form.new-listing .label.coldel-date .options div{ width: 100%; float: inherit; box-sizing: border-box; margin: 0; text-align: center; margin-bottom: 10px; } form.new-listing .label.coldel-date .options div:last-child{ margin-bottom: 0; } form.new-listing .size .block-weight{ border-top: 1px solid #E8E8E8; margin-top: 10px; } form.new-listing .size .block-size .label:nth-child(odd), form.new-listing .size .block-weight .label:nth-child(odd){ width: 50%; padding-right: 10px; padding-left: 2px; box-sizing: border-box; } form.new-listing .size .block-size .label:nth-child(even), form.new-listing .size .block-weight .label:nth-child(even){ width: 50%; padding-left: 10px; padding-right: 2px; box-sizing: border-box; } form.new-listing .label.inventory .list .autocomplete ul li.bespoke-item .form .igroup .g{ width: 50%!important; margin-bottom: 10px; } form.new-listing .label.inventory .list .autocomplete ul li.bespoke-item .form .igroup .g:nth-child(2){ padding-right: 0!important; } form.new-listing .time-required{ margin: 0!important; padding: 0px!important; background-color: white!important; } form.new-listing .time-required .range-slide{ padding-left: 20px!important; padding-right: 20px!important; flex-direction: column; } form.new-listing .time-required input[type=range]{ margin: 20px 0 10px 0; } form.new-listing .time-required .time-required-value{ margin-right: 0!important; } form.new-listing .time-required .cant-specify{ margin-left: 0!important; } form.new-listing .time-required .t{ font-weight: 200!important; font-size: 20px!important; } .page-balance form#account-balance .t{ display: block; } .page-balance form#account-balance .select-wrapper{ display: block; width: 100%!important; margin-top: 10px; } .wrapper-submenu{ white-space: nowrap; overflow-y: scroll; -webkit-overflow-scrolling: touch; margin: 0 0px; position: relative; } .account-quotes ul.submenu{ margin-bottom: 30px; position: relative!important; } .account-quotes ul.submenu li{ margin-right: 20px; font-size: 20px; display: inline-block; float: inherit; } .account-quotes #account-list-quote .e{ display: none; } .account-quotes .list{ margin-top: 20px; } .account-quotes h1{ display: block; font-weight: 500; font-size: 45px; margin-bottom: 20px; } .account-quotes .list .quote{ padding: 20px 0; margin-bottom: 20px; } .account-quotes .list .quote > a{ flex-direction: column; background-color: #f2f2f2; border-radius: 0px!important; } .account-quotes .list .left{ float: inherit; order: 1; width: 100%; margin-bottom: 10px; padding: 0; border-radius: 0px; } .account-quotes .list .quote .status{ margin: auto; padding: 10px 20px; display: flex; font-size: 20px; align-items: center; flex-flow: wrap; } .account-quotes .list .quote .status > div{ } .account-quotes .list .quote .status .amount{ order: 3; font-size: 20px; text-align: left; margin-left: auto; } .account-quotes .list .quote .status .text{ order: 1; font-size: 20px; margin-right: 5px; text-transform: capitalize; text-align: left; font-weight: 800; } .account-quotes .list .quote .status .category{ font-size: 16px; order: 2; } .account-quotes .list .quote .status .category::before{ content: "("; } .account-quotes .list .quote .status .category::after{ content: ")"; } .account-quotes .list .right{ order: 2; width: 100%; padding: 0px 10px 10px 20px; } .modal-review{ margin-left: -5px; } .page-deliveries .search .filter-box{ width: 100%!important; padding: 0!important; } .page-deliveries .search .filter-box .title .swap::before { transform: rotate(90deg); } .page-deliveries .search .filter-box.category ul li{ width: 50%!important; padding: 0!important; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .page-deliveries .search .filter-box.category .other-option > div{ float: none!important; } .page-deliveries .search .header-box .create-email-alert{ float: inherit; margin-bottom: 10px; } .page-deliveries .search .header-box .sort-by{ float: inherit; } .page-delivery .invite-message .message.grey{ color: rgb(106, 106, 106); font-size: 16px; padding: 0; margin: 0 0px 20px 0px; } .page-delivery .invite-message .message.grey strong{ color: #222222; font-size: 24px; padding-bottom: 0px; display: block; } .page-delivery .my-quotes ul li .preview .title, .page-delivery .my-quotes ul li .preview .price, .page-delivery .my-quotes ul li .preview .chat{ font-size: 18px!important; } .page-delivery .my-quotes ul li .preview .price{ padding-right: 0; } .page-delivery .my-quotes ul li.active .preview::after{ content: none; } .page-delivery .my-quotes ul li .preview .chat{ padding-right: 10px; } .page-delivery .my-quotes > ul > li:not(.open){ padding: 10px; } .page-deliveries .date-filter{ } .page-deliveries .date-filter .flex{ flex-direction: column; } .page-delivery .my-quotes ul li .preview .company{ display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; min-width: 20px; } .page-delivery .my-quotes ul li .preview .company .title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1 0 10%; max-width: 206px; }  .page-delivery.my-listing .wrapper.quotes{ overflow: visible; } .page-delivery .my-quotes ul li .full .price-sticky{ position: sticky; bottom: 0; z-index: 3; background: white; order: 9999; width: 100%; margin: 20px -10px -20px -10px; border-left: 10px solid white; border-right: 10px solid white; } .page-delivery .my-quotes ul li .full .price-sticky .cont{ display: flex; padding: 20px 1px 20px 1px; border-top: 1px solid rgb(221, 221, 221); justify-content: space-between; width: 100%; margin-top: -1px; align-items: center; box-sizing: border-box; } .page-delivery .my-quotes ul li .full .price-sticky .l1{ display: flex; align-items: baseline; flex-direction: row; flex-wrap: wrap; } .page-delivery .my-quotes ul li .full .price-sticky .promo{ margin-left: 6px; background: #f2f2f2; border-radius: 5px; font-size: 13px; padding: 1px 6px; font-weight: 500; font-size: 15px; } .page-delivery .my-quotes ul li .full .price-sticky .amount{ font-weight: 800; font-size: 17px; } .page-delivery .my-quotes ul li .full .price-sticky .ct{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1 0 10%; max-width: 220px; font-weight: 300; padding-right: 20px; } .page-delivery .my-quotes ul li .full .price-sticky .ct span{ padding: 0 6px; } .page-delivery .my-quotes ul li .full .price-sticky .l2{ font-size: 13px; color: #6A6A6A; font-weight: 300; } .page-delivery .my-quotes ul li .full .price-sticky .l2 span{ padding: 0 3px; } .page-delivery .my-quotes ul li .full .price-sticky .right-side{ } .page-delivery .my-quotes ul li .full .price-sticky .right-side a{ color: white; text-align: center; font-weight: 500; border-radius: 5px; padding: 12px 18px 12px 18px; cursor: pointer; user-select: none; display: block; background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%) !important; width: max-content; } .page-delivery .my-quotes ul li .preview .r .chat span{ display: none; } .page-delivery .my-quotes ul li .full .featured-review h2{ font-size: 20px; } .page-delivery .my-quotes ul li .full .review-text{ max-width: 100%!important; font-size: 15px; padding-top: 20px; padding-bottom: 10px; } .page-delivery .my-quotes ul li .full .review-text .date{ font-weight: 100; } .page-delivery.customer .listing-content .container-delivery-map{ width: 100%; } .page-delivery.customer .listing-content{  } .page-delivery.customer .listing-content .sides{ width: 100%; padding: 0; } .page-delivery .my-quotes ul li .full .left .set{ display: block; } .page-delivery .my-quotes ul li .full .left .set .t{ margin-bottom: 5px; font-size: 17px; } .page-delivery .my-quotes ul li .full .left .set .c{ text-align: left; color: rgb(106, 106, 106); font-size: 15px; } .page-delivery .my-quotes ul li .full .left .set.insurance .c > div{ margin-left: inherit; font-size: 16px; } .page-delivery .my-quotes ul li .full .left .set.telephone .jhgfcgv{ max-width: 100%; float: inherit; } .page-delivery .my-quotes ul li .full .left{ width: 100%; padding: 0; overflow: inherit; } .page-delivery .my-quotes ul li .full .left .chat .send-message button{ width: 100%; } .page-delivery .my-quotes ul li .full .left .note{ padding-left: 18px; padding-right: 18px; } .page-delivery .my-quotes ul li .full .left .note-arrow::before{ left: 40px; } .page-delivery .my-quotes ul li .full .left .read-toggle{ font-weight: 500; white-space: nowrap; } .page-delivery .my-quotes ul li .full .chat{ max-width: 100%; } .page-delivery .my-quotes ul li .full .chat .messages .message{ max-width: 90%!important; } .page-delivery .my-quotes ul li .full .chat .messages .message .author{ font-size: 16px; } .page-delivery .my-quotes ul li .full .chat .send-message .info{ text-align: left; font-size: 13px; } .page-delivery .my-quotes ul li .full .chat .send-message .add-photos{ font-weight: 500; font-size: 15px; } .page-delivery .my-quotes ul li .full .close-q{ display: block; position: inherit!important; width: 100%; border-top: 1px solid #EBEBEB; order: 99; padding-top: 20px; text-align: center; margin-top: 20px; display: none!important; } .promote-listing form, form#stripe-tip-mover{ padding-left: 20px; padding-right: 20px; } .promote-listing form h2, form#stripe-tip-mover h2{ font-size: 20px; } .popup-manage-images button{ width: 100%; } .popup-manage-images .photos{ overflow: inherit!important; } .popup-manage-images .photos .photo{ width: 50%; box-sizing: border-box; margin: 0px 0 20px 0; } .popup-manage-images .photos .photo img{ width: 100%!important; height: auto!important; } .popup-manage-images .photos .photo:nth-child(odd){ padding-right: 10px; } .popup-manage-images .photos .photo:nth-child(odd) .delete{ right: -2px!important; } .popup-manage-images .photos .photo:nth-child(even){ padding-left: 10px; } .page-delivery .content-desc .title{ font-size: 27px!important; } .page-delivery .linfo .block.trademe .title{ display: block!important; } .page-delivery .linfo .block.images .add-more-photos{ font-size: 16px; margin: 10px 0 0 0; } .page-delivery .linfo .block.images a, .page-delivery .linfo .block.images span{ width: 50%; box-sizing: border-box; margin: 10px 0 0px 0; } .page-delivery .linfo .block.images img{ width: 100%; height: auto; } .page-delivery .linfo .block.inventory{ padding: 10px!important; } .page-delivery .linfo .block.inventory ul.items li{ padding-right: 0px!important; } .page-delivery .linfo .block.vehicle.groupy .bits .bit{ width: 100%!important; } .page-delivery .linfo .block.groupy .bits{ display: block; overflow: hidden; } .page-delivery .linfo .block.groupy .bits .bit{ float: left; width: 50%; min-width: fit-content; margin-right: 0; box-sizing: border-box; padding-right: 20px; } .page-delivery .linfo .block.groupy .bits .bit:nth-child(even){ padding-right: 0!important; } .page-delivery .safety-advice .image{ width: 50px!important; min-width: 50px!important; }  .page-profile h1{ font-size: 36px; } .popup-report{ margin: 0 0px; right: 10px; left: 10px; width: auto; } .page-profile .review-section .summary .left{ margin: 20px 0; } .page-profile .review-section .summary .review-categories{ margin: 20px 0; } .page-profile .review-section .summary .left .score{ margin-left: 0; } .page-profile ul.feat li{ width: 100%; } .page-profile ul.below-title{ padding-left: 30px; margin: 20px 0; } .page-profile ul.below-title li{ float: none; font-size: 18px; font-weight: 300; margin: 0; } .page-profile .review-section .reviews .review .left, .page-profile .review-section .reviews .review .right{ float: none; width: 100%; overflow: hidden; } .page-profile .review-section .reviews .review .left .score{ float: right; font-size: 40px; margin-top: 5px; } .page-profile .review-section .reviews .review .left .by { margin-top: 10px; } .page-profile .review-section .reviews .review .review-categories{ float: none; width: 100%; padding: 0; } .page-profile .review-section .reviews .review .right .box{ padding: 10px 20px 10px 20px; } .page-profile .review-section .reviews .review .right .box .photos span{ height: 40px; margin: 0 10px 10px 0; } .page-delivery.my-listing .no-quotes .status-update{ margin-bottom: 80px; } .page-error.page-404 h1{ font-size: 40px; } .account-listings{ } .account-listings h1{ display: block; font-weight: 800; font-size: 34px; padding-top: 10px; margin-bottom: 40px; text-align: center; } ul.my-listings li{ padding: 20px; border: 1px solid #ebebeb; border-radius: 12px; margin-bottom: 40px; box-shadow: 0 16px 40px rgba(0,0,0,0.12); } ul.my-listings li a{ text-align: center; border-bottom: 0px solid #ddd; margin-bottom: 0px; padding-bottom: 0px; } ul.my-listings li .image{ float: none; margin: auto auto 10px auto; padding: 0; width: 130px; } ul.my-listings li .image img{ width: 100%; height: auto; border-radius: 8px; } ul.my-listings li .title{ font-size: 18px; font-weight: 800; } ul.my-listings li a span{ padding: 0!important; } ul.my-listings li a .top{ } ul.my-listings li a .top > span{ padding-top: 10px!important; padding-bottom: 10px!important; display: block!important; font-size: 18px!important; font-weight: 500; border-radius: 8px; } ul.my-listings li .location{ margin: 0!important; color: rgb(72, 72, 72); } ul.my-listings li .location > div{ float: none!important; padding: 0!important; font-size: 16px; } ul.my-listings li .location .collection{ margin-bottom: 10px!important; padding-bottom: 10px!important; } ul.my-listings li .location .delivery::before { right: 50%; left: 50%; top: -24px; font-size: 15px; transform: rotate(90deg); } .page-auth form .label button[type=submit]{ width: 100%; font-size: 18px; height: auto; } .page-category{ padding: 0 0 10px 0; background: none; } .page-category > ul > li .cat{ font-size: 20px; padding-left: 10px!important; padding-right: 10px!important; } .page-category > ul > li .cat .d{ font-size: 18px; } .page-category > ul{ box-shadow: none!important; } .page-become-driver{ position: relative; } .page-become-driver ul.listings{ background-color: #f5f5f5; padding:10px; max-height: 320px; } .page-become-driver img.wide{ display: none; } .page-become-driver img.hero{ display: none; } .page-become-driver .faq{ overflow: inherit; position: relative; margin-top: 100px; margin-bottom: 200px; } .page-become-driver .faq h2{ font-size: 36px; line-height: 36px; margin-bottom: 10px; } .page-become-driver .faq h2::before{ position: absolute; top: -64px; left: -10px; content: "—"; font-size: 60px; padding-left: 6px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-weight: 200!important; } .page-become-driver .faq ul{ float: none; width: 100%; padding: 0!important; margin: 0!important; } .page-become-driver .faq ul:first-of-type{ border-bottom: 1px solid rgb(219, 219, 219); } .page-become-driver .faq ul li{ padding: 20px 0; } .page-become-driver .faq li .q{ font-size: 18px; } .page-become-driver .faq li .a{ font-size: 16px; margin-top: 20px; margin-bottom: 60px; } .page-become-driver .feat{ padding: 20px 40px; } .page-become-driver .feat p{ max-width: none; } .page-become-driver .punch{ margin: 0 0 80px 0!important; background-color: #e7ebec; padding: 80px 20px; top: 20px; height: auto; } .page-become-driver .punch h1{ font-size: 38px!important; line-height: 120%; margin-bottom: 20px; font-weight: 500; text-shadow: none !important; color: #222222!important; } .page-become-driver .punch h2{ line-height: 120%; font-size: 20px!important; font-weight: 300!important; text-shadow: none !important; color: #222222!important; } .page-become-driver .feat2 h3, .page-become-driver .faq h2{ font-size: 24px; } .page-become-driver .feat2 p{ font-size: 18px; } .page-become-driver .feat2.how{ margin-bottom: 200px; } .page-become-driver .feat2.how h3{ position: relative; line-height: 40px; } .page-become-driver .feat2.how h3::before{ position: absolute; top: -64px; left: -10px; content: "—"; font-size: 60px; padding-left: 6px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-weight: 200!important; } .page-become-driver .feat2.how .p2 h3{ margin-top: 200px; max-width: 90%; font-size: 24px; line-height: 36px; } .page-become-driver .feat.get-started{ padding: 90px 40px 40px 40px; position: relative; text-align: center; } .page-become-driver .feat.get-started::before{ position: absolute; content: "\F102"; left: 50%; font-size: 64px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; margin-left: -32px; top: 20px; } .page-become-driver .feat.get-started h2{ font-size: 32px!important; line-height: 32px; font-weight: 800!important; text-align: center; } .page-company-account .left, .page-company-account .right{ float: none; width: 100%; padding: 0; } .page-company-account .left{ text-align: left; } .page-company-account .left li{ display: inline-block; padding: 0; margin-right: 20px; } .page-company-account .left li.selected > span{ font-size: 28px!important; } .page-company-account .left li span{ padding: 0!important; font-size: 20px!important; } .page-company-account .left li.selected > span::before{ content: none; } .page-company-account.new{ overflow: inherit; margin-top: 200px; } .page-company-account h1{ font-size: 38px!important; position: relative; padding-top: 0; } .page-company-account.new h1::before{ position: absolute; top: -64px; left: -10px; content: "—"; font-size: 60px; padding-left: 6px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-weight: 200!important; } form.profile-driver{ margin-top: 30px; } form.profile-driver .block{ margin-bottom: 30px; } .page-profile .wrapper-submenu.gallery{ overflow-x: inherit; } .page-profile .photo-gallery{ width: fit-content; display: block; margin-right: 0; overflow: inherit; overflow-y: hidden; padding-top: 30px; } .page-profile .photo-gallery a{ display: inline-block; float: none; height: 48px; width: inherit; margin: 0 10px 0 0; max-width: fit-content; } .page-profile .photo-gallery a:last-child{ margin-right: 0; } .page-profile .photo-gallery a img{ height: 100%; width: auto; } .popup-email-alert{ width: auto; left: 20px; margin: auto; right: 20px; } ul.listings{ clear: both; } .page-deliveries .header-box{ height: auto; margin-bottom: 40px; } .page-deliveries .header-box .sort-by { float: none; clear: both; } .page-deliveries .header-box .o-map-search, .page-deliveries .header-box .create-email-alert, .page-deliveries .header-box .date-filter{ margin: 0 0 20px 0; border: solid; border-width: 1px!important; border-color: #CCC!important; width: auto; padding: 0px 0px 0px 20px; float: none; } .page-deliveries .header-box .o-map-search{ padding: 10px 0px 10px 20px; } .page-deliveries .header-box .create-email-alert{ padding: 10px 20px 10px 20px; } .page-deliveries .header-box .sort-by .select-wrapper select{ border-radius: 0!important; } .page-deliveries .header-box .date-filter .pcontrols{ width: auto; } .page-deliveries .header-box .date-filter .pcontrols span.apply{ width: auto; margin-left: 10px; margin-right: 10px; } ul.listings{ } ul.listings li.skeleton{ } ul.listings li.skeleton .skeleton-content .skeleton-title{ width: 150px; } ul.listings li.skeleton .skeleton-content .skeleton-line1{ width: 120px; } ul.listings li.skeleton .skeleton-content .skeleton-line2{ width: 180px; } ul.listings li{ display: block; padding: 5px 0px 5px 0px; margin: 0 0px 10px 0px; cursor: pointer; } .enabled-search .ul.listings li{ cursor: pointer; } ul.listings li.selected{ outline: 2px solid rgb(50, 50 ,50); outline-offset: 2px; border-bottom: 0; padding-bottom: 6px; } ul.listings li.has-image{ white-space: nowrap; overflow: inherit;  -webkit-overflow-scrolling: touch; position: relative; display: flex; justify-content: space-between; align-items: center; } ul.listings li.has-image .content{ order: 1; width: 62%!important; display: inline-block!important; margin-right: 20px; vertical-align:middle; } ul.listings li .content.booked .title a, ul.listings li .content.booked .title a:visited{ background-color: #008489!important; color: white!important; } ul.listings li .image{ margin: 0 0px 0px 0; padding: 0; overflow: hidden; border-radius: 3px; order: 2; display: inline-block!important; vertical-align:middle; flex-shrink: 0; } ul.listings li .image.no-image{ display: none!important; } ul.listings li .image a{ margin: 0; } ul.listings li .image img.is-img{ height: 66px; width: auto; } ul.listings li .content{ } ul.listings li .content .title{ } ul.listings li .content .title a{ font-size: 15px; white-space: initial; line-height: 24px; } ul.listings li .content .location{ margin-bottom: 10px; } ul.listings li .content .location .collection{ padding-right: 12px; } ul.listings li .content .location .collection::after{ top: 7px; } ul.listings li .content .location .delivery{ width: 100%!important; padding-left: 24px!important; box-sizing: border-box; } ul.listings li .content .location .delivery::before{ left: 0px!important; } ul.listings li .content .sub{ display: flex; flex-wrap: wrap; } ul.listings li .content .sub > div { float: none!important; } ul.listings li .content .sub .category { } ul.listings li .content .sub .driving-distance{ display: none; } ul.listings li .content .sub .delivery-date { display: none; } .page-deliveries .item-autoload{ margin-top: 100px; } .pop-post .block-coldel{ margin: 0; height: auto; display: none; } .pop-post .block-coldel > div{ float: none; width: 100%; padding: 0!important; margin: 0 0 20px 0; } .banner-how-it-works{ margin-right: -15px!important; } .banner-how-it-works > h2{ position: relative!important; font-size: 28px!important; line-height: 38px!important; font-weight: 800!important; } .banner-how-it-works .desc{ font-size: 18px!important; font-weight: 200!important; width: 95%!important; line-height: normal!important; } .banner-how-it-works .steps{ white-space: nowrap; overflow-y: scroll; -webkit-overflow-scrolling: touch; position: relative; } .banner-how-it-works .step{ flex-direction: column!important; width: 90%!important; display: inline-block!important; margin-right: 20px!important; padding: 20px 0!important; } .banner-how-it-works .step:last-child{ margin-right: 0px!important; } .banner-how-it-works .step .image{ overflow: hidden; padding: 0!important; } .banner-how-it-works .step .image img{ margin-top: -50px; margin-bottom: -50px; width: 100%!important; } .banner-how-it-works .step .image img.show-top{ margin-top: 0px; margin-bottom: -100px; } .banner-how-it-works .steps .step .text{ order: 2; padding: 0!important; } .banner-how-it-works .steps .step .text h2{ margin-top: 20px!important; padding-left: 40px; font-size: 20px!important; font-weight: 500!important; position: relative; } .banner-how-it-works .steps .step .text h2::before{ position: absolute; width: 30px; color: white; display: inline-block; text-align: center; left: 0; top: 0; } .banner-how-it-works .steps .step.step1 .text h2::before{ content: "1"; } .banner-how-it-works .steps .step.step2 .text h2::before{ content: "2"; } .banner-how-it-works .steps .step.step3 .text h2::before{ content: "3"; } .banner-how-it-works .steps .step .text h2::after{ position: absolute; left: 0px; top: 0px; content: "\F1E0"; font-size: 30px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; color: #008489; z-index: -1; } .banner-how-it-works .steps .step .text p{ font-size: 16px!important; } .banner-how-it-works .steps .step .text .n{ display: none; } .banner-how-it-works .step .bunch{ white-space: normal!important; } .banner-how-it-works .step .bunch p{ width: 90%!important; } .category-landing .hero { } .category-landing .hero img.main.large { display: none!important; } .category-landing .hero img.main.small { display: block!important; } .category-landing .hero form{ padding-left: 0!important; padding-right: 0!important; margin-bottom: 20px!important; padding-top: 20px!important; } .category-landing .hero form input, .category-landing .hero form button, .category-landing .hero form select{ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .category-landing .hero form .block .promfeat .imgs img{ padding: 0 8px!important; } .banner-fundamentally-cheapest, .banner-saving-time{ background-color: white!important; -webkit-overflow-scrolling: touch!important; position: relative!important; margin: 0px -15px 0px 0!important; } .page-deliveries .banner-fundamentally-cheapest{ border-bottom: 1px solid #e8e8e8!important; margin-bottom: 30px!important; padding-bottom: 30px!important; } .page-deliveries .banner-fundamentally-cheapest .text{ padding-top: 20px!important; } .page-deliveries .banner-fundamentally-cheapest .text .desc{ font-size: 18px!important; padding: 20px!important; } .page-deliveries .banner-fundamentally-cheapest::before{ display: none; } .useful-tip-list .thead h2::before, .banner-how-it-works > h2::before, .delivery-history h2::before, .banner-faq > h2::before, .across-cities h2::before, .blocks-story .head h2::before{ position: absolute; top: -40px; left: -10px; content: "—"; font-size: 60px; padding-left: 6px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-weight: 200!important; } .banner-fundamentally-cheapest .image, .banner-saving-time .image{ display: none!important; } .banner-fundamentally-cheapest .text, .banner-saving-time .text{ padding: 50px 0px 10px 0px!important; cursor: pointer; margin-bottom: 40px; } .uhbhmvgf{ margin: 20px 0 0 0; background-color: rgb(238, 230, 224); padding: 20px; box-sizing: border-box; } .uhbhmvgf h1{ font-size: 30px; font-weight: 800; } .uhbhmvgf p{ font-size: 20px; } .uhbhmvgf a.arrow-button{ color: #008489; font-weight: 300; } .uhbhmvgf a.arrow-button::after { content: "\F2DC"; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100; padding-left: 4px; } .banner-fundamentally-cheapest .text > div, .banner-saving-time .text > div{ display: flex; align-items: center; } .banner-fundamentally-cheapest .text .t, .banner-saving-time .text .t{ font-size: 38px!important; line-height: 44px!important; white-space: pre-line; padding-right: 20px; position: relative; box-sizing: border-box; font-weight: 800; padding-top: 20px; flex-shrink: inherit!important; max-width: 300px; } .banner-saving-time .text .t{ } .banner-fundamentally-cheapest .text .t::before, .banner-saving-time .text .t::before{ position: absolute; top: -40px; left: -10px; content: "—"; font-size: 60px; padding-left: 6px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-weight: 200!important; } .banner-fundamentally-cheapest .text .t::after, .banner-saving-time .text .t::after{ margin-left: 10px; content: "\F2DD"; font-size: 26px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; font-weight: 100;  color: #008489; } .banner-fundamentally-cheapest .text .desc, .banner-saving-time .text .desc{ display: none; } .banner-fundamentally-cheapest .text .desc p, .banner-saving-time .text .desc p{ margin-top: 6px; margin-bottom: 6px; font-weight: 300!important; } .banner-faq{ } .banner-faq h2{ font-size: 34px!important; position: relative; font-weight: 800; padding-top: 20px; } .banner-faq .list{ } .banner-faq .list .item{ margin: 0 0 20px 0!important; padding: 0 0 20px 0!important; } .banner-faq .list .item::before { position: absolute; content: "\F2D9"; right: 0; font-size: 12px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; z-index: -1; top: 8px; } .banner-faq .list .item.open::before { content: "\F2DF"; } .banner-faq .list .item .q{ font-weight: 100!important; padding-right: 30px!important; position: relative; cursor: pointer; font-size: 18px!important; } .banner-faq .list .item.open .q{ font-weight: 500!important; } .banner-faq .list .item .a{ font-size: 16px!important; margin-top: 20px!important; margin-bottom: 20px!important; } .banner-faq .list .item:not(.open) .a{ display: none; } .banner-become-driver{ overflow: hidden; background-color: #e7ebec; } .banner-become-driver img.narrow{ display: none; } .banner-become-driver .punch{ position: relative; text-align: center; padding: 40px 10px; font-size: 20px; font-weight: 500; background-color: #e7ebec; color: #222222; } .banner-become-driver .punch .ht { } .banner-become-driver .punch .a { } .page-quote-deposit{ padding-left: 10px; padding-right: 10px; } .booked-quote{ } .booked-quote h2{ font-size: 20px!important; } .booked-quote .button.blue{ width: 100%; margin-bottom: 20px; } .booked-quote .button.grey{ width: 100%; box-sizing: border-box; } .booked-quote .decline-reason .button{ width: 100%; } .booked-quote .decline-reason .button.cancel{ width: 100%; box-sizing: border-box; } .booked-quote .set-list .set{ } .booked-quote .set-list .set .t{ width: 100%!important; } .booked-quote .set-list .set .c{ width: 100%!important; } .confirmed-quote{ } .confirmed-quote .block.user-address ul li.collection, .confirmed-quote .block.user-address ul li.delivery{ padding-bottom: 40px; } .confirmed-quote .block.user-address .update-contact{ position: absolute; bottom: 20px; margin: 0; } .confirmed-quote .block.user-address .add-contact{ margin-left: -30px; } .add-contact .inpg{ display: block!important; } .add-contact .inpg > div{ width: 100%; } .add-contact textarea{ height: 130px; } .delete-my-account .step2 span.toggle-steps{ padding: 0!important; margin: 20px auto auto auto!important; display: inline-block!important; width: 100%; text-align: center; } .banner-refer{ margin-bottom: 40px!important; } .banner-refer h2{ font-size: 30px!important; line-height: 34px!important; } .banner-refer .intro{ font-weight: 200!important; } .banner-refer form input[name=email]{ width: 100%!important; margin-bottom: 10px; } .banner-refer form button[type=submit]{ width: 100%!important; } .banner-refer .link .t{ display: block!important; margin-bottom: 10px!important; font-size: 18px; } .banner-refer .link .url{ margin: 0!important; }  .page-help{ display: flex; flex-direction: column; } .page-help h1{ padding-top: 0; } .page-help .hero-image{ display: none; } .page-help .head{ order: 1; } form.help-search{ margin: 0 0 20px 0; order: 2; } form.help-search input{ border-color: rgba(107, 107, 106, 0.4)!important; max-width: 100%!important; } .page-help .section-qa{ max-width: 100%; width: 100%; order: 3; } ul.my-bookmarks li .image{ padding-right: 20px; } .page-password-reset h1{ font-size: 36px; } .link-tel{ text-decoration: underline; } .link-tel:hover{ text-decoration: none!important; } .page-resolution-center{ } .page-resolution-center .small-c .desc h1{ font-size: 38px; } .page-resolution-center .small-c .desc p{ font-size: 20px; } .page-resolution-center .list-issues ul{ padding-left: 20px; } .popup-calendar-event{ } .popup-calendar-event .btn-group .gropic{ display: block!important; width: 100%; } .popup-calendar-event button[type=submit]{ width: 100%; } .popup-calendar-event .ypopup-close{ margin: 20px auto 0 auto!important; display: block; width: fit-content; } .backdrop.white{ opacity: 1!important; } .page-calendar{ } .ucal .bookings{ width: 40%!important; } .ucal .bookings .booking{ overflow-x: auto!important; overflow-y: hidden!important; width: 100%; padding-right: 0px; } .ucal .bookings .booking .calendar-event{ overflow: visible!important; width: fit-content; } .ucal .ucalendar{ width: 60%; } .page-calendar .list-calendar .cti{ margin-bottom: 10px; } .page-calendar .list-calendar .list .calendar .gregffg{ } .page-calendar .list-calendar .cti span{ display: none; } .page-calendar .list-calendar .fewgn{ flex-flow: column wrap; } .pop-post .block-submit button[type=submit]{ background: rgb(255, 56, 92); display: block; font-size: 18px!important; border-radius: 3px; font-weight: 500; } .banner-explained{ padding-right: 10px; } .banner-explained .heading { display: flex!important; flex-direction: column; } .banner-explained .heading h2{ position: relative!important; font-size: 22px!important; line-height: 36px!important; font-weight: 500!important; width: fit-content!important; margin: 0!important; text-align: center!important; } .banner-explained .heading h2.wise-move{ font-weight: 800!important; order: 2; font-size: 44px!important; line-height: 46px!important; margin-top: 20px!important; text-transform: uppercase; } .banner-explained .heading h2.unwise-move{ font-size: 18px!important; line-height: 28px!important; font-weight: 200!important; } .banner-explained .heading h2.vs{ display: none!important; } .banner-explained .set{ width: 100%!important; } .banner-explained .block .desc{ font-size: 22px!important; -webkit-text-size-adjust: 100%; font-weight: 100; } .banner-explained .block ul{ padding: 0 0 0 0!important; font-size: 16px!important; } .banner-explained .block ul li{ -webkit-text-size-adjust: 100%; font-size: 16px!important; margin: 40px 0 0 0!important; padding: 0px!important; display: flex; } .banner-explained .block ul li div{ width: fit-content; } .banner-explained .block ul li.money div::before{ content: "Save money"; display: block; font-weight: 800; } .banner-explained .block ul li.compare div::before{ content: "Compare prices"; display: block; font-weight: 800; } .banner-explained .block ul li.time div::before{ content: "Save your time"; display: block; font-weight: 800; } .banner-explained .block ul li.environment div::before{ content: "Environment friendly"; display: block; font-weight: 800; } .banner-explained .block ul li::before{ left: 0!important; top: 0!important; margin-right: 20px; width: 80px!important; height: 80px!important; position: relative!important; } .banner-explained .block.unwise-move ul li::before{ width: 40px!important; height: 40px!important; } .banner-explained .blocks{ } .banner-explained .blocks .block{ width: 50%!important; } .banner-explained .map { display: none; } .banner-explained .control span{ width: 20px!important; height: 20px!important; margin: 0 15px!important; } .page-listing-update-user h1{ font-size: 30px; margin-bottom: 10px; } .page-delivery.my-listing .whats-next{ background-color: rgb(247, 247, 247); padding: 20px 20px 10px 20px; border-radius: 8px; margin: 0; } .page-delivery.my-listing .whats-next .title{ font-size: 22px; font-weight: 800; } .page-delivery.my-listing .whats-next .title::before{ display: block; padding: 0!important; margin-bottom: 20px; position: inherit; left: inherit; } .page-delivery.my-listing .whats-next ul{ display: block; } .page-delivery.my-listing .whats-next ul li{ display: block; width: auto; padding: 0 0px 20px 0px; text-align: center; } .page-delivery.my-listing .whats-next ul li > div{ max-width: 260px; margin: auto; } .page-delivery.my-listing .whats-next ul li::before{ font-size: 34px; display: block; line-height: 100%; padding: 0 0px 10px 0px; } .page-delivery .similar{ } .page-delivery .similar h2{ font-size: 24px!important; } .page-delivery .similar .list .item{ border-bottom-width: 2px!important; } .page-delivery .similar .list .item .body{ padding: 20px 10px 10px 10px!important; } .page-delivery .similar .list .match{ padding: 0 0px 0 0px!important; min-width: 82px; } .page-delivery .similar .list .item .match::before{ left: 10px!important; } .page-delivery .similar .list .item .c{ width: 100%; padding-right: 0px!important; } .page-delivery .similar .list .item .body .map{ height: 260px!important; } .page-delivery .similar .list .item .attr{ display: block!important; } .page-delivery .similar .list .item .attr .category{ padding-right: 0px!important; } .page-delivery .similar .list .item .attr .category::after{ content: ""!important; } .page-delivery .similar .list .item .attr .coldel{ border-top: 1px solid rgb(235, 235, 235)!important; margin-top: 5px!important; padding-top: 5px!important; width: 100%; display: block!important; } .page-delivery .similar .list .item .attr .coldel .collection, .page-delivery .similar .list .item .attr .coldel .delivery{ white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } .page-delivery .similar .list .item .attr .coldel .delivery{ padding-top: 0px; width: 100%; padding-left: 24px!important; white-space: nowrap; } .page-delivery .similar .list .item .attr .coldel .delivery::before{ position: absolute; top: 50%; margin-top: -6px; left: 0!important; } .page-delivery.company .section-right .company-account-inactive{ margin: 40px 20px 40px 20px!important; } .banner-company-invitation2{ } .banner-company-invitation2 h3 { font-size: 28px!important; } .banner-company-invitation2{ padding-left: 20px!important; padding-right: 20px!important; } .banner-customer-reviews{ display: block!important; } .banner-customer-reviews .arrow{ width: 45%!important; float: left!important; padding: 30px 0px 0 0px!important; box-sizing: border-box; } .banner-customer-reviews .arrow.prev{ text-align: right; } .banner-customer-reviews .arrow.next{ float: right!important; } .banner-customer-reviews .reviews{ margin-left: 0!important; margin-right: 0!important; width: 100%!important; } .banner-customer-reviews .reviews .review{ margin-left: 0px!important; margin-right: 0px!important; } .banner-customer-reviews .reviews .review .rtext { padding: 30px 20px 20px!important; font-size: 18px!important; } .useful-tip-detail{ } .useful-tip-detail .head h1{ font-size: 24px!important; } .useful-tip-detail-text h2{ font-size: 20px; } .useful-tip-detail-text .form-hero-get-quote:nth-of-type(n+2){ display: none!important; } .page-delivery .public-feedback{ padding: 20px!important; border-radius: 3px; } .useful-tip-list{ } .useful-tip-list .thead h2{ font-size: 34px!important; position: relative; font-weight: 800; padding-top: 20px; } .useful-tip-list .thead a{ padding-top: 10px; width: fit-content; display: block; } .useful-tip-detail-text .box-padding{ padding: 0px 10px!important; } .page-profile.company .promo-get-quote{ display: block!important; font-size: 15px!important; text-align: center!important; background-color: #f5f5f5!important; } .page-profile.company .promo-get-quote span{ display: block; } .page-profile.company .promo-get-quote a{ width: 100%!important; box-sizing: border-box; margin: 0 0 20px 0; } .page-profile.company .user-has-active-q{ display: block; text-align: center; } .page-profile.company .user-has-active-q .btn{ display: block; margin: 0 0 10px 0; padding: 8px 14px; } .page-delivery .listing-info .delete-listing-form{ padding: 20px!important; } .page-delivery .listing-info .delete-listing-form .opts{ display: block!important; } .page-delivery .listing-info .delete-listing-form .opts > *{ width: 100%!important; display: block!important; text-align: center!important; } .page-delivery .listing-info .delete-listing-form .opts > *:last-child{ margin-top: 20px!important; } .delivery-history{ } .delivery-history > h2{ line-height: 36px!important; font-weight: 800!important; font-size: 24px!important; } .delivery-history .dtext{ font-size: 18px!important; } .page-delivery .delivery-history > h2{ font-size: 20px!important; line-height: 30px!important; }  .delivery-history .list .item{ padding: 20px!important; border-radius: 0!important; } .delivery-history .list .item .review .date-reviewed{ font-size: 15px!important; } .delivery-history .list .item .review span.txt{ } .delivery-history .list .item .f{ flex-flow: column!important; align-items: normal!important; padding-right: 0!important; } .delivery-history .list .item .price{ order: 2!important; width: 100%!important; text-align: center!important; display: block!important; padding: 10px 0 0 0!important; border-right: 0!important; border-top: 2px solid rgb(235 235 236)!important; margin: 10px 0 0 0!important; } .delivery-history .list .item .title-text{ width: 100%!important; font-size: 16px!important; } .delivery-history .list .item .location{ width: 100%!important; font-size: 14px!important; } .delivery-history .list .item .review{ padding-left: 0!important; padding-right: 0!important; max-width: 100%!important; margin-left: 0!important; margin-right: 0!important; border-bottom: 0!important; margin-bottom: 0!important; } .page-dashboard{ } .page-dashboard .profile-tips .list .item{ padding-left: 20px!important; } .page-dashboard .profile-tips .list .item::before{ left: 20px!important; } .page-dashboard .profile-tips .list .item .title{ padding-left: 40px!important; } .page-dashboard .quote-tips .list .item{ margin-left: 0px!important; padding-left: 20px!important; } .page-dashboard .quote-tips .list .item .title{ padding-left: 40px; } .page-dashboard .quote-tips .list .item::before{ left: 20px!important; } .page-dashboard .profile-tips .list .item a.fix-it{ width: 100%; box-sizing: border-box; } .banner-paragraph{ } .banner-paragraph p{ font-size: 16px!important; } .banner-paragraph .ptop .bread{ flex-wrap: wrap; flex-direction: column; align-items: flex-start!important; } .banner-paragraph .ptop .bread .home img{ max-height: 14px; } .banner-paragraph .ptop .bread .landing{ margin-top: 6px; margin-left: 0!important; font-size: 14px!important; } .banner-paragraph .ptop .bread .landing::before{ content: "\F2D9"!important; padding-right: 6px!important; } .homepage-hero{ background-color: white!important; display: block!important; } .homepage-hero .c{ padding: 0!important; } .homepage-hero .text-block .l1{ font-size: 20px!important; display: inline!important; } .homepage-hero .text-block .l2{ font-size: 20px!important; display: inline!important; } .homepage-hero .hero-image-mobile{ margin-bottom: 10px; } .homepage-hero .hero-image-mobile img{ width: 100% !important; margin: 0 !important; border-radius: 3px; } .banner-stats{ } .banner-stats .cont{ display: block!important; padding: 40px 0!important; } .banner-stats .stat{ display: block!important; width: 100%!important; } .banner-stats .stat:first-child{ margin-bottom: 40px; } .banner-stats .stat > div{ width: 100%!important; text-align: center!important; } .banner-stats .stat > div br{ display: none; } .banner-stats .stat .number{ font-size: 26px!important; } .banner-stats .stat.rating .number::before{ content: ""!important; } .banner-stats .stat.quotes .number::before{ content: ""!important; } ul.listings .book-now, ul.listings .featured-listings, ul.listings .urgent-listings{ margin: 20px -18px 10px -18px!important; padding: 13px; } ul.listings .book-now li.selected{ border: 2px solid #008489; box-sizing: border-box; border-radius: 2px; padding: 5px 0px 5px 0px; } ul.listings .book-now li.selected .content { border: none; padding: 0 0 0 10px; box-sizing: border-box; border-radius:0; } ul.listings .book-now li.has-image .content{ border-left: 1px solid #e8e8e8; margin-left: 10px; padding-left: 10px; width: fit-content!important; } .new-listing.motorcycle .heading h1{ font-size: 50px!important; } .new-listing.other-vehicle .heading h1{ font-size: 40px!important; } form.new-listing .label.motorcycle-type .mlist .mtype{ width: 48%; } form.new-listing .label.car-type .mlist .mtype{ width: 48%; } .featured-on{ } .featured-on .text{ padding-bottom: 10px!important; color: inherit!important; } .featured-on .imgs{ display: flex; justify-content: center; align-items: center; } .featured-on .imgs img{ height: 14px; filter: brightness(0) invert(0.7)!important; z-index: 1!important; width: auto; padding: 0 8px!important; } .page-delivery .while-wait .video iframe{ width: 100%!important; height: 210px !important; } .account-quotes2 .binfo{ text-align: center; } .account-quotes2.search form#quote-search{ padding-left: 20px; padding-right: 20px; } .account-quotes2 .subm span{ font-size: 22px; margin-left: 10px; margin-right: 10px; } .account-quotes2 .subm .search::after{ font-size: 16px; margin-top: 4px; }  .account-quotes2 .dataTables_wrapper .dataTables_filter input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .listing-matcher table{ font-size: 14px; } .page-delivery .listing-matcher{ padding: 20px 10px!important; } .listing-matcher table tbody tr td.carrier{ padding-left: 0; } .listing-matcher table tbody tr td.carrier a{ display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .account-listings .new-listing-button{ display: block; cursor: pointer; user-select: none; color: white; text-align: center; font-size: 18px; font-weight: 500; border-radius: 12px; margin: auto 0px; padding: 20px; box-sizing: border-box; margin-bottom: 40px; border: 1px solid #ebebeb; } .account-listings .new-listing-button span{ background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%) !important; display: block; padding: 12px 10px; border-radius: 8px; } .account-listings .new-listing-button:hover{ text-decoration: none!important; } .across-cities .col1 h2{ font-size: 36px!important; position: relative; font-weight: 800!important; padding-top: 20px; } .across-cities .col2 ul li{ margin-left: 4px!important; margin-right: 4px!important; } .footer{ border-top: 1px solid #DDDDDD !important; padding-top: 40px; } form.new-listing .add-another-size div{ font-size: 16px; } .banner-about-city .title{ font-size: 32px!important; position: relative; font-weight: 800; }}.carousell-pickup{ margin: auto; overflow: hidden;  border-radius: 3px;} .carousell-pickup h1{ text-align: center; font-weight: 800; font-size: 38px; margin: 40px auto 10px auto; } .carousell-pickup h1 .carousell-logo{ margin: auto auto 20px auto; display: block; width: 140px; } .carousell-pickup .desc{ text-align: center; font-size: 20px; margin-bottom: 40px; } .carousell-pickup .step1{ } .carousell-pickup .step1.loading .progress{ display: block!important; } .carousell-pickup .step1 .progress{ display: none; margin: auto; max-width: 400px; text-align: center; width: fit-content; } .carousell-pickup .step1 .progress .t1{ font-size: 20px; margin: 40px 0 40px 0; }.carousell-pickup .step1 .progress .yloader{ display: block; margin: auto; width: fit-content; left: 0; right: 0;} .carousell-pickup .step1 .progress .loader .bullet { display: inline-block; height: 15px; width: 15px; margin-left: 5px; margin-right: 5px; background-color: #6b6b6a; border-radius: 50%; animation: loaderBulletAnim2 0.5s infinite; } .carousell-pickup .step1 .progress .loader .bullet:nth-child(1) { animation-delay: 0.1s; } .carousell-pickup .step1 .progress .loader .bullet:nth-child(2) { animation-delay: 0.2s; } .carousell-pickup .step1 .progress .loader .bullet:nth-child(3) { animation-delay: 0.3s; } .carousell-pickup .step1 .progress .loader .bullet:nth-child(4) { animation-delay: 0.4s; } .carousell-pickup .carousell-import-form{ max-width: 640px; margin: auto auto 40px auto; } .carousell-pickup .carousell-import-form .alert{ background-color: rgb(238, 230, 224); color: #222222; padding: 20px; font-weight: 100; } carousell-pickup .carousell-import-form .alert a{ color: #222222; } .carousell-pickup .step1.loading .carousell-import-form{ display: none; } .carousell-pickup .carousell-import-form input[type=url] { text-align: center; font-size: 18px; padding: 16px 10px; } .carousell-pickup .carousell-import-form button[type=submit] { width: 100%; margin-top: 20px; font-weight: 300; padding: 12px 20px; background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%); } .carousell-pickup .carousell-import-form .learn-more{ display: block; margin: 20px auto 0 auto; width: fit-content; } .carousell-pickup .step2{ max-width: 550px; margin: auto; display: none; } .carousell-pickup .step2 .stxt{ text-align: center; font-weight: 500; margin: 40px 0 0 0; } .carousell-pickup .step2 .carousell-item{ margin: 0 0 0 0; background-color: #FFF; border-radius: 5px; padding: 20px 20px 10px 20px; align-items: center; display: flex; flex-flow: wrap; border: 1px solid rgba(235, 235, 235, 1); box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important; } .carousell-pickup .step2 .carousell-item .h{ display: flex; } .carousell-pickup .step2 .carousell-item .image{ margin-right: 20px; } .carousell-pickup .step2 .carousell-item .image img{ width: 80px; display: block; border-radius: 3px; } .carousell-pickup .step2 .carousell-item .title{ } .carousell-pickup .step2 .carousell-item .title .url{ font-size: 20px; } .carousell-pickup .step2 .carousell-item .title .location{ font-weight: 500; margin-top: 5px; } .carousell-pickup .step2 .carousell-item .title .location::before{ content: "\F2AE"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; padding-right: 5px; } .carousell-pickup .step2 .carousell-item .l{ border-top: 1px solid rgba(235, 235, 235, 1); width: 100%; margin: 20px 0 0 0; padding: 10px 0 0 0; } .carousell-pickup .step2 .carousell-item .l img{ max-height: 20px; } .carousell-pickup .step2 .c{ overflow: hidden; box-sizing: border-box; font-size: 18px; padding: 0; background-color: white; box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important; border-radius: 4px !important; margin: 20px 0 0 0; border: 1px solid #e9ebee; } .carousell-pickup .step2 .c .select-category a{ cursor: pointer; display: flex; font-size: 18px; padding: 12px 20px; overflow: hidden; border-bottom: 1px solid #e9ebee; } .carousell-pickup .step2 .c .select-category a:last-child{ border-bottom: 0; } .carousell-pickup .step2 .c .select-category a:hover{ background-color: #008489; cursor: pointer; color: #FFF!important; text-decoration: none!important; } .carousell-pickup .step2 .c .select-category a .t{ font-weight: 500; margin-right: 5px; } .carousell-pickup .step2 .c .select-category a .d{ font-size: 16px; color: #a9a9a9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 2px; flex: 1; } .carousell-pickup .step2 .c .select-category a:hover .d{ color: #FFF!important; text-decoration: none!important; } .carousell-pickup .step2 .start-again{ font-weight: 300; margin: 40px auto auto auto; width: fit-content; cursor: pointer; text-align: center; }form.new-listing .carousell-head{ margin: 0px 20px; background-color: #f7f7f7; border-radius: 5px; padding: 20px 20px 10px 20px;} form.new-listing .carousell-head .h{ display: flex; align-items: flex-start; } form.new-listing .carousell-head .carousell-image{ } form.new-listing .carousell-head .carousell-image img{ width: 80px; display: block; border-radius: 3px; margin-right: 20px; margin-top: 6px; } form.new-listing .carousell-head .carousell-title{ } form.new-listing .carousell-head .carousell-title .url{ font-size: 20px; } form.new-listing .carousell-head .carousell-title .location{ font-weight: 500; margin-top: 5px; } form.new-listing .carousell-head .carousell-title .location::before{ content: "\F2AE"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'icon'; line-height: 1; padding-right: 5px; } form.new-listing .carousell-head .carousell-logo{ width: 100%; margin-top: 20px; padding-top: 10px; border-top: 3px solid rgba(255, 255, 255, 1); } form.new-listing .carousell-head .carousell-logo img{ max-height: 20px; }@media (max-width: 576px) { .carousell-pickup h1{ font-size: 24px; } form.new-listing .carousell-head{ margin-left: -10px; margin-right: -10px; } form.new-listing .carousell-headhead .url{ font-size: 16px!important; } form.new-listing .carousell-head .location{ font-size: 15px!important; }}.logo{ background-image: url('https://cdn.wisemove.sg/asset/image/logo.webp');} .logo.no-webp { background-image: url('https://cdn.wisemove.sg/asset/image/logo.png'); }.homepage-hero .hero-image{ background-image: url('https://cdn.wisemove.sg/asset/image/homepage-hero.jpg');}.banner-explained .block.unwise-move ul li::before{ background-image: url("https://cdn.wisemove.sg/asset/icon/decline-1.png"); transform: rotate(45deg);}.banner-explained .block ul li.money::before{ background-image: url("https://cdn.wisemove.sg/asset/icon/coin-1.png");}.banner-explained .block ul li.environment::before{ background-image: url("https://cdn.wisemove.sg/asset/icon/van-1.png"); width: 30px; height: 30px;}.banner-explained .block ul li.compare::before{ background-image: url("https://cdn.wisemove.sg/asset/icon/compare-1.png"); width: 30px; height: 30px;}.banner-explained .block ul li.time::before{ background-image: url("https://cdn.wisemove.sg/asset/icon/clock-1.png");}.page-delivery .linfo .attrs .customer-telephone.click-to-reveal::after{ content: "Click to reveal (fee S$8.99)";}.page-delivery .my-quotes ul li .full .left .set.telephone .company-telephone.click-to-reveal::after { content: "Click to reveal";}.page-deliveries .search{ overflow: hidden;}.page-deliveries .search .filter-box.category ul li{ width: auto!important; margin-right: 20px!important;}.page-deliveries.anonymous-user{ max-width: 100%!important;}.page-deliveries .search .filter-box.keyword{ width: 100%!important; padding-left: 0!important;}.banner-saving-time.banner-1-planet { background-color: #f7fbfb;}.category-landing .hero form .block .promfeat .imgs img{ height: 12px;}.page-delivery .while-wait .video .desc{ margin-top: 0;}.page-deliveries .search .filter-box.category .stats{ margin: 10px 0 0 0;}.select-category-popup .popup-category > ul > li .cat .t img{ margin-bottom: -4px;}.banner-saving-time.has-photo .text{ padding: 60px 80px;}.video-modal.video-explainer{ height: fit-content; max-height: 600px;}@media (max-width: 576px) { .page-delivery .videos .video{ max-width: fit-content; } .banner-explained .block ul li.money::before { background-image: url("https://cdn.wisemove.sg/asset/icon/coin-1.png"); } .banner-explained .block ul li.environment::before { background-image: url("https://cdn.wisemove.sg/asset/icon/van-1.png"); } .banner-explained .block ul li.compare::before { background-image: url("https://cdn.wisemove.sg/asset/icon/compare-1.png"); } .banner-explained .block ul li.time::before { background-image: url("https://cdn.wisemove.sg/asset/icon/clock-1.png"); } .featured-on .imgs img { height: 12px!important; }}@media (min-width: 576px) { .page-deliveries{ max-width: 800px!important; margin: auto!important; } .page-deliveries.sliding .search, .page-deliveries.sliding .search.stick{ position: initial!important; float: none!important; width: 100%!important; padding: 0!important; margin-bottom: 20px!important; border: none!important; box-shadow: none!important; } .page-deliveries.sliding .no-autoload, .page-deliveries.sliding .header-box, .page-deliveries.sliding .item-autoload, .page-deliveries.sliding ul.listings{ box-sizing: border-box!important; float: none!important; width: 100%!important; padding-left: 0px!important; } .page-deliveries.sliding .header-box{ display: flex; justify-content: space-between!important; margin-bottom: 20px!important; } .page-deliveries.sliding ul.listings{ overflow: hidden; } .page-deliveries .search .filter-box.category .other-option > div{ float: left; margin-right: 20px; }}@media (min-width: 992px){ .banner-hero { background-image: url('https://cdn.wisemove.sg/asset/image/singapore-movers2.jpg'); background-position: 0 0px; } .page-deliveries .search .filter-box.category .other-option > div{ width: fit-content; }}