/* Fonts */ @font-face { font-family:__degular_605d37; src:url(../fonts/dddf65bd48279a67-s.p.woff2) format("woff2"); font-display:swap; font-weight:700; font-style:normal } @font-face { font-family:__degular_605d37; src:url(../fonts/d9fd79bfac73fc11-s.p.woff2) format("woff2"); font-display:swap; font-weight:800; font-style:normal } @font-face { font-family:__degular_Fallback_605d37; src:local("Arial"); ascent-override:108.87%; descent-override:41.04%; line-gap-override:0.00%; size-adjust:88.45% } @font-face { font-family:__haffer_6549f3; src:url(../fonts/970c1db2929bb099-s.p.woff2) format("woff2"); font-display:swap } @font-face { font-family:__haffer_Fallback_6549f3; src:local("Arial"); ascent-override:93.75%; descent-override:23.68%; line-gap-override:0.00%; size-adjust:101.33% } :root { --brightred: #FF3F3F; --deepred: #4D0000; --brightblue: #606FFF; --deepblue: #040154; --paleblue: #CACFFF; --highlight: #6274FB; --base: #80807F; --offwhite: #F7F7F6; --white: #FFFFFF; --grey: #707070; --purple: #505DD5; --font-degular:"__degular_605d37","__degular_Fallback_605d37"; --font-haffer:"__haffer_6549f3","__haffer_Fallback_6549f3"; } .removed { display: none; visibility: hidden; pointer-events: none; } .hidden { visibility: hidden; pointer-events: none; } .slider{width:100%; height:fit-content;} .slick-track[class*="first-slide-"] > .slick-cloned:nth-child(2), .slick-slide { transition: .5s ease; } .slick-slider, .slick-track { display:flex; flex-flow:row;} .slick-list { overflow: hidden; width:100%;} .slick-track, .slick-list{height:100%;} .slick-track{display:flex;} .slider .slick-arrow{position:absolute; background:var(--deepblue); width:40px; height:40px; border-radius:50%; display:flex; justify-content:center; align-items: center; border:0; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); cursor:pointer; z-index:1;} .slider .slick-arrow img{height:16px; width:8px;} .slider .slick-prev img{transform:rotate(180deg);} .pb0{padding-bottom:0 !important;} .brightred-bg, .img-brightred-bg { background-color: var(--brightred); color: var(--white); } .deepred-bg, .img-deepred-bg { background-color: var(--deepred); color: var(--white); } .brightblue-bg, .img-brightblue-bg { background-color: var(--brightblue); color: var(--white); } .deepblue-bg, .img-deepblue-bg { background-color: var(--deepblue); color: var(--white); } .paleblue-bg, .img-paleblue-bg { background-color: var(--paleblue); color: var(--white); } .purple-bg, .img-purple-bg { background-color: var(--purple); color: var(--white); } .offwhite-bg, .img-offwhite-bg { background-color: var(--offwhite); color: var(--deepblue); } .base-bg, .img-base-bg { background-color: var(--base); color: var(--deepblue); } .white-bg, .img-white-bg { background-color: var(--white); color: var(--grey); } .brightred, #leads p.brightred { color: var(--brightred); } .deepred, #leads p.deepred { color: var(--deepred); } .brightblue, #leads p.brightblue { color: var(--brightblue); } .deepblue, #leads p.deepblue { color: var(--deepblue); } .paleblue, #leads p.paleblue { color: var(--paleblue); } .offwhite, #leads p.offwhite { color: var(--offwhite); } .base, #leads p.base { color: var(--base); } .white, #leads p.white { color: var(--white); } .white a{ color: var(--white); } .highlight,#leads p.highlight{color:var(--highlight)} .grey,#leads p.grey{color:var(--grey)} section{overflow-x:hidden;} section.brightred-bg + section.brightred-bg{padding-top: 0 !important;} section.deepred-bg + section.deepred-bg{padding-top: 0 !important;} section.brightblue-bg + section.brightblue-bg{padding-top: 0 !important;} section.deepblue-bg + section.deepblue-bg{padding-top: 0 !important;} section.paleblue-bg + section.paleblue-bg{padding-top: 0 !important;} section.purple-bg + section.purple-bg{padding-top: 0;} section.offwhite-bg + section.offwhite-bg{padding-top: 0 !important;} section.base-bg + section.base-bg{padding-top: 0 !important;} section.white-bg + section.white-bg{padding-top: 0 !important;} .large, #leads p.large{font-size: 32px;line-height: 130%;font-weight: 670;padding-bottom: 40px;} .medium, #leads p.medium{font-size: 24px;line-height:32px;padding-bottom: 40px;} @media only screen and (max-width: 700px) { .large, #leads p.large { font-size: 20px; line-height: 130%; } .medium, #leads p.medium{font-size: 18px;line-height:26px;padding-bottom:16px;} } .heading-line { display:inline; margin-right: 0.4em;} h4.heading-line{ line-height: 32px; font-weight: 430; font-size:24px} .center { text-align: center; } .rounded { border-radius: 20px; padding-bottom: 1em; } .points { padding-left: 25px; padding-bottom: 24px; margin-top: 34px; } .points.no-points { padding-left:0px; list-style:none; } .points li { margin-bottom: 16px; } .points.checkpoints { padding: 20px 0px 16px 0px; } .points.checkpoints li, .points.checkpoints.inline li { margin-bottom: 24px; list-style: none; background-image: url("../images/icons/checkpoint.png"); background-repeat: no-repeat; background-position: left top; background-size: 27px; padding-left: 44px; } .points.inline.checkpoints{padding:0;} .points.inline{max-width: 960px; margin: 0px auto; display: flex; gap: 0px; flex-wrap: wrap;} .points.inline li{flex: 1; padding: 0px 24px 12px 70px;} .points.inline li .title{color: var(--deepblue); font-weight: 670; font-size: 24px; line-height: 100%; padding-bottom: 12px;} .points.inline + .main-cta{display: flex; justify-content: center;} @media only screen and (max-width: 1023px) { .points { margin-top: 20px; } .points.no-points, .hero .copy + .points.no-points{margin-top:44px;} .points.checkpoints { padding-bottom: 40px; } .points.inline.checkpoints{padding-top:12px;} .points.inline li .title{ font-size: 20px; } .points.inline li p{ font-size: 16px; line-height:24px; } } @media only screen and (max-width: 599px) { .points.inline{display:block;} } .text-left{text-align:left;} .text-center{text-align:center;} .text-right{text-align:right;} /* General */ html {background-color:#FFF;} body {position:relative;} * {margin:0; padding:0; font-size:100%;} .title {font-size:34px; line-height:36px; font-weight:700;} .subtitle {font-size:22px; line-height:28px; font-weight:600; padding-bottom:15px;} .subsubtitle {font-size:20px; line-height:26px; font-weight:400; padding-bottom:15px;} .subsubtitle a { color:#0058a2; text-decoration:none; font-weight:700;} p, form {margin: 0;} strong {font-weight:600;} img {max-width:100%; display:block;} a {color:#16a6b6; transition:opacity 0.3s ease;} a img {border:0;} a:hover {opacity:0.7;} sup {font-size:10px; line-height:0; vertical-align:6px; margin:0; padding:0;} h1 sup {font-size: 24px; vertical-align: 30px;} #phone_number, #form_action {display:none;} .brightblue {color:#606FFF;} .divider {width:100%; max-width:1024px; height:1px; background:#EAEAEA; margin:0 auto; margin-top:100px;} h2 {font-family:sans-serif; font-family:var(--font-haffer); font-weight:670; font-size:40px; line-height:44px; padding-bottom:8px; color:var(--deepblue);} h3 {font-family:sans-serif; font-family:var(--font-haffer); font-weight:670; font-size:32px; line-height:130%; padding-bottom:60px; color:var(--deepblue);} .btn {display:block; box-sizing: border-box; width:100%; max-width:298px; border-radius:100px; padding:14px 24px; background:var(--brightred); color:#fff; text-align:center; text-decoration:none; font-size:20px; line-height:28px; font-weight:790} .btn.fit {margin:0px auto; margin-bottom:20px;} .btn.dark, .btn.btn-deepblue {background:var(--deepblue);} .emp-red { color: #FC4246; font-weight:600; } .emp-white { color: #FFF; font-weight:600; } .main-cta{display:flex;} .cta-center .main-cta, .main-cta.cta-center{justify-content: center;} .main-cta.cta-left{justify-content: flex-start;} .main-cta.cta-right{justify-content: flex-end;} /* Main layout */ body {font-family:sans-serif; font-family:var(--font-haffer); font-weight:normal; font-size:20px; line-height:28px; color:#040154; background-color:#F7F7F6;} body .wrapper {margin:0px auto; max-width:1200px; padding:0 24px;} body .wrapper.wide {max-width:1394px;} /*body .wrapper.small {max-width:1394px;}*/ section.w-80{ width: 80%; margin: 0 auto;} @media only screen and (max-width: 1023px) { body .wrapper.small {max-width:648px; margin:0px auto;} } /* Header */ /*#header-padding {height:92px;}*/ #header {background-color:#fff; position:relative; width:100%; z-index:10; border-bottom:solid 4px var(--brightred); } #header .wrapper {display:flex; margin:0px auto; max-width:1280px; padding:24px; justify-content:space-between; align-items:center;} #header #logo img {max-width:200px; display:block;} #header #call-us {display:none;} #header #navigation {display:flex; justify-content:flex-end; width:100%} #header nav .wrapper {display:flex;} #header nav #menu_toggle, nav .menu_btn {display:none;} #header nav ul {list-style-type:none; margin:0; padding:0;} #header nav li {display:inline-block;} #header nav li a {display:block; padding:10px 21px; text-decoration:none; color:var(--deepblue); font-size:16px; line-height:24px; font-family:sans-serif; font-family:var(--font-haffer); font-weight:790;} #header nav li a.active, #header nav li.current_page_item a { border-radius: 100px; padding: 14px 14px; margin: 0 10px; background: #e4e6f6; text-align: center; } #header nav li a[href*="tel:"] {min-width:94px; border-radius:100px; padding:10px 20px; background:var(--brightred); color:#fff; text-align:center;} /* #header nav li:nth-last-child(-n+1) {display:none;} */ #header #mob_cta {display:none;} section.cta-append-next:not(.bottom-shadow):not(.with-curve):not(.with-divider){padding-bottom:0;} section.cta-append-next:not(.bottom-shadow):not(.with-curve):not(.with-divider) .main-cta{position:relative; z-index: 2;} section.cta-append-next:not(.bottom-shadow):not(.with-curve):not(.with-divider) + section{margin-top:-26px;z-index:1;position: relative;} /* Strapline */ section.banner-block {display:flex; min-height:76px; box-sizing:border-box; padding:6px 0px;} section.banner-block .wrapper {display:flex; justify-content:center; align-items:center; width:100%; text-align:center; } section.banner-block .offer {display:flex; align-items:center; gap:10px; color:#fff;} section.banner-block .icon {width:33px; height:32px; } section.banner-block p {display:inline-flex; flex-wrap:wrap; min-height:32px; font-family:sans-serif; font-family:var(--font-haffer); font-weight:790; font-size:20px; line-height:32px;margin: 8px 0 0 0;} section.banner-block p .light {font-size:20px; line-height:32px;font-weight:normal;} /* Hero */ .hero { /*background:var(--deepblue); color:#fff; */ padding:24px 0 40px 0; } .hero.bottom-shadow{box-shadow: 0px 10px 15px -3px #0000001A; z-index:1;} .bottom-shadow-spacer{padding-top:40px;} .hero #subnav {display:flex; padding-bottom:24px} .hero #subnav ul {list-style-type:none; margin:0; padding:0;} .hero #subnav li {display:inline-block;} .hero #subnav li a {display:block; padding:14px 24px; text-decoration:none; color:var(--deepblue); font-size:20px; line-height:28px; font-family:sans-serif; font-family:var(--font-haffer); font-weight:790; color:#fff;} .hero #subnav li a.current {min-width:94px; border-radius:100px; padding:14px 24px; background:var(--paleblue); color:var(--deepblue); text-align:center;} .hero .columns {display:flex; flex-direction:row; gap:46px;} .hero .columns.reverse { flex-direction: row-reverse; } .hero .column:first-child {display:flex; flex: 1 1 0%; flex-direction: column; justify-content: center;} .hero .column.column-w50-cols, .hero.type-hero-full .column:last-child { flex: 1 1 0 !important;} .hero .column.column-hero, .hero .column.column-w-430{flex: 0 1 430px; max-width:100%;} .hero .column.column-w-370{flex: 0 1 370px; max-width:100%;} .hero .column.column-w-450{flex: 0 1 450px; max-width:100%;} .hero .column.column-w-530{flex: 0 1 530px; max-width:100%;} .hero .column.column-w-746{flex: 0 1 746px; max-width:100%;} .hero.type-text-full .column {flex: 100% !important; max-width:100%;} .hero.type-text-full .main-cta{margin-top:45px;} @media (min-width: 701px) { .hero .column.w-50 {max-width:50%;} } .hero .column.col-left{padding-right:45px;} .hero .reverse > .column.col-left{padding-right:0px;padding-right:35px;} .hero h1 {font-family:sans-serif; font-family:var(--font-degular); font-weight:800; font-size:80px; line-height:80%; vertical-align:middle; padding-bottom:32px;} .hero picture img { margin-top:40px; } .hero #prices, .hero #postcode {font-size:24px; line-height:32px; font-weight:430; padding-bottom:32px;} .hero #prices .fold-sub, .hero #postcode .fold-sub { padding-bottom: 0; margin: 1.5rem 0 0 0; } #trustpilot {max-width:340px; display:flex; flex-direction:row; gap:8px;} #trustpilot a {display: flex; align-items: center; transform: scale(calc(100vw / 340));} #trustpilot img {height: auto; max-height: 20px; flex-shrink: 1;} .hero #search {padding-top:28px;} .hero #search button { background:#fff; padding:4px 8px 4px 28px; color:var(--base); border:none; border-radius:100px; height:56px; font-family:sans-serif; font-family:var(--font-haffer); font-size:20px; line-height:20px; position:relative; width:100%; text-align:left; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */-moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ cursor: pointer; max-width:512px;} .hero #search button, .hero #search button:after { transition: all ease-in-out 0.2s; } .hero #search button:after { content: "Go"; background:var(--brightred); color:#fff; position:absolute; height:20px; padding: 14px 30px; top:4px; right:4px; border-radius:100px; font-family:var(--font-haffer); font-weight:790;} .hero #postcode button{box-shadow: 0px 20px 25px -5px rgba(0,0,0,0.15) !important;} .hero #postcode #search button::after{content: "Search";} .hero #search .modal button:after {display:none;} .hero .main-cta{margin-top:12px;} .hero .main-cta + #trustpilot{margin-top:45px;} .hero-curve {height:48px; background-image: url("../images/bg-elements/deepblue-curve.png"); background-position:center top; background-size:100% 48px; padding-bottom: 70px; background-repeat:no-repeat; } .hero-curve.base-curve { background-image: url("../images/bg-elements/base-curve.png"); } .hero-curve.brightblue-curve { background-image: url("../images/bg-elements/brightblue-curve.png"); } .hero-curve.brightred-curve { background-image: url("../images/bg-elements/brightred-curve.png"); } .hero-curve.deepblue-curve { background-image: url("../images/bg-elements/deepblue-curve.png"); } .hero-curve.deepred-curve { background-image: url("../images/bg-elements/deepred-curve.png"); } .hero-curve.offwhite-curve { background-image: url("../images/bg-elements/offwhite-curve.png"); } .hero-curve.paleblue-curve { background-image: url("../images/bg-elements/paleblue-curve.png"); } .hero-curve.white-curve { background-image: url("../images/bg-elements/white-curve.png"); } .hero .copy{margin-top:34px;margin-bottom:34px;} .hero .copy p{margin-bottom:20px;} .hero .copy p:last-child{margin-bottom:0px;} .hero.white-bg .copy p, .hero.white-bg li p, hero.white-bg li{color:var(--grey);} .hero .copy + .points{margin-top: 0px;} .hero.brightred-bg .btn.btn-brightred{background:var(--deepblue);} .hero.type-hero-full{padding:0;} .hero.type-hero-full picture img{margin-top:0;width:100%; height:auto; min-height:100%; object-fit:cover; position:relative;} .hero.type-hero-full .column:last-child{position:relative;} .hero.type-hero-full .column:last-child:after{ position: absolute; bottom:0; left:0; content:''; display:block; height:110px; width:22px; background: url("../images/bg-elements/hero-img-mask.png") bottom left / contain no-repeat;} .hero.type-hero-full .column.col-left{padding:60px 0;} .hero .column.shield img{mask-image:url("../images/shields/shield-mask.png");mask-size:contain;mask-repeat: no-repeat;mask-position: center;} .hero .column.rounded img{border-radius: 20px; padding-bottom: 0;} .hero .main-cta.cta-bottom{margin-top:55px;} .hero h1.larger {font-size:119px; line-height:80%; padding-bottom:32px;} @media (min-width: 1024px) { .hero.type-hero-full h1.larger.longer-text, .hero.type-hero h1.larger.longer-text{font-size:105px; line-height:80%; padding-bottom:32px;} } .hero #google { background: url(/wp-content/uploads/2025/09/google.png) no-repeat left 10px; background-size: auto; background-size: 28px 28px; padding: 0px 0px 0px 44px; } .hero .column.rounded{padding-bottom: 0} .hero .column.center #trustpilot{justify-content: center; width:100%;max-width: 100%;} .hero.type-hero-map{position:relative;padding-top:115px;} .hero.type-hero-map .columns{flex-direction: column;} .hero.type-hero-map .column-hero-map{position:relative; z-index: 3; display:flex; gap:28px} .hero.type-hero-map picture img{margin-top: 0;height:388px; object-fit: cover;} .hero.type-hero-map picture.map img, .hero.type-hero-map .map-wrap{margin-top: 0;height:388px; object-fit: cover; border-radius:20px !important;} .hero.type-hero-map picture{ flex: 1 1 0%;} .hero.type-hero-map picture.map, .hero.type-hero-map .map-wrap{flex: 0 1 416px;} .hero.type-hero-map.no-img picture.map, .hero.type-hero-map.no-img .map-wrap{flex: 100%;} .hero.type-hero-map .map-wrap{overflow:hidden;} .hero #google-map{height:100%;width:100%;} @media (min-width: 599px) { .hero.type-hero-map:before{position:absolute;content:''; display:block; background:var(--white); height:234px; width:100vw; bottom:0; left:0; z-index:1} .hero.type-hero-map:after{position:absolute;content:''; display:block; background:transparent; height:30px; width:100vw; bottom:234px; left:0; z-index:2;box-shadow: 0px 10px 15px -3px #0000001A} } @media (min-width: 699px) { .hero.type-hero-full .wrapper{padding-right:0;} } @media only screen and (max-width: 1023px) { .hero .copy {margin:0;} .hero .column.col-left { padding-right: 0px; } .hero:not(.type-hero) picture img { margin-top: 0px; } .hero h1.larger {font-size:7.83vw; line-height:80%; padding-bottom:32px;} .hero.type-hero-map{padding-top:60px;} .hero.type-hero-map picture{ flex: 50%;} .hero.type-hero-map picture.map, .hero.type-hero-map .map-wrap{flex: 50%;} .hero h4.heading-line{ font-size: 18px; line-height: 24px;} } @media only screen and (max-width: 599px) { .hero.type-hero-map{padding-top:40px;} .hero.type-hero-map .column-hero-map{flex-direction:column; gap:28px} .hero.type-hero-map picture{ flex: 100%;} .hero.type-hero-map picture.map, .hero.type-hero-map .map-wrap{flex: 100%;} .hero h1.larger {font-size:15.81vw; } } /* Existing trade popup styles */ .new-cta { background: #222d59 !important; width: 100%; margin-top: -130px; text-align: center; padding: 75px 0 0 0; margin-bottom: 40px; } .new-overlay .modal { max-height: calc(80% - 80px); max-width: 360px; border-radius: 6px; } section.hero { position: relative; } .new-cta .container { max-width: 980px; /* background: red; */ margin: 0 auto; padding: 40px 20px;} .new-cta h2, .new-cta p { color: white; } .new-cta button { background: white; padding: 14px 54px 14px 14px; color: grey; border: none; border-radius: 4px; height: 50px; font-size: 16px; position: relative; width: 100%; text-align: left; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ cursor: pointer; max-width: 390px; box-shadow: 0px 0px 5px rgb(0 0 0 / 0%); } .new-cta button, .new-cta button:after { transition: all ease-in-out 0.2s; } .new-cta button:after { content: "Search"; background: #d10a38; color: white; position: absolute; height: 22px; padding: 14px 30px; top: 0; right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; font-weight: 600; } .new-cta p {margin-bottom: 6px; } .new-cta button:hover:after { background: #bd0025; } .new-cta button:hover { background: #eeeeee; } .new-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1050; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.2); z-index: 9999999; overflow-y: auto; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); opacity: 0; pointer-events: none; } .new-overlay, .new-overlay * { transition: all 0.25s ease-in-out; } .new-overlay .modal { background: white; height: calc(100% - 80px); width: 100%; /* overflow-y: auto; */ position: relative; padding: 40px; display: flex; flex-direction: column; margin:50px 20px 0px 20px; } .hero #search .modal button.close { width: 30px; height: 30px; border-radius: 100%; border: none; color: #666666; background:#e9e9ed; position: absolute; top: 10px; right: 10px; font-size: 18px; padding: 3px 10px; } .modal h3 { color: #0058a2; font-family:sans-serif; font-family:var(--font-haffer); font-weight:normal; font-size:26px; line-height:32px; padding-bottom:20px; } .new-search { padding: 10px 16px; font-family:sans-serif; font-family:var(--font-haffer); font-style: normal; font-size: 1rem; line-height: 1.5; letter-spacing: 0em; -webkit-font-smoothing: antialiased; border: 1px solid #999999; border-radius: 4px; box-sizing: border-box; color: rgb(51, 51, 51); outline: none; height: 50px; width: 100%; transition: border-color 0.2s ease 0s; margin: 12px 0; min-height: 50px; } .states ul { list-style: none; } .states li a { border: 1px solid #d7d7d7; padding: 14px 18px; margin-bottom: 6px; border-radius: 6px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: right 10px center; display: block; } .states h4 { font-size: .75rem; line-height: 1rem; color: #333333; margin: 22px 0 12px; } .states li a { color: #333333; text-decoration: none; font-size: 14px; } .states { display: flex; flex-direction: column; display: flex; -webkit-box-flex: 1; flex-grow: 1; flex-direction: column; overflow-y: auto; padding-right: 4px; } .states::-webkit-scrollbar { width: 12px; /* width of the entire scrollbar */ } .states::-webkit-scrollbar-track { background: white; /* color of the tracking area */ } .states::-webkit-scrollbar-thumb { background-color: #0058a2; /* color of the scroll thumb */ border-radius: 20px; /* roundness of the scroll thumb */ border: 3px solid white; /* creates padding around scroll thumb */ } .states li a div { font-size: 0.75rem; color: grey; line-height: 1.2rem; } .new-overlay.show { backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); opacity: 1; pointer-events: all; } .show.new-overlay .modal { margin-top: 0; } .no-search-result {color:#000;} .no-search-result h5 { margin-top: 20px; margin-bottom: 10px; font-family:var(--font-haffer);} .hero #search .no-search-result button { background: var(--brightred); color:#fff; padding: 20px; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1rem; border: none; border-radius:100px; padding-top: 1rem; padding-bottom: 1rem; font-weight: 600; margin-top:24px; text-align:center;} button.close:hover { background: #b3b3b3; cursor: pointer; } .states li a:hover { background-color: #f4f4f4; } /* No hassle */ #no-hassle {padding-top:60px;} /* Stats */ #stats {padding:80px 0px 160px; background:var(--deepblue);} #stats img {width:100%; max-width:951px; margin:0px auto;} /* leads */ #leads { padding-bottom: 70px; padding-top: 70px; /*width: 80%;*/ text-align: center; margin: 0 auto;} .hero-curve + #leads{padding-top:0;} #leads.rounded-corners{border-bottom-left-radius:20px;border-bottom-right-radius:20px; } #leads h2 {padding-bottom:25px;} #leads p {font-size:20px; line-height:28px; color:#707070; padding-bottom:60px} #leads .subtext p {padding-bottom:0px} #leads .columns {display:flex; gap:40px; flex-wrap:wrap; padding-bottom:56px;} #leads .column {flex:1; display:flex; flex-direction:column; align-items:center; min-width: calc(25% - 30px);} #leads.numbered .top-content{margin-bottom:45px;} .leads .notTinyImg > .bg-div {height:160px; background-color:var(--paleblue); width:90%; display:flex; justify-content:center; align-items:center; position:relative; border-radius:20px; } .leads .notTinyImg > .bg-div.rounded{width:100%; padding-bottom: 0} .leads .bg-div img {width:100%; height:auto; /*100%;*/ object-fit:contain; max-height:100%;} .leads.numbered .notTinyImg > .bg-div{padding:0 !important;} .leads .notTinyImg > .bg-div img {max-width:50%; /*150px; max-height:110px;*/ } .leads.numbered .notTinyImg > .bg-div img, #leads.img-notTinyImg.cols-wrap-img.has-subtext .bg-div img{width:100px !important; height:100px !important; object-fit: contain; max-width:100% !important; max-height:100% !important;} .leads .text {padding:20px 0px 0px 0px; font-size:24px; line-height:28px; color:var(--deepblue); font-family:var(--font-haffer); font-weight:670; width:100%;} .leads .text + .subtext{margin-top: 16px;} .leads .notTinyImg.white-bg{width:100%; padding-bottom: 0; background:var(--white); box-shadow: 0px 10px 15px -3px #0000001A;} .leads .notTinyImg.white-bg > .bg-div{width:100%; padding-bottom: 0; background:var(--white)} .leads .circle {position:absolute; top:-16px; left:-16px; width:32px; height:32px; background-color:#606FFF; border-radius:50%; color:#fff; display:flex; justify-content:center; align-items:center; font-weight:790; font-size:20px;line-height:20px;} #leads .tinyImg .bg-div[class*="-bg "], #leads .tinyImg .bg-div[class$="-bg"]{margin-bottom:28px;} #leads .tinyImg .bg-div[class*="-bg "] + .subtext, #leads .tinyImg .bg-div[class$="-bg"] + .subtext, #leads .tinyImg .bg-div[class*="-bg "] + .subtext p, #leads .tinyImg .bg-div[class$="-bg"] + .subtext p{color:var(--deepblue) !important; text-align: left;} #leads .columns.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin: 0 auto; max-width: 890px;} #leads .columns.grid.text-only{max-width:100%; margin-top:15px;} .tinyImg > .bg-div {height:132px; /*background-color:var(--paleblue);*/ width:90%; display:flex; justify-content:center; align-items:center; text-align: center; position:relative; border-radius:6px; padding: 1em; } .tinyImg > .bg-div img { max-width: 100px; max-height: 100px; position: absolute; top: -27px; left: -27px; } .leads .main-cta > .btn {margin:40px auto 0px auto;} #leads .columns.grid .column{ box-shadow: 0px 10px 15px -3px #0000001A;} #leads .columns.grid .column.offwhite-bg{ box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);} #leads .columns.grid .column .text, #leads .columns.grid .column .subtext{padding: 0px 24px 40px 24px; width:auto; font-size: 20px; line-height: 28px; font-weight: 790;} #leads .columns.grid .column > .bg-div img{max-width:82%;} #leads .columns.grid.text-only .column{ padding:40px;} #leads .columns.grid.text-only .column .text, #leads .columns.grid.text-only .column .subtext{padding: 0px; width:auto; font-size: 24px; line-height: 28px; font-weight: 790;} #leads .columns.grid.text-only .column .text p, #leads .columns.grid.text-only .column .subtext p{font-size:24px; line-height:1.15em;} #leads .columns.grid.text-only .column .text strong, #leads .columns.grid.text-only .column .subtext strong{font-weight:790} #leads.has-side-image .column {min-width: calc(50% - 30px);} #leads.has-side-image .row{display:flex; gap:40px;} #leads.has-side-image .row > div{flex:1;} #leads.has-side-image .col-img img{width:100%; height:auto; min-height:100%; object-fit: cover;} #leads.has-side-image .col-img.rounded{padding-bottom: 0} #leads.has-side-image .col-img.rounded img{border-radius:20px;} #leads.has-side-image .col-img.shield img{mask-image:url("../images/shields/shield-mask.png");mask-size:contain;mask-repeat: no-repeat;mask-position: center;} #leads.has-side-image .columns{padding-bottom: 0; flex-wrap: wrap !important;} #leads.has-side-image .top-content + .col-img{display:none;} #leads.has-side-image .wrapper > .col-img{display:none} @media only screen and (max-width: 1023px) { #leads .columns.grid { grid-template-columns: repeat(2, 1fr); max-width: 580px; } #leads .columns.grid.text-only .column{flex-direction:column !important; padding:40px;} #leads.has-side-image .columns{margin-top:40px;} #leads.has-side-image .row .col{display:flex; flex-wrap: wrap;} #leads.has-side-image .col-img img{width:100%; aspect-ratio: 1/ 1;} #leads.has-side-image .row > .col.col-img{display:none;} #leads.has-side-image .top-content + .col-img, #leads.has-side-image .top-content{display:block; width: 50%;} #leads.has-side-image .top-content h2{margin-top: 0;} } @media only screen and (max-width: 599px) { #leads .columns.grid.text-only {gap: 20px;grid-template-columns: repeat(1, 1fr); } #leads.has-side-image .wrapper > .col-img{display:block; margin-top:12px;} #leads.has-side-image .top-content{display:block; width:100%;} #leads.has-side-image .top-content + .col-img{display:none;} } /* Directory */ #directory {background-color:#fff; padding-top:40px;} #directory.content {padding-bottom:0px} #directory .inner p {color:#707070; padding-bottom:40px;} #directory .inner h2 {padding-bottom:30px} #directory .wrapper.wide {max-width:1394px; padding:0px 24px; box-sizing: border-box;} #directory.content .column .inner.thin {padding-left:72px;} #directory.content .column.w550 {max-width:600px;} #directory.content .row {padding-bottom:20px;} /* Get started */ section.cta-block {position:relative; overflow:hidden; padding-top:70px; margin-top: -1px; } section.cta-block::before {content: ""; position: absolute;top:50%; left:0; width:100%; height:50%; background-color:var(--offwhite); z-index:0;} section.cta-block.bottom-deepblue-bg::before {background-color:var(--deepblue);} section.cta-block.bottom-brightred-bg::before {background-color:var(--brightred);} section.cta-block.bottom-midblue-bg::before {background-color:var(--brightblue);} section.cta-block.bottom-paleblue-bg::before {background-color:var(--paleblue);} section.cta-block.bottom-white-bg::before {background-color:var(--white);} section.cta-block .wrapper {max-width:1080px; position:relative; z-index:1;} section.cta-block .inner {border-radius:20px; padding:60px; text-align:center;} section.cta-block h2 {font-family:sans-serif; font-family:var(--font-degular); font-weight:800; font-size:80px; line-height:80px; color:#fff; vertical-align:middle; padding-bottom:24px;} section.cta-block .btn {margin:0px auto 35px auto; } section.cta-block p {font-size:24px; line-height:28px; font-weight:790;} section.cta-block .call {font-size:24px; line-height:28px; font-weight:790; text-decoration:none; padding-top:12px;} section.cta-block .call a {display:inline-block; text-decoration:none;} /* Sticky CTA */ #static_cta {position:fixed; z-index:20; width:310px; bottom:120px; right:30px; box-shadow: 2px 2px 10px rgba(183, 202, 217, 1); background:#fff; border-radius:20px; opacity:0; transition:0.5s opacity; pointer-events: none;} #static_cta.show {opacity:1; pointer-events: all;} #static_cta .inner {display:flex; flex-direction:column; position:relative; padding:16px 24px;} #static_cta .inner #close_static_cta {position:absolute; top:12px; right:17px; width:20px; height:20px; background-image:url('https://storage.pardot.com/796483/1746094520quIb6Lls/icon_close.png'); background-repeat:no-repeat; background-position:center; background-size:24px 24px;} #static_cta .inner #close_static_cta:hover {cursor:pointer;} #static_cta .inner .btn {display:block; width:100%; box-sizing: border-box;} #static_cta #call-container {display:flex; flex-direction:column; padding-bottom:16px;} #static_cta #call-container p {font-size:14px; text-align:left; line-height:28px; color:#707070; padding-bottom:4px; font-weight: 400} #static_cta #call-container .call-details { background:url('https://storage.pardot.com/796483/174609387836ufZyVY/icon_call.png') no-repeat left top; background-size:24px 24px; padding-left:30px; font-size:24px; line-height:28px; color:var(--deepblue); font-weight:790;} #static_cta #call-container .call-details a {font-size:24px; line-height:28px; color:var(--deepblue); text-decoration:none;} /* content areas */ .content {margin:0px auto; text-align:center; padding-bottom:60px;} .content .row { display:flex; flex-direction:row; flex-wrap:wrap; width:100%; padding-bottom:60px;} .content .row.reverse {flex-direction:row-reverse;} .content .column { display:flex; flex-direction:column; flex-basis:100%; flex: 1 1 0; justify-content: center;} .content .column.w530 {flex:1 1 0; max-width:530px; padding-right:20px;} .content .column.w450 {flex:1 1 0; max-width:450px;} .content .column.w40pc {flex: 0.9; align-items: center;} .content .column .inner {padding:0px 0px; text-align:left;} .content .column .inner p {color:#707070; padding-bottom:20px;} .content .column .inner h2 {padding-bottom:14px} /* video popup */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8;} .mfp-fade.mfp-bg.mfp-removing { opacity: 0;} .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1;} .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0;} /* footer */ #footer {background:var(--offwhite); padding-top:90px;} #footer .wrapper {max-width:1080px;} #footer #terms {text-align:left; font-size:16px; line-height:20px; color:#707070; padding-bottom:45px;} #footer #terms p {padding-bottom:18px} #footer #terms a {color:#707070; text-decoration:underline;} #footer #copyright {border-top:1px solid #EAEAEA;} #footer #copyright .wrapper {max-width:1200px; text-align:right; color:#B3B3B3; font-size:14px; padding:14px 25px;} #footer #base {background:#fff;} #base .wrapper {max-width:1280px; padding:20px 24px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;} #footer #links {display:flex; gap:40px; font-size:16px; line-height:24px; font-weight:790;} #footer #links ul { list-style: none; } #footer #links a {color:var(--deepblue); text-decoration:none;} #footer #socials {display:flex; gap:24px;} #footer #socials .icon img {display:block; width:36px; height:36px;} @media (min-width:1024px) { nav li#menu-item-962{display:none !important} } /* Tablet*/ @media only screen and (max-width:1023px) { nav li#menu-item-346{display:none !important} #header nav li a.active, #header nav li.current_page_item a { border-radius: 0px; } /* General */ .left, #footer .left {width:100%;} .right, #footer .right {width:100%;} .hide, .htm {display:none !important;} .stm {display:block;} .pad {padding:0px 20px 0px 20px;} .block {display:block;} .divider {width:100%; margin:0 auto;} h2 {font-size:34px; line-height:40px; padding-bottom:16px;} /* Main layout */ body .wrapper {margin:0px auto; padding:0 60px;} /* Header */ /* #header-padding {height:60px;}*/ #header .wrapper {padding:16px;} #header #logo img {max-width:160px;} #header #call-us {display:flex; margin-right:42px} #header #call-us a.call {min-width:62px; border-radius:100px; padding:6px 16px; background:var(--brightred); color:#fff; text-align:center; font-size:14px; line-height:18px; font-family:sans-serif; font-family:var(--font-haffer); font-weight:790; text-decoration:none;} nav {height:0px; overflow:hidden;} nav #menu_toggle, nav .menu_btn {display:block;} nav li { display:block !important; height:10px; margin:0px 30px; padding:16px 0px 24px 0px;} nav li a {padding:0px; height:auto !important;} nav li a.active {font-weight:790; color:#0058a2; border-top:none;} nav li a.inactive {border-top:none;} nav li a:hover {border-top:none;} nav li a.active:hover {border-top:none;} nav li:nth-last-child(2){border-bottom: none; padding-bottom:24px;} nav li a.btn {width:100%;} #menu_toggle { opacity: 0;} #menu_toggle:checked + .menu_btn > span {transform:rotate(45deg);} #menu_toggle:checked + .menu_btn > span::before {top:0; transform:rotate(0deg);} #menu_toggle:checked + .menu_btn > span::after {top:0; transform:rotate(90deg);} #menu_toggle:checked ~ .menu-main-menu-container {right: 0 !important; left: auto !important; box-shadow: 2px 2px 6px rgba(0, 0, 0, .4); } .menu_btn {position:absolute; top:30px; right:20px; width:20px; height:20px; cursor:pointer; z-index: 1;} .menu_btn > span, .menu_btn > span::before, .menu_btn > span::after {display:block; position:absolute; width:100%; height:2px; background-color:#000000; transition-duration:.25s; border-radius:2px;} .menu_btn > span::before { content: ''; top: -6px;} .menu_btn > span::after { content: ''; top: 6px;} .menu-main-menu-container { display:block; position:fixed; top:66px; left:auto; right:-100%; width:300px; height:100%; margin:0; padding:16px 0; list-style:none; background-color:#ffffff; transition-duration:.25s;} #header nav li a.call {display:none;} /* Strapline */ section.banner-block icon { margin-top:0; } section.banner-block p, section.banner-block p .light {font-size:16px; line-height:26px; } /* Hero */ .hero {padding:60px 0 80px 0} .hero .wrapper {padding: 0 60px 0 60px;} /* .hero.type-hero-map, .hero.type-hero, hero.type-hero-full{padding-left:40px} */ .hero #subnav {display:none;} .hero .columns {gap:28px;} .hero .column.column-hero {flex: 0 1 256px;} .hero .column.column-hero {flex: 0 1 256px;} .hero h1 {font-size:7vw; line-height:6.5vw; padding-bottom:52px;} .hero #prices {font-size:18px; line-height:24px; padding-bottom:24px;} .hero #search {padding-top:16px;} .hero-curve {height:26px; background-position:center top; background-size:100% 26px; padding:0;} .hero.type-text-full { padding: 42px 0px 60px 0px; } .hero picture img{margin-top:0;} .hero:not(.type-hero-map):not(.type-hero):not(.type-hero-full) .columns{flex-direction: column-reverse;padding-bottom: 40px;} .hero:not(.type-hero-map):not(.type-hero):not(.type-hero-full).mob-column-reverse .columns{flex-direction: column} .hero:not(.type-hero-map):not(.type-hero):not(.type-hero-full) .columns .column:last-child{flex:1;} .hero:not(.type-hero-map):not(.type-hero):not(.type-hero-full):not(.type-text-full) h2{text-align: center !important;display:block} .hero:not(.type-hero-map):not(.type-hero):not(.type-hero-full):not(.type-text-full) .main-cta{justify-content: center} .hero:not(.type-hero-map):not(.type-hero):not(.type-hero-full):not(.type-text-full).type-w50-cols h2{text-align: left !important;display:block} .hero.type-w50-cols .column.left{max-width:528px; margin-left: auto; margin-right: auto;} .hero .column.column-w-370{max-width:70%; margin: 0 auto} .hero .column-w-450 picture img{max-width:280px;margin:0 auto;} .hero .column-w-530 picture img{max-width:460px;margin:0 auto;} .hero .column-w-370 picture img{max-width:648px;margin:0 auto;} .hero.type-w50-cols .copy + .main-cta{margin-top:44px;} .medium, #leads p.medium { font-size: 20px; padding-bottom: 16px; } /* .hero.type-text-full h2{ font-size: 24px; line-height: 130%;}*/ /* No hassle */ #no-hassle {padding-top:40px;} #no-hassle h3 {font-size:24px; line-height:130%; padding-bottom:40px;} #no-hassle .divider {width:100%; max-width:548px; height:1px; background:#EAEAEA; margin:0 auto;} /* content areas */ .content .row {padding-bottom:40px;} .content .column .inner.thin {padding:0px !important;} /* Stats */ #stats {padding:80px 0px;} /* leads */ #leads {padding:40px 0px 40px 0px; } #leads .padding {padding:0;} .hero-curve + #leads{ padding-top: 55px; } /* #leads h2 { margin-top: 55px; }*/ #leads p {padding-bottom:40px} #leads .columns {display:flex; gap:20px; flex-wrap:nowrap; justify-content:space-between;} #leads.numbered .columns {gap:40px; } #leads .column {flex:1 1 0; min-width:0;} #leads .bg-div {height:auto; padding:30px 0;} #leads .text {padding-top:16px; font-size:20px; line-height:24px;} #leads .bg-div img {width:100%; max-width:100%; height:auto; max-height:120px; object-fit:contain;} #leads .grid .bg-div img {max-height:120px;} #leads .tinyImg .bg-div img{width:auto} #leads .tinyImg > .bg-div{width:auto; height:132px; padding: 1em;} #leads .tinyImg .bg-div[class$="-bg"] { margin-bottom: 18px; } #leads.img-tinyImg .subtext p{font-size:18px; line-height:23px;} .leads .main-cta > .btn{margin-top:0;} #leads.numbered.cols-wrap-img .subtext, #leads.img-notTinyImg.cols-wrap-img.has-subtext .text{padding: 20px 0px 0px 0px;} #leads.cols-wrap-img .subtext p{ font-size: 16px; line-height: 22px;} /* Directory */ #directory .wrapper {max-width:648px !important; margin:0px auto;} #directory .padding {padding:0px 60px;} #directory .row {flex-direction:column; display:flex; gap:40px;} #directory .column {width:100%;} #directory .column:nth-child(2) {display:flex; justify-content:center;} #directory .column:nth-child(2) picture, #directory .column:nth-child(2) img { max-width:100%; height:auto; } #directory .inner p {padding-bottom:0px;} /* Get started */ section.cta-block .inner {padding-bottom:80px;} section.cta-block h2 {font-size:60px; line-height:62px;} /* footer */ #footer {padding-top:40px;} #footer #terms {padding-bottom:20px;} #footer #base #links {display:none;} #footer #copyright .wrapper {padding:14px 45px;} #footer #base .wrapper {justify-content: center;} /* sticky */ #sticky .button a {display:none;} #sticky #hours {display:block; font-size:12px; line-height:14px;} #sticky #call-link {background-position:left 10px;} } /* Mobile*/ @media only screen and (max-width:599px) { /* General */ h2 {font-size:28px; line-height:35px; padding-bottom:8px;} .mobile-only {display:block !important;} .desktop-only {display:none !important;} .mfp-content {width:100% !important; height:auto !important;} /* Main layout */ body .wrapper {padding:0 25px;} /* Strapline */ section.banner-block .wrapper {text-align:left;} /* Hero */ .hero.type-hero, .hero.type-hero-full, .hero.type-hero-map {padding:40px 0 0 0; background-image:url(https://storage.pardot.com/796483/1746093444CMasc5Ji/curve_white_mobile.svg); background-position:center bottom; background-size:599px 230px; background-repeat:no-repeat;} .hero .wrapper {padding: 0 25px;} .hero .columns {flex-direction:column; gap:38px;} .hero .column:last-child {display:flex;justify-content:center; flex:0;} .hero .column.column-hero, .hero .column.column-hero-full{padding-bottom:40px} .hero.type-hero-full .column:last-child img, .hero.type-hero-map .column:last-child img, .hero.type-hero .column:last-child img {width:185px !important; padding-top:0;} .hero.type-w-746 .column:last-child img {width:100% !important; padding-top:0;} .hero h1 {font-size:14vw; line-height:80%; padding-bottom:25px;} .hero #search button {font-size:16px; line-height:16px;} .hero #search button:after {font-size:20px; line-height:20px;} .hero.type-hero + .hero-curve {display:none} .hero picture img { margin-top: 0px; } .hero-curve {height:26px; background-position:center top; background-size:100% 26px; padding-bottom:20px;} .hero.type-hero-full .column:last-child::after { display:none; } .hero:not(.type-hero-map):not(.type-hero):not(.type-hero-full) .columns { padding-bottom: 0px;} .hero .points{padding-bottom:0} .hero.type-hero-full + .bottom-shadow-spacer { display:none;; } .hero.type-hero-full + .hero.type-text-full, .hero.type-hero + .hero.type-text-full, .hero.type-hero-full + div + .hero.type-text-full, .hero.type-hero + div + .hero.type-text-full{padding-top: 40px} .hero.type-hero.bottom-shadow, .hero.type-hero-full.bottom-shadow{box-shadow:none} .hero.type-hero-full picture img{height:228px; width:185px; mask-image:url("../images/shields/shield-mask.png");mask-size:contain;mask-repeat: no-repeat;mask-position: center;} .hero.type-hero-full .column.col-left { padding: 0px; } .hero.type-hero-full h4{font-size:14px; text-align: center;} .hero.type-hero-full .main-cta{justify-content: center;} .hero h1.larger{padding-bottom:25px; text-align: left !important;} .hero.type-hero-full .col-left > div{text-align: center;} .hero.type-text-full .divider{margin-top:40px;} /* .hero.type-text-full h2 { font-size: 20px; }*/ .hero.type-hero-map .column:last-child img {width:100% !important; padding-top:0; height:200px} .hero .main-cta.cta-bottom { margin-top: 30px; } h3 {font-size: 20px;line-height: 130%;padding-bottom: 40px;} .hero:not(.type-text-full) h3{font-size: 16px;} /* No hassle */ #no-hassle {padding-top:40px;} #no-hassle h3 {font-size:20px; padding-bottom:40px;} #leads .columns.grid{gap:20px;} #leads .columns.grid .column .text, #leads .columns.grid .column .subtext {font-size: 16px;line-height: 120%; padding-bottom:24px;} #leads .columns.grid .bg-div { height:auto; padding: 24px 0 20px; } #leads .columns.grid .column > .bg-div img{height:auto !important; max-height:95px;} /* Stats */ #stats {padding:60px 0px;} /* Leads */ #leads { width: 100%; } #leads .padding {padding:0px 25px;} /* Get started */ section.cta-block .wrapper {padding:0;} section.cta-block .inner {padding:60px 25px 70px 25px; border-radius:0px;} section.cta-block h2 {font-size:42px; line-height:42px;} /* Existing trade popup styles */ .new-overlay .modal {padding:20px;} .modal h3 {font-size:22px; line-height:24px; padding:20px 40px 20px 0px; } /* footer */ #footer #copyright .wrapper {text-align:center;} /* sticky */ #sticky .wrapper .column .join {flex:0; width:110px;} #static_cta{display:none;} } @media only screen and (max-width: 370px) { #header #logo img {max-width:140px;} .hide-780-599-370 {display:none} #leads .padding {padding:0;} .btn {width:100%} .tetimonials-block.image-text .column .inner .padding {font-size:22px; line-height:28px;} .tetimonials-block.image-text .column .inner .padding p {font-size:16px; line-height:22px;} .tetimonials-block.image-text .column .inner .padding .name {font-size:16px; line-height:22px;} } @media only screen and (max-width:380px) { /* sticky */ #sticky .button {width:100px;} #sticky #call-link {background-position:left 0px; font-size:14px; line-height:18px; padding:0px 4px 0 45px;} } @media only screen and (max-width:480px) { /* benefits */ section.benefits {margin:50px 0px 0px 0px;} } @media only screen and (min-width: 599px) and (max-width: 780px) { .hide-780-599-370 {display:none;} } @media only screen and (max-width:740px) { #prices h3 { font-size: 28px; } /* Leads */ #leads .columns {padding-bottom:40px;} #leads .columns {flex-direction: column; gap: 20px; } #leads .column {flex-direction: row; align-items: center; text-align: left;} #leads .grid .column{flex-direction:column} #leads.img-notTinyImg.cols-wrap-img:not(.numbered):not(.has-subtext) .bg-div {width: 70px; height: 70px; min-width: 70px; min-height: 70px; max-width: 70px; max-height: 70px; margin-right: 20px; border-radius: 12px; padding: 0; box-sizing: border-box; display: flex; justify-content: center; align-items: center;} #leads .bg-div img {width: 100%; height: 100%; object-fit: contain; max-width: 70px; max-height: 70px;} #leads .text {font-size: 18px; line-height: 24px; padding: 0;} #leads .columns .column:nth-child(2) .bg-div img {width:80%;height:80%;} #leads .columns .column:nth-child(3) .bg-div img { width:60%; height:60%;} #leads.img-tinyImg.cols-wrap-img .columns, #leads.img-notTinyImg.cols-wrap-img.has-subtext .columns, #leads.numbered.cols-wrap-img .columns{display: grid; grid-template-columns: 1fr 1fr; gap: 40px;} #leads.img-tinyImg.cols-wrap-img .column, #leads.img-notTinyImg.cols-wrap-img.has-subtext .column, #leads.numbered.cols-wrap-img .column{display: flex; flex-direction: column; align-items: center;} #leads.img-tinyImg.cols-wrap-img .bg-div, #leads.numbered.cols-wrap-img .bg-div{width:90%; height:132px;} } @media only screen and (max-width:1100px) { #header nav li a {padding:10px 16px;} #header nav li a.call {min-width:64px;} #header nav li a.active { border-radius: 3px; text-align: left; } } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; padding-top: 0px; padding-bottom: 0px; box-sizing: border-box; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-container::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-iframe-holder .mfp-content {line-height: 0; width: 100%; max-width: 900px; height:100%; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-holder .mfp-close { top: -40px;font-style: normal; font-size: 28px; font-family: Arial,Baskerville,monospace;opacity: .65;text-decoration: none;height: 44px; line-height: 44px; position: absolute;overflow: visible; cursor: pointer; background: transparent; border: 0; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none; color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%;} .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #000; } .tetimonials-block .column {display: flex;flex-direction: column;flex-basis: 100%; flex: 1 1 0; flex-grow: 1; justify-content: center; } .tetimonials-block .column .inner { padding: 0px 0px; text-align: left; } .tetimonials-block .column .inner p { color: #707070; padding-bottom: 20px; } .tetimonials-block h2 { padding-bottom: 74px; } .tetimonials-block .row { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; padding-bottom: 60px; } @media only screen and (max-width: 1023px) { .tetimonials-block h2 { padding-bottom: 68px; } } @media only screen and (max-width: 599px) { .tetimonials-block h2 { padding-bottom: 40px;} } .tetimonials-block.image-text.content {padding: 74px 0px 120px 0px;} .tetimonials-block.image-text .wrapper .outer { display: flex; box-shadow: 0px 10px 15px -3px #0000001A; border-radius: 20px; margin-bottom: 80px; overflow:hidden; } .tetimonials-block.image-text .wrapper .outer.col-reverse{flex-direction: row-reverse;} .tetimonials-block.image-text .wrapper .outer:last-child { margin-bottom: 0px;} .tetimonials-block.image-text .column.copy {flex-grow: 1;background-color: #505DD5;} .tetimonials-block.image-text .column { background-color: #fff; } .tetimonials-block.image-text .column .inner { display: flex; align-items: center; justify-content: center; } .tetimonials-block.image-text .column .inner .padding {font-family: var(--font-haffer);font-weight: 430;width: 100%;padding: 60px 60px 40px 60px;font-size: 38px;line-height: 105%;font-weight: 430; color: #fff;} .tetimonials-block.image-text .column .inner .padding strong { font-weight: 790; } .tetimonials-block.image-text .column .inner .padding .name { font-size: 20px; line-height: 28px; font-weight: 790; padding: 40px 0px 2px 0px; color: #fff; } .tetimonials-block.image-text .column .inner .padding p { font-size: 20px; line-height: 28px; font-weight: 430; color: #fff; } .tetimonials-block.image-text .column.image1 {flex: 0 0 540px; background-color: #505DD5; position: relative;} .tetimonials-block.image-text .column.image1 a, .tetimonials-block.image-text .column.image1 img { height: 100%; width: 100%; display: block;} .tetimonials-block.image-text .column.image img {width: auto;object-fit: cover;} @media (min-width: 1024px) { .tetimonials-block.image-text.has-button .column{flex:50% !important;} } @media only screen and (max-width: 1023px) { .tetimonials-block.image-text.content { padding-bottom: 80px; } .tetimonials-block.image-text .outer { flex-direction: column-reverse !important; margin-bottom: 20px; margin-top: 40px; margin: 0px auto 80px auto; } .tetimonials-block.image-text .column .inner .padding { font-size: 34px; padding: 40px 40px 20px 40px; } .tetimonials-block.image-text .column .inner .padding .name { padding-top: 16px; } .tetimonials-block.image-text .column.image1 { flex: 1; border-radius: 20px 20px 0px 0px; } .tetimonials-block.image-text .column.image img { display: block; max-height: 438px; width: 100%; object-fit: cover; } .tetimonials-block.image-text .column .btn{margin: 30px auto 40px auto;} } @media only screen and (max-width: 599px) { .tetimonials-block.image-text.content { padding: 12px 0px 40px 0px; } } .tetimonials-block.video.content {padding: 0px 0px 120px 0px;} .tetimonials-block.video .videos_wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; } .tetimonials-block.video .box, .tetimonials-block.video .box img{ box-shadow: 0px 10px 15px -3px #0000001A; border-radius: 20px; } .tetimonials-block.video .box img { display: block; } @media only screen and (max-width: 1023px) { .tetimonials-block.video.content { padding-bottom: 80px; } } @media only screen and (max-width: 599px) { .tetimonials-block.video.content { padding-bottom: 70px; } .tetimonials-block.video .videos_wrapper {grid-template-columns: repeat(1, 1fr); } } .tetimonials-block.text.content {padding: 80px 0px 120px 80px;} .tetimonials-block.text .testimonials_wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; } .tetimonials-block.text .box { box-shadow: 0px 10px 15px -3px #0000001A; border-radius: 20px; padding: 40px; } .tetimonials-block.text .row { align-items: flex-start; text-align: left; padding-bottom: 0; } .tetimonials-block.text .row .column:first-child { flex: 0 0 110px; padding-right: 24px; } .tetimonials-block.text .box img { display: block; width: 110px; height: 110px; object-fit:cover; border-radius:50%;} .tetimonials-block.text .row .column:last-child { flex: 1; } .tetimonials-block.text .row .column .inner { padding-left: 15px; padding-right: 0; } .tetimonials-block.text .row .column .inner p { font-size: 24px; line-height: 115%; font-weight: 430; color: var(--deepblue); padding-bottom: 40px; } .tetimonials-block.text .row .column .inner p:last-child { padding-bottom: 0px; font-weight: 790; } @media only screen and (max-width: 1023px) { .tetimonials-block.text.content { padding: 50px 0px 60px 0px; } .tetimonials-block.text .testimonials_wrapper {grid-template-columns: repeat(1, 1fr); } .tetimonials-block.text .row .column .inner {padding: 0; } } @media only screen and (max-width: 599px) { .tetimonials-block.text.content { padding: 40px 0px 80px 0px; } .tetimonials-block.text .box { padding: 40px 24px; } .tetimonials-block.text .row { flex-direction: column; } } .child-block{padding:60px 0;} .child-block .columns{margin-top:40px;gap:40px; display:flex; flex-wrap: wrap; max-height:320px; height:fit-content; transition:0.5s all; overflow:hidden; position: relative;} .child-block .columns.expanded{max-height:1000px;} .child-block .column.buttons{width:calc(25% - 30px); color:var(--deepblue); display:flex; border-radius:0.5rem; justify-content: center; align-items: center; text-decoration: none; height:55px; font-size:30px; line-height:1; font-weight:600;} .child-block .column.buttons.deepblue-bg, .child-block .column.buttons.deepred-bg, .child-block .column.buttons.brightred-bg{color:var(--white);} .child-block .main-cta{margin-top:60px;} .child-block .expand-btn{background:var(--deepblue); border:none; display:flex; justify-content: center; align-items: center; font-size:0; line-height: 0; width:40px; height:40px; border-radius:50%; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); position:absolute; left:calc(50% - 20px); bottom:15px; transition: 0.3s all; display:none; cursor:pointer;} .child-block .expand-btn img{width:16px; height:8px; transition: 0.3s transform} .child-block .expanded .expand-btn img{transform:rotate(180deg);} @media only screen and (min-width: 1024px) { .child-block.expand-desktop .expand-btn{display:flex;} } @media only screen and (max-width: 1023px) { .child-block .column.buttons{width:calc(33% - 19px); height:36px; font-size:22px; } .child-block .columns{gap:30px; max-height:219px;} } @media only screen and (min-width: 600px) and (max-width: 1023px) { .child-block.expand-tablet .expand-btn{display:flex;} } @media only screen and (max-width: 599px) { .child-block.expand-mobile .expand-btn{display:flex;} .child-block .column.buttons{width:calc(50% - 20px); height:36px; font-size:22px; } .child-block .columns{gap:18px 40px; max-height:170px;} } .faqs-block{padding:60px 0px;} .faqs-block .inner{padding:40px 80px 80px;} .faqs-block .inner ul{list-style: none;} .faqs-block .inner li{margin-bottom:35px;} .faqs-block .inner li:last-child{margin-bottom:0px;} .faqs-block h2{font-family: var(--font-degular); font-weight: 800; font-size:80px; line-height:1; text-align: center; padding-bottom:25px;} .faqs-block .inner li > a{color:var(--deepblue); font-weight:790; font-size:24px; line-height:28px; text-decoration: none; } .faqs-block .inner li p, .faqs-block .inner li p a{font-size:24px; line-height:32px; font-weight:400; color:var(--deepblue);} .faqs-block .inner li p{padding-top:10px;} .faqs-block .inner li .faq-a{max-height:0px; height:fit-content; transition:0.5s all;overflow:hidden;} .faqs-block .inner li.expanded .faq-a{max-height:1000px;} .faqs-block .main-cta{margin-top: 66px;} .faqs-block .block-trustpilot{display: flex; justify-content: center; margin-top:22px;} .faqs-block .block-trustpilot img{height:159px; width:276px; object-fit: contain;} @media only screen and (max-width:700px) { .faqs-block{padding:35px 0px;} .faqs-block .inner{padding:40px 30px 35px;} .faqs-block .inner li > a{font-size:20px; } .faqs-block .inner li p, .faqs-block .inner li p a{font-size:20px; line-height:28px;} .faqs-block .main-cta{margin-top: 12px;} .faqs-block .block-trustpilot{ margin-top:34px;} .faqs-block .block-trustpilot img{width:143px; height:82px; } } .pages-block{padding:60px 0 80px;} .pages-block h2{padding-bottom:8px;} .pages-block .slider, .pages-block .page-columns.desktop{margin-top:50px; position:relative;width:calc(100% + 20px); margin-right:-20px;} .pages-block .slider, .pages-block .slick-track{display:flex; gap:40px;} .pages-block .column img{width:270px; height:270px; object-fit: cover; min-width:100%;} .pages-block .column{text-decoration:none;width:270px;} .pages-block .column h4{text-decoration:none; color:var(--deepblue); font-size:20px; line-height: 1; font-weight:670; margin-bottom:10px;} .pages-block .slick-slide > div + div{margin-top:50px;} .pages-block .slider .slick-next{right:20px; top: 310px;} .pages-block .slider .slick-prev{left:10px; top: 310px;} .pages-block .page-columns.desktop{display:flex; gap:40px; flex-wrap:wrap;} .pages-block .main-cta{ margin-top:118px ; } @media only screen and (min-width:1024px) { .pages-block .page-columns.mobile{display:none;} .pages-block .page-columns.desktop .column{width:calc(25% - 30px)} } @media only screen and (max-width:1023px) { .pages-block .page-columns.desktop{display:none;} } @media only screen and (max-width:768px) { .pages-block{padding:40px 0 35px;} .pages-block .slider{margin-top:25px; } .pages-block .column img{width:170px; height:132px; } .pages-block .column{width:170px;} .pages-block .column h4{font-size:16px;margin-bottom:10px;} .pages-block .slick-slide > div + div{margin-top:45px;} .pages-block .slider .slick-next{ right:22px; top: 169px;} .pages-block .slider .slick-prev{ right:10px; top: 169px;} } .posts-block{padding:60px 0 80px;} .posts-block .slider{margin-top:50px; position:relative; width:calc(100% + 20px); margin-right:-20px;} .posts-block .slider, .posts-block .slick-track{display:flex; gap:40px;} .posts-block .slick-track{padding-bottom:10px;} .posts-block .slide{text-decoration:none; width:370px; padding-bottom:0; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);} .posts-block .slide *{ color:var(--deepblue); } .posts-block.deepblue-bg .slide *, .posts-block.brightred-bg .slide *{ color:var(--white); } .posts-block .slide img{border-radius: 20px 20px 0 0; height:170px; object-fit:cover; width:100%;} .posts-block .slide .content{padding:40px; text-align: left;} .posts-block .slide .content p, .posts-block .slide .content h4{font-size:24px; line-height:28px; font-weight:430;} .posts-block .slide .content p.name, .posts-block .slide .content h4{font-weight:790;} .posts-block .slide .content p.name{margin-top:40px;} .posts-block .slide .content h4{margin-bottom:10px;} .posts-block .slider .slick-arrow{border:1px solid var(--white); top:120px} .posts-block .slider .slick-next {right:28px; } .posts-block .slider .slick-prev {left:22px; } .posts-block .main-cta{margin-top:56px;} @media only screen and (max-width:768px) { .posts-block .slick-track{} .posts-block .slider, .posts-block .slick-track{display:flex; gap:12px;} .posts-block .slide .content p, .posts-block .slide .content h4{font-size:20px; line-height:26px;} .posts-block .slider .slick-next {right:46px; } }