.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; } }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-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; }.banner-about-city{ background: #f5f5f5; padding: 80px 0px 0px 0px; display: flex; align-items: center; margin: 100px 0; border-radius: 12px;} .banner-about-city.bg-red{ background: #fceef0; } .banner-about-city .cont{ padding: 0px 100px; } .banner-about-city .title{ font-size: 36px; font-weight: 800; } .banner-about-city .text{ font-size: 18px; } .banner-about-city img.img{ max-width: 480px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; margin-top: auto; }@media (max-width: 1200px) { .banner-about-city{ border-bottom-right-radius: 0px; }}@media (min-width: 992px) and (max-width: 1200px) { .banner-about-city img.img{ margin-bottom: auto; border-bottom-right-radius: 0px; border-bottom-left-radius: 15px; } .banner-about-city .cont{ padding-left: 30px; padding-right: 30px; }}@media (max-width: 992px) { .banner-about-city, .banner-about-city.motorcycle-transport{ background: #f0efe9!important; } .banner-about-city img.img{ display: none; }}@media (max-width: 768px) { .banner-about-city{ padding: 40px 20px; margin-left: -15px; margin-right: -15px; } .banner-about-city .cont{ padding: 0px; } .banner-about-city .title{ font-size: 40px; font-weight: 800; line-height: 100%; } .banner-about-city .text{ max-height: 300px; overflow-y: scroll; overflow-x: hidden; border-left: 3px solid #008489; padding: 0 0 0 20px; margin: 20px 0 0 0; font-size: 15px; } .banner-about-city .text p:first-of-type{ margin-top: 0; } .banner-about-city .text p:last-of-type{ margin-bottom: 0; } .banner-about-city .text::-webkit-scrollbar{ height:10px; width:10px; transition: all 0.3s ease; background-color: #ebecf0; } .banner-about-city .text::-webkit-scrollbar-thumb{ background: #008489; border-radius: 0px; margin-left: -10px; }}.banner-about-city.motorcycle-transport{ background-color: #f0efe9;} @media (min-width: 576px) { .banner-about-city.motorcycle-transport{ padding: 80px 0px; } } .banner-about-city.motorcycle-transport .cont{ margin: auto; } .banner-about-city.motorcycle-transport .text{ border: 0; padding: 0 20px 0 0; } .banner-about-city.motorcycle-transport .title{ display: flex; align-items: center; margin-bottom: 40px; } @media (max-width: 576px) { .banner-about-city.motorcycle-transport .title .title-head{ padding-right: 20px; } } .banner-about-city.motorcycle-transport .title .know-how{ color: #767676; font-size: 12px; } .banner-about-city.motorcycle-transport .title svg{ margin-right: 16px; } @media (max-width: 768px) { .banner-about-city.motorcycle-transport .title svg{ display: none!important; } } .banner-about-city.motorcycle-transport div.sep{ text-align: center; font-size: 30px; font-weight: 800; } .banner-about-city.motorcycle-transport p.sp { border-left: 6px solid #008489; padding-left: 16px; } .banner-about-city.motorcycle-transport p.sp strong{ font-weight: 500; }.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; }.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; }}.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; }}.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; }}@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; }}.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; }}.gumtree-pickup{ margin: auto; overflow: hidden;  border-radius: 3px;} .gumtree-pickup h1{ text-align: center; font-weight: 800; font-size: 38px; margin: 40px auto 40px auto; } .gumtree-pickup h1 .gumtree-logo{ margin: auto auto 20px auto; display: block; width: 140px; } .gumtree-pickup .step1{ } .gumtree-pickup .step1.loading .progress{ display: block!important; } .gumtree-pickup .step1 .progress{ display: none; margin: auto; max-width: 400px; text-align: center; width: fit-content; } .gumtree-pickup .step1 .progress .t1{ font-size: 20px; margin: 40px 0 40px 0; }.gumtree-pickup .step1 .progress .yloader{ display: block;] margin: auto; width: fit-content; left: 0; right: 0;} .gumtree-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; } .gumtree-pickup .step1 .progress .loader .bullet:nth-child(1) { animation-delay: 0.1s; } .gumtree-pickup .step1 .progress .loader .bullet:nth-child(2) { animation-delay: 0.2s; } .gumtree-pickup .step1 .progress .loader .bullet:nth-child(3) { animation-delay: 0.3s; } .gumtree-pickup .step1 .progress .loader .bullet:nth-child(4) { animation-delay: 0.4s; } .gumtree-pickup .gumtree-import-form{ max-width: 640px; margin: auto auto 40px auto; } .gumtree-pickup .gumtree-import-form .alert{ background-color: rgb(238, 230, 224); color: #222222; padding: 20px; font-weight: 100; } gumtree-pickup .gumtree-import-form .alert a{ color: #222222; } .gumtree-pickup .step1.loading .gumtree-import-form{ display: none; } .gumtree-pickup .gumtree-import-form input[type=url] { text-align: center; font-size: 15px; padding: 16px 10px; } .gumtree-pickup .gumtree-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%); } .gumtree-pickup .gumtree-import-form .learn-more{ display: block; margin: 20px auto 0 auto; width: fit-content; } .gumtree-pickup .step2{ max-width: 550px; margin: auto; display: none; } .gumtree-pickup .step2 .stxt{ text-align: center; font-weight: 500; margin: 40px 0 0 0; } .gumtree-pickup .step2 .gumtree-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; } .gumtree-pickup .step2 .gumtree-item .h{ display: flex; } .gumtree-pickup .step2 .gumtree-item .image{ margin-right: 20px; } .gumtree-pickup .step2 .gumtree-item .image img{ width: 80px; display: block; border-radius: 3px; } .gumtree-pickup .step2 .gumtree-item .title{ } .gumtree-pickup .step2 .gumtree-item .title .url{ font-size: 20px; } .gumtree-pickup .step2 .gumtree-item .title .location{ font-weight: 500; margin-top: 5px; } .gumtree-pickup .step2 .gumtree-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; } .gumtree-pickup .step2 .gumtree-item .l{ border-top: 1px solid rgba(235, 235, 235, 1); width: 100%; margin: 20px 0 0 0; padding: 10px 0 0 0; } .gumtree-pickup .step2 .gumtree-item .l img{ max-height: 20px; } .gumtree-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; } .gumtree-pickup .step2 .c .select-category a{ cursor: pointer; display: flex; font-size: 18px; padding: 12px 20px; overflow: hidden; border-bottom: 1px solid #e9ebee; } .gumtree-pickup .step2 .c .select-category a:last-child{ border-bottom: 0; } .gumtree-pickup .step2 .c .select-category a:hover{ background-color: #008489; cursor: pointer; color: #FFF!important; text-decoration: none!important; } .gumtree-pickup .step2 .c .select-category a .t{ font-weight: 500; margin-right: 5px; } .gumtree-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; } .gumtree-pickup .step2 .c .select-category a:hover .d{ color: #FFF!important; text-decoration: none!important; } .gumtree-pickup .step2 .start-again{ font-weight: 300; margin: 40px auto auto auto; width: fit-content; cursor: pointer; text-align: center; }form.new-listing .gumtree-head{ margin: 0px 20px; background-color: #f7f7f7; border-radius: 5px; padding: 20px 20px 10px 20px;} form.new-listing .gumtree-head .h{ display: flex; align-items: flex-start; } form.new-listing .gumtree-head .gumtree-image{ } form.new-listing .gumtree-head .gumtree-image img{ width: 80px; display: block; border-radius: 3px; margin-right: 20px; margin-top: 6px; } form.new-listing .gumtree-head .gumtree-title{ } form.new-listing .gumtree-head .gumtree-title .url{ font-size: 20px; } form.new-listing .gumtree-head .gumtree-title .location{ font-weight: 500; margin-top: 5px; } form.new-listing .gumtree-head .gumtree-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 .gumtree-head .gumtree-logo{ width: 100%; margin-top: 20px; padding-top: 10px; border-top: 3px solid rgba(255, 255, 255, 1); } form.new-listing .gumtree-head .gumtree-logo img{ max-height: 20px; }@media (max-width: 576px) { .gumtree-pickup h1{ font-size: 24px; } form.new-listing .gumtree-head{ margin-left: -10px; margin-right: -10px; } form.new-listing .gumtree-head .url{ font-size: 16px!important; } form.new-listing .gumtree-head .location{ font-size: 15px!important; }}.junkmail-pickup{ margin: auto; overflow: hidden;  border-radius: 3px;} .junkmail-pickup h1{ text-align: center; font-weight: 800; font-size: 38px; margin: 40px auto 10px auto; } .junkmail-pickup h1 .junkmail-logo{ margin: auto auto 20px auto; display: block; width: 140px; } .junkmail-pickup .desc{ text-align: center; font-size: 20px; margin-bottom: 40px; } .junkmail-pickup .step1{ } .junkmail-pickup .step1.loading .progress{ display: block!important; } .junkmail-pickup .step1 .progress{ display: none; margin: auto; max-width: 400px; text-align: center; width: fit-content; } .junkmail-pickup .step1 .progress .t1{ font-size: 20px; margin: 40px 0 40px 0; }.junkmail-pickup .step1 .progress .yloader{ display: block; margin: auto; width: fit-content; left: 0; right: 0;} .junkmail-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; } .junkmail-pickup .step1 .progress .loader .bullet:nth-child(1) { animation-delay: 0.1s; } .junkmail-pickup .step1 .progress .loader .bullet:nth-child(2) { animation-delay: 0.2s; } .junkmail-pickup .step1 .progress .loader .bullet:nth-child(3) { animation-delay: 0.3s; } .junkmail-pickup .step1 .progress .loader .bullet:nth-child(4) { animation-delay: 0.4s; } .junkmail-pickup .junkmail-import-form{ max-width: 640px; margin: auto auto 40px auto; } .junkmail-pickup .junkmail-import-form .alert{ background-color: rgb(238, 230, 224); color: #222222; padding: 20px; font-weight: 100; } junkmail-pickup .junkmail-import-form .alert a{ color: #222222; } .junkmail-pickup .step1.loading .junkmail-import-form{ display: none; } .junkmail-pickup .junkmail-import-form input[type=url] { text-align: center; font-size: 15px; padding: 16px 10px; } .junkmail-pickup .junkmail-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%); } .junkmail-pickup .junkmail-import-form .learn-more{ display: block; margin: 20px auto 0 auto; width: fit-content; } .junkmail-pickup .step2{ max-width: 550px; margin: auto; display: none; } .junkmail-pickup .step2 .stxt{ text-align: center; font-weight: 500; margin: 40px 0 0 0; } .junkmail-pickup .step2 .junkmail-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; } .junkmail-pickup .step2 .junkmail-item .h{ display: flex; } .junkmail-pickup .step2 .junkmail-item .image{ margin-right: 20px; } .junkmail-pickup .step2 .junkmail-item .image img{ width: 80px; display: block; border-radius: 3px; } .junkmail-pickup .step2 .junkmail-item .title{ } .junkmail-pickup .step2 .junkmail-item .title .url{ font-size: 20px; } .junkmail-pickup .step2 .junkmail-item .title .location{ font-weight: 500; margin-top: 5px; } .junkmail-pickup .step2 .junkmail-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; } .junkmail-pickup .step2 .junkmail-item .l{ border-top: 1px solid rgba(235, 235, 235, 1); width: 100%; margin: 20px 0 0 0; padding: 10px 0 0 0; } .junkmail-pickup .step2 .junkmail-item .l img{ max-height: 20px; } .junkmail-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; } .junkmail-pickup .step2 .c .select-category a{ cursor: pointer; display: flex; font-size: 18px; padding: 12px 20px; overflow: hidden; border-bottom: 1px solid #e9ebee; } .junkmail-pickup .step2 .c .select-category a:last-child{ border-bottom: 0; } .junkmail-pickup .step2 .c .select-category a:hover{ background-color: #008489; cursor: pointer; color: #FFF!important; text-decoration: none!important; } .junkmail-pickup .step2 .c .select-category a .t{ font-weight: 500; margin-right: 5px; } .junkmail-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; } .junkmail-pickup .step2 .c .select-category a:hover .d{ color: #FFF!important; text-decoration: none!important; } .junkmail-pickup .step2 .start-again{ font-weight: 300; margin: 40px auto auto auto; width: fit-content; cursor: pointer; text-align: center; }form.new-listing .junkmail-head{ margin: 0px 20px; background-color: #f7f7f7; border-radius: 5px; padding: 20px 20px 10px 20px;} form.new-listing .junkmail-head .h{ display: flex; align-items: flex-start; } form.new-listing .junkmail-head .junkmail-image{ } form.new-listing .junkmail-head .junkmail-image img{ width: 80px; display: block; border-radius: 3px; margin-right: 20px; margin-top: 6px; } form.new-listing .junkmail-head .junkmail-title{ } form.new-listing .junkmail-head .junkmail-title .url{ font-size: 20px; } form.new-listing .junkmail-head .junkmail-title .location{ font-weight: 500; margin-top: 5px; } form.new-listing .junkmail-head .junkmail-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 .junkmail-head .junkmail-logo{ width: 100%; margin-top: 20px; padding-top: 10px; border-top: 3px solid rgba(255, 255, 255, 1); } form.new-listing .junkmail-head .junkmail-logo img{ max-height: 20px; }@media (max-width: 576px) { .junkmail-pickup h1{ font-size: 24px; } form.new-listing .junkmail-head{ margin-left: -10px; margin-right: -10px; } form.new-listing .junkmail-headhead .url{ font-size: 16px!important; } form.new-listing .junkmail-head .location{ font-size: 15px!important; }}.myproperty-partner{ margin: auto; overflow: hidden;  border-radius: 3px;} .myproperty-partner h1{ text-align: center; font-weight: 800; font-size: 38px; margin: 40px auto 10px auto; } .myproperty-partner h1 .myproperty-logo{ margin: auto auto 20px auto; display: block; width: 280px; border-radius: 2px; } .myproperty-partner .desc{ text-align: center; font-size: 20px; margin-bottom: 0px; } .myproperty-partner .rev{ text-align: center; font-size: 18px; margin: 40px 0 40px 0; } .myproperty-partner .step1{ } .myproperty-partner .step1.loading .progress{ display: block!important; } .myproperty-partner .step1 .progress{ display: none; margin: auto; max-width: 400px; text-align: center; width: fit-content; } .myproperty-partner .step1 .progress .t1{ font-size: 20px; margin: 40px 0 40px 0; }.myproperty-partner .step1 .progress .yloader{ display: block; margin: auto; width: fit-content; left: 0; right: 0;} .myproperty-partner .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; } .myproperty-partner .step1 .progress .loader .bullet:nth-child(1) { animation-delay: 0.1s; } .myproperty-partner .step1 .progress .loader .bullet:nth-child(2) { animation-delay: 0.2s; } .myproperty-partner .step1 .progress .loader .bullet:nth-child(3) { animation-delay: 0.3s; } .myproperty-partner .step1 .progress .loader .bullet:nth-child(4) { animation-delay: 0.4s; } .myproperty-partner .myproperty-import-form{ max-width: 640px; margin: auto auto 40px auto; } .myproperty-partner .myproperty-import-form .alert{ background-color: rgb(238, 230, 224); color: #222222; padding: 20px; font-weight: 100; } .myproperty-partner .myproperty-import-form .alert a{ color: #222222; } .myproperty-partner .step1.loading .myproperty-import-form{ display: none; } .myproperty-partner .myproperty-import-form input[type=url] { text-align: center; font-size: 18px; padding: 16px 10px; } .myproperty-partner .myproperty-import-form button[type=submit] { width: 100%; margin-top: 20px; font-weight: 300; padding: 12px 20px; background: rgb(51, 51, 51); } .myproperty-partner .myproperty-import-form button[type=submit]:hover { background: #222222; } .myproperty-partner .myproperty-import-form .learn-more{ display: block; margin: 20px auto 0 auto; width: fit-content; } .myproperty-partner .step2{ max-width: 550px; margin: auto; display: none; } .myproperty-partner .step2 .stxt{ text-align: center; font-weight: 500; margin: 40px 0 0 0; } .myproperty-partner .step2 .myproperty-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; } .myproperty-partner .step2 .myproperty-item .h{ display: flex; } .myproperty-partner .step2 .myproperty-item .image{ margin-right: 20px; } .myproperty-partner .step2 .myproperty-item .image img{ width: 80px; display: block; border-radius: 3px; } .myproperty-partner .step2 .myproperty-item .title{ } .myproperty-partner .step2 .myproperty-item .title .url{ font-size: 20px; } .myproperty-partner .step2 .myproperty-item .title .location{ font-weight: 500; margin-top: 5px; } .myproperty-partner .step2 .myproperty-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; } .myproperty-partner .step2 .myproperty-item .l{ border-top: 1px solid rgba(235, 235, 235, 1); width: 100%; margin: 20px 0 0 0; padding: 10px 0 0 0; } .myproperty-partner .step2 .myproperty-item .l img{ max-height: 20px; } .myproperty-partner .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; } .myproperty-partner .step2 .c .select-category a{ cursor: pointer; display: flex; font-size: 18px; padding: 12px 20px; overflow: hidden; border-bottom: 1px solid #e9ebee; } .myproperty-partner .step2 .c .select-category a:last-child{ border-bottom: 0; } .myproperty-partner .step2 .c .select-category a:hover{ background-color: #008489; cursor: pointer; color: #FFF!important; text-decoration: none!important; } .myproperty-partner .step2 .c .select-category a .t{ font-weight: 500; margin-right: 5px; } .myproperty-partner .step2 .c .select-category a .d{ font-size: 16px; color: #a9a9a9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 2px; flex: 1; } .myproperty-partner .step2 .c .select-category a:hover .d{ color: #FFF!important; text-decoration: none!important; } .myproperty-partner .step2 .start-again{ font-weight: 300; margin: 40px auto auto auto; width: fit-content; cursor: pointer; text-align: center; }form.new-listing .myproperty-head{ margin: 0px 20px; background-color: #f7f7f7; border-radius: 5px; padding: 20px 20px 10px 20px;} form.new-listing .myproperty-head .h{ display: flex; align-items: flex-start; } form.new-listing .myproperty-head .myproperty-image{ } form.new-listing .myproperty-head .myproperty-image img{ width: 80px; display: block; border-radius: 3px; margin-right: 20px; margin-top: 6px; } form.new-listing .myproperty-head .myproperty-title{ } form.new-listing .myproperty-head .myproperty-title .url{ font-size: 20px; } form.new-listing .myproperty-head .myproperty-title .location{ font-weight: 500; margin-top: 5px; } form.new-listing .myproperty-head .myproperty-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 .myproperty-head .myproperty-logo{ width: 100%; margin-top: 20px; padding-top: 10px; border-top: 3px solid rgba(255, 255, 255, 1); } form.new-listing .myproperty-head .myproperty-logo img{ max-height: 20px; }@media (max-width: 576px) { .myproperty-partner h1{ font-size: 25px; } .myproperty-partner h1 .myproperty-logo{ width: 180px; } form.new-listing .myproperty-head{ margin-left: -10px; margin-right: -10px; } form.new-listing .myproperty-head .url{ font-size: 16px!important; } form.new-listing .myproperty-head .location{ font-size: 15px!important; }}.logo{ background-image: url('https://cdn.wisemove.co.za/asset/image/logo.webp');} .logo.no-webp { background-image: url('https://cdn.wisemove.co.za/asset/image/logo.png'); }.homepage-hero .hero-image{ background-image: url('https://cdn.wisemove.co.za/asset/image/homepage-hero.jpg');}.banner-explained .block.unwise-move ul li::before{ background-image: url("https://cdn.wisemove.co.za/asset/icon/decline-1.png"); transform: rotate(45deg);}.banner-explained .block ul li.money::before{ background-image: url("https://cdn.wisemove.co.za/asset/icon/coin-1.png");}.banner-explained .block ul li.environment::before{ background-image: url("https://cdn.wisemove.co.za/asset/icon/van-1.png"); width: 30px; height: 30px;}.banner-explained .block ul li.compare::before{ background-image: url("https://cdn.wisemove.co.za/asset/icon/compare-1.png"); width: 30px; height: 30px;}.banner-explained .block ul li.time::before{ background-image: url("https://cdn.wisemove.co.za/asset/icon/clock-1.png");}.page-delivery .linfo .attrs .customer-telephone.click-to-reveal::after{ content: "Click to reveal";}.page-delivery .my-quotes ul li .full .left .set.telephone .company-telephone.click-to-reveal::after { content: "Click to reveal";}.banner-saving-time.banner-1-planet{ background-color: #f7fbfb;}.page-deliveries .search .filter-box.category .stats .stat .number{ font-size: 20px;}.page-topup form#payfast-saved-card .saved-cards .card label .h::before{ content: "\F2C9"; -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: 8px; padding-top: 1px;}.page-partner{ max-width: 700px; margin: auto;} .page-partner h1 { margin: 20px 0 40px 0; font-weight: 500; font-size: 36px; text-align: center; } .page-partner img.hero-image { display: block; height: 30px; margin: auto; } .page-partner .box { margin: 20px auto 20px auto; max-width: 500px; background-color: #f5f5f5; border-radius: 15px; padding: 30px 20px; text-align: center; box-sizing: border-box; } .page-partner .box .title { font-size: 20px; font-weight: 500; } .page-partner .box .desc { } .page-partner .box .answer { background-color: #6b6b6a; border-radius: 6px; font-size: 16px; font-weight: 500; color: white; width: fit-content; margin: 10px auto auto auto; padding: 6px 14px; } .page-partner .box .answer .latest-listings{ } .page-partner .box .latest-listings .t{ font-size: 16px; font-weight: 500; margin: 20px 0 0px 0; } .page-partner .box .latest-listings .list{ max-height: 144px; overflow-y: auto; } .page-partner .box .latest-listings .list::-webkit-scrollbar{ height:10px; width:10px; border-radius: 4px; background: transparent; transition: all 0.3s ease; } .page-partner .box .latest-listings .list::-webkit-scrollbar{ background: #f7f7f7; } .page-partner .box .latest-listings .list::-webkit-scrollbar-thumb{ background:#6b6b6a; border-radius: 4px; } .page-partner .box .latest-listings .list a{ display: block; margin: 10px auto 0 auto; width: fit-content; font-size: 14px; } .page-partner .box .latest-listings .list .date{ font-size: 13px; color: rgb(113, 113, 113); }.category-landing .hero form .block.video img{ max-width: 80px; margin-right: 10px; border-radius: 4px;}.whatsapp-chat{ position: fixed; right: 20px; bottom: 20px; display: flex; font-size: 14px; align-items: center; text-align: right; background: white; padding: 6px; border-radius: 8px; z-index: 100;} .whatsapp-chat:hover{ text-decoration: none!important; } .whatsapp-chat img{ width: 48px; height: 48px; margin: 0 0 0 10px; } .whatsapp-chat .l1{ font-size: 13px; color: rgb(113, 113, 113); } .whatsapp-chat .l2{ font-weight: 500; }.banner-refer .intro{ max-width: 700px;}.category-landing .hero form .videos .block.video:nth-child(2){ bottom: -180px;} .video-modal.video-barry{ max-width: 600px; width: auto; } .video-modal.video-barry video{ height: fit-content; max-height: 800px; }@media (max-width: 576px) { .banner-explained .block ul li.money::before { background-image: url("https://cdn.wisemove.co.za/asset/icon/coin-1.png"); } .banner-explained .block ul li.environment::before { background-image: url("https://cdn.wisemove.co.za/asset/icon/van-1.png"); } .banner-explained .block ul li.compare::before { background-image: url("https://cdn.wisemove.co.za/asset/icon/compare-1.png"); } .banner-explained .block ul li.time::before { background-image: url("https://cdn.wisemove.co.za/asset/icon/clock-1.png"); } .featured-on .imgs img{ max-height: 10px!important; } .whatsapp-chat{ display: none; } .category-landing .hero form .block.video.video-barry { bottom: 0!important; margin-top: 20px!important; }}@media (min-width: 992px){ .banner-hero { background-image: url('https://cdn.wisemove.co.za/asset/image/hero4.jpg'); background-position: 0 180px; } .delivery-history.extra-top, .landing-page-list.extra-top{ margin-top: 280px; }}@media (max-width: 768px){ .navbar ul.nav-account li.for-carriers{ display: none; } .category-landing .hero form .block.video{ margin-bottom: 30px; }}@media (min-width: 576px) and (max-width: 1200px) { .category-landing .hero form .videos .block.video.video-barry{ bottom: -200px; } .delivery-history.extra-top, .landing-page-list.extra-top{ margin-top: 260px; }}