body { background-color: white; font-family: 'Roboto', sans-serif; color: #000; font-size: 17px; }

.maxw { max-width: 1168px; margin: 0 auto; position: relative; }

.btns { text-align: center; }
.btns .btn { font-family: 'Rubik'; border: 3px solid #7BCE4A; border-radius: 34px; color: #7BCE4A; font-size: 16px; font-weight: 500; text-align: center; padding: 25px 35px; display: inline-block; cursor: pointer; text-decoration: none; }
.btns .btn.green { border-color: #7BCE4A; color: #7BCE4A; }
.btns .btn.green.fill { background-color: #7BCE4A; color: #FFF; }
.btns .btn.blue { border-color: #006FE5; color: #006FE5; }
.btns .btn.white { border-color: #FFF; color: #FFF; }
.btns .btn.orange { border-color: #FA6A4C; color: #FA6A4C; }
.btns.small { padding: 15px 35px; }

.hdr .topnav { font-family: 'Rubik'; height: 50px; background-color: #FFFFFF; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.16); text-align: right; }
.hdr .topnav ul, .hdr .topnav li { font-weight: 500; font-size: 15px; line-height: 50px; list-style-type: none; display: inline-block; }
.hdr .topnav ul li { padding: 0 20px; }
.hdr .topnav ul li a { color: #000; text-decoration: none; }
.hdr .topnav ul li.account { background: #7ECC52 url(/cdn/asset/39487db6-bb25-48ce-9509-ac1a00e0d90e/iconmyaccount.svg) no-repeat center left 37px; padding: 0 37px 0 71px; }
.hdr .topnav ul li.account a { color: #FFF; }


.hdr .logostrap { height: 124px; }
.hdr .logostrap .maxw { height: 100%; }
.hdr .logostrap .logo { float: left; width: 50%; height: 100%; background: url(/cdn/asset/9045baba-9739-4c6f-a515-accc009a56f6/protect4sure.svg) no-repeat center left; background-size:60%; }
.hdr .logostrap .cta { float: left; width: 50%; height: 100%; }

.mobilenav { display: none; position: -webkit-sticky; position: sticky; top: 0; z-index: 102; }

.nav { font-family:'Rubik'; background-color: #333939; height: 60px; text-align: center; position: -webkit-sticky; position: sticky; top: 0; z-index: 102; }
.nav .burger { display: none; }
.nav .menu ul, .nav .menu li { font-weight: 500; font-size: 16px; line-height: 60px; list-style-type: none; display: inline; }
.nav .menu ul { width: 100%; display: flex; }
.nav .menu ul li { flex: 1; }
.nav .menu ul li a { color: #FFF; text-decoration: none; display: inline-block; position: relative; }
.nav .menu ul li a.oarrow::after { content: ' '; width: 13px; height: 19px; background: url(/cdn/asset/9334ec52-d260-40b9-9c90-ac1a00e20f5c/navarrow.png) no-repeat center center; position: absolute; bottom: 20px; right: -20px; }
.nav .menu ul li.home { width: 60px; flex-grow:0; }
.nav .menu ul li.home a { width:48px; height:60px; background-color:red; background:url(/cdn/asset/a9248f4a-5509-4cac-a67f-acf600965ee2/home.png) no-repeat center center;  display: inline; float:left; }

.submenus .submenu { height: 160px; background: #F3F2EC; position: absolute; left: 0; right: 0; display: none; }
.submenus .submenu a { text-decoration: none; }
.submenus .submenu.show { display: block; }
.submenus .submenu ul, .submenus .submenu li { color: #000000; font-size: 13px; list-style-type: none; display: inline; }
.submenus .submenu ul { width: 100%; display: flex; padding: 44px 0; }
.submenus .submenu ul li { flex: 1; padding-left: 130px; padding-right: 30px; text-align: left; min-height: 80px; position: relative; }
.submenus .submenu ul li h2 { color: #103344; font-size: 16px; font-weight: 700; line-height: 19px; margin-bottom: 10px; opacity: 0.87; }
.submenus .submenu ul li h2 a { color: inherit; }
.submenus .submenu ul li.privacy:before { background: url(/cdn/asset/1cf5a7bb-d717-43ba-a139-acf800d8e4fd/DataSecurity.jpg) no-repeat left top; background-size: cover; width: 100px; height: 80px; content: ' '; position: absolute; left: 0; }
.submenus .submenu ul li.FCA:before { background: url(/cdn/asset/92cbf1b2-3bcb-4a10-87e7-ac1a00e2419b/subnavfca.jpg) no-repeat left top; background-size: cover; width: 100px; height: 80px; content: ' '; position: absolute; left: 0; }
.submenus .submenu ul li.support:before { background: url(/cdn/asset/966e6452-6818-4653-ba44-ac1a00e29d86/subnavsupport.jpg) no-repeat left top; background-size: cover; width: 100px; height: 80px; content: ' '; position: absolute; left: 0; }
.submenus .submenu ul li.reviews:before { background: url(/cdn/asset/7fe607b0-0f10-4d7c-aa44-ac1a00e2b762/subnavreviews.jpg) no-repeat left top; background-size: cover; width: 100px; height: 80px; content: ' '; position: absolute; left: 0; }
.submenus .submenu ul li.aboutus:before { background: url(/cdn/asset/620ef0e7-b053-4a48-8d3d-ac1a00e2bc96/subnavabout.jpg) no-repeat left top; background-size: cover; width: 100px; height: 80px; content: ' '; position: absolute; left: 0; }
.submenus .submenu ul li.glance:before { background: url(/cdn/asset/4038f7e5-46b9-4998-bc7e-acf800c81359/CheckWhatsCovered.jpg) no-repeat left top; background-size: cover; width: 100px; height: 80px; content: ' '; position: absolute; left: 0; }
.submenus .submenu ul li.compare:before { background: url(/cdn/asset/4f0ea111-86f4-4bd9-a08b-acf800c6c137/Checkingunderbonnet4.jpg) no-repeat left top; background-size: cover; width: 100px; height: 80px; content: ' '; position: absolute; left: 0; }
.submenus .submenu ul li.terms:before { background: url(/cdn/asset/a6c1f74b-5f20-4921-a697-acf800cdfeb6/CheckingTerms.jpg) no-repeat left top; background-size: cover; width: 100px; height: 80px; content: ' '; position: absolute; left: 0; }


.hero { background: #103344 url(/cdn/asset/57618bec-7e58-4e94-9d6d-ac1a00e31a8c/hero.jpg) no-repeat center center; background-size: cover; z-index: 1; height: 536px; position: relative; }
.hero .underlay { position: absolute; top: 0; left: -50%; bottom: 0; width: 100%; background: url(/cdn/asset/4dd5c3e9-2cec-4384-89ad-ac1a00e300cb/herooverlay.svg) no-repeat center center; background-size: cover; z-index: 1; }
.hero .glide, .hero .glide__track, .hero .glide__slides, .hero .glide__slide { height: 100%; width:75%; }
.hero .glide { z-index: 2; }
.hero .glide__slide { position: relative; overflow: hidden; padding: 50px 45px; }
.hero .glide__slide .txt { width: 25%; opacity: 0.87; color: #FFFFFF; font-family: 'Rubik'; }
.hero .glide__slide h1 { font-size: 35px; line-height: 45px; font-weight: 400; margin-bottom: 40px; }
.hero .glide__slide h2 { font-size: 25px; line-height: 30px; font-weight: 400; margin-bottom: 40px; }
.hero .glide__slide a { font-size: 20px; line-height: 24px; color: #FFF; text-decoration: underline; font-weight: 300; }

.generic .hero { height: 359px; background-image: url(/cdn/asset/57618bec-7e58-4e94-9d6d-ac1a00e31a8c/hero.jpg); }
.generic .hero.small { height: 210px; }
.generic .hero .underlay { background-image: url(/cdn/asset/4dd5c3e9-2cec-4384-89ad-ac1a00e300cb/herooverlay.svg); }
.generic.about-us .hero .underlay { background-image: url(/cdn/asset/3b10f60d-cf96-40b0-8313-ac1c00af95eb/herooverlayred.svg); }
.generic.about-us .hero { background-image: url(/cdn/asset/57618bec-7e58-4e94-9d6d-ac1a00e31a8c/hero.jpg); }
.generic.login .hero {height: 250px}
.get-quote { background-color: #F3F2EC; padding: 26px 0; position: -webkit-sticky; position: sticky; top: 60px; z-index: 100; }
.get-quote .container { width: 806px; display: flex; margin: 0 auto; }
.get-quote .container .col { flex: 1; }
.get-quote .container .col.c1 { font-family: 'Rubik'; line-height: 27px; font-size: 22px; font-weight: 500; color: #103344; padding-right: 30px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.get-quote .container .col.c2 { font-family: 'Rubik'; width: 410px; flex: unset; }
.get-quote .container .col.c3 { opacity: 0.87; color: #000000; font-size: 14px; line-height: 18px; padding-left: 30px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }

.get-quote .licence .left { width: calc(100% - 140px); height: 70px; border-radius: 10px 0 0 10px; float: left; background-color: #FFF; padding: 5px; }
.get-quote .licence .left .txt { width: 100%; height: 100%; padding: 10px; font-size: 33px; font-weight: 500; text-transform: uppercase; opacity: 0.87; outline: none; border: none; }
.get-quote .licence .right { width: 140px; background-color: #FFCB4C; height: 70px; border-radius: 0 10px 10px 0; float: left; font-size: 18px; font-weight: 500; line-height: 70px; text-align: center; cursor: pointer; opacity: 0.87; }

.providecover { padding-top: 100px; position: relative; z-index: 1; }
.providecover h2 { font-family: 'Rubik'; color: #103344; font-size: 36px; text-align: center; font-weight: 100; }
.providecover h2 strong { font-weight: 400; }
.providecover h3 { font-family: 'Rubik'; opacity: 0.87; color: #000000; font-size: 20px; text-align: center; font-weight: 400; margin-top: 10px; }
.providecover .boxset { bottom: -112px; }

.providecover .boxset { font-family: 'Rubik'; display: flex; justify-content: space-between }
.providecover .boxset .box { flex: 0 0 calc((100% / 3) - 18px); }
.providecover .boxset .box .img { height: 152px; background: no-repeat center center; background-size: cover; }
.providecover .boxset .box.b1 .img { background-image: url(/cdn/asset/bdf2c7c1-fb4d-4eea-8dca-ac1a00e3c069/coverbox1.jpg); }
.providecover .boxset .box.b2 .img { background-image: url(/cdn/asset/44057dc5-4c24-4184-ac8c-ac1a00e3c37f/coverbox2.jpg); }
.providecover .boxset .box.b3 .img { background-image: url(/cdn/asset/db7747ac-406b-4cb8-b382-ac1a00e3c67e/coverbox3.jpg); }
.providecover .boxset .box .nfo { height: 112px; opacity: 0.87; font-size: 20px; line-height: 23px; padding-left: 108px; background: #FFF url(/cdn/asset/9017f0f5-0f6b-4bfa-9423-ac1a00e41f44/icontickgreen.svg) no-repeat center left 40px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding-right: 30px; }

.home .strap1 { font-family: 'Rubik'; padding: 80px 0; color: #FFFFFF; font-size: 36px; line-height: 46px; font-weight: 300; opacity: 0.87; position: relative; height: 387px; }
.home .strap1 strong { font-weight: 400; }

.home .strap1 .bg { position: absolute; top: -112px; height: 500px; left: 0; width: 100%; background: #48504C url(/cdn/asset/9a66526a-db44-42ca-b826-ac1a00e432e1/coverbg.jpg) no-repeat center center; z-index: -1; }
.home .strap1 .bg .img { background: #48504C; width: 100%; height: 100%; opacity: 0.95; }

.home .whyus { background-color: #F8F8F8; }
.home .whyus .maxw { background-color: #FFF; padding: 130px 199px 130px 199px; margin-top: -175px; }
.home .whyus h2 { font-family: 'Rubik'; color: #103344; font-size: 36px; text-align: center; font-weight: normal; padding-bottom: 50px; }
.home .whyus h4 { font-family: 'Rubik'; opacity: 0.87; color: #000000; font-size: 20px; text-align: center; font-weight: 300; padding-bottom: 50px; line-height: 33px; }
.home .whyus h4 strong { font-weight: 400; }
.home .whyus ul, .home .whyus li { padding: 0; margin: 0; list-style: none; font-size: 17px; line-height: 32px; font-weight: 700; opacity: 0.87; }
.home .whyus li { background: url(/cdn/asset/9017f0f5-0f6b-4bfa-9423-ac1a00e41f44/icontickgreen.svg) no-repeat top 6px left 20px; background-size: 22px; padding-left: 60px; }
.home .whyus li i { font-weight: 500; font-style: italic; font-size: 15px; }
.home .whyus .btns { margin-top: 60px; }

.review-carousel { background-color: #F8F8F8; padding: 100px 0; }
.review-carousel .maxw { padding-left: 400px; font-size: 30px; font-weight: 300; opacity: 0.87; line-height: 36px; font-style: italic; padding-right: 200px; background: url(/cdn/asset/d7a6125a-7c24-4a05-9704-ac1a00e4648c/reviewtrustpilot.png) no-repeat center left 180px; }
.review-carousel .name { font-style: normal; font-size: 13px; font-weight: 800; }
.review-carousel .controls { position: absolute; top: calc(50% - 22px); right: -100px; }
.review-carousel .controls .prev { background: url(/cdn/asset/c8baea4c-60c8-44cf-b420-ac1a00e47ade/iconarrowback.svg) no-repeat center center; width: 14px; height: 22px; display: inline-block; border: 0; outline: none; cursor: pointer; }
.review-carousel .controls .next { background: url(/cdn/asset/d4e96256-0731-4404-bd66-ac1a00e47f64/iconarrownext.svg) no-repeat center center; width: 14px; height: 22px; display: inline-block; border: 0; outline: none; cursor: pointer; margin-left: 30px; }

.steps-quote { font-family: 'Rubik'; padding: 130px; }
.steps-quote h2 { color: #103344; font-size: 36px; line-height: 46px; text-align: center; font-weight: 500; }
.steps-quote h4 { color: #0A0302; font-size: 20px; line-height: 24px; text-align: center; font-weight: normal; opacity: 0.87; }
.steps-quote .boxset { display: grid; grid-gap: 40px; grid-template-columns: repeat(3, 1fr); margin: 50px 0; padding: 0 150px; }
.steps-quote .boxset .box { display: flex; flex-direction: column; padding: 1rem; justify-content: space-between; opacity: 0.87; font-size: 20px; line-height: 23px; text-align: center; }
.steps-quote .boxset .box .img { width: 100%; padding-top: 100%; margin-bottom: 30px; }
.steps-quote .boxset .box.b1 .img { background: url(/cdn/asset/1775d7cd-6194-4880-b4f9-acfd00db2236/quotestepnew.svg) no-repeat center center; background-size: contain; }
.steps-quote .boxset .box.b2 .img { background: url(/cdn/asset/c6b9c809-a4b8-45b0-9b7f-ac1a00e4bbfa/quotestep2.svg) no-repeat center center; background-size: contain; }
.steps-quote .boxset .box.b3 .img { background: url(/cdn/asset/11fae1e6-6b84-42c4-966e-ad0900c06754/quotestep3new.svg) no-repeat center center; background-size: contain; }

.home .strap2 { font-family: 'Rubik'; background: url(/cdn/asset/cdee9319-50ed-405b-b392-ac1a00e4ee94/strap2bg.jpg) no-repeat center center; background-size: cover; min-height: 619px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; position: relative; }
.home .strap2 .img { background: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.home .strap2 h2 { color: #FFFFFF; font-size: 36px; line-height: 46px; text-align: center; font-weight: 400; }
.home .strap2 h4 { opacity: 0.87; color: #FFFFFF; font-size: 20px; line-height: 33px; text-align: center; font-weight: 300; }
.home .strap2 .btns { margin-top: 60px; }

.home .strap3 { font-family: 'Rubik'; min-height: 619px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; position: relative; }
.home .strap3 .maxw { padding: 0 200px; }
.home .strap3 h2 { color: #103344; font-size: 36px; line-height: 46px; text-align: center; font-weight: 400; margin-bottom: 50px; }
.home .strap3 h4 { opacity: 0.87; color: #000; font-size: 20px; line-height: 33px; text-align: center; font-weight: 300; }
.home .strap3 .btns { margin-top: 60px; }

.home .strap4 { background: url(/cdn/asset/3fe8d9fa-8ffd-4dd6-b62a-ac1a00e50459/strap4bg.jpg) repeat center center; position: relative; padding: 65px 0; }
.home .strap4 .maxw { padding: 130px 200px; background-color: #FFF; }
.home .strap4 h2 { font-family: 'Rubik'; color: #103344; font-size: 36px; line-height: 46px; text-align: center; font-weight: 400; margin-bottom: 50px; }
.home .strap4 ul, .home .strap4 li { padding: 0; margin: 0; list-style: none; font-size: 17px; line-height: 32px; font-weight: 700; opacity: 0.87; }
.home .strap4 li { background: url(/cdn/asset/9017f0f5-0f6b-4bfa-9423-ac1a00e41f44/icontickgreen.svg) no-repeat top 6px left 20px; background-size: 22px; padding-left: 60px; }
.home .strap4 .btns { margin-top: 50px; }

.trust-carousel { padding: 130px 0; }
.trust-carousel h2 { font-family: 'Rubik'; color: #103344; font-size: 36px; line-height: 46px; text-align: center; font-weight: 400; }
.trust-carousel h4 { font-family: 'Rubik'; opacity: 0.87; color: #000; font-size: 20px; line-height: 33px; text-align: center; font-weight: 300; }
.trust-carousel .container { margin-top: 50px; }
.trust-carousel .glide { text-align: center; }
.trust-carousel .glide__slide .img { height: 100px; width: 100%; }
.trust-carousel .glide__slide .img.fca { background: url(/cdn/asset/33896d05-33a2-46a7-b299-ac1a00e54694/reasonsfca.svg) no-repeat center center; }
.trust-carousel .glide__slide .img.omb { background: url(/cdn/asset/392ce342-b5e6-48c4-aa78-ac7600ca9cff/reasonsFOS.png) no-repeat center center; }
.trust-carousel .glide__slide .img.tp { background: url(/cdn/asset/583e6fed-e7be-4c36-9297-ac1a00e55cdb/reasonstrustpilot.png) no-repeat center center; }
.trust-carousel .glide__slide .img.yrs { background: url(/cdn/asset/887b74aa-0c6a-475b-bd12-ac1a00e56f54/reasons16yrs.svg) no-repeat center center; }
.trust-carousel .glide__slide .img.cool { background: url(/cdn/asset/b645677d-ad01-4716-9aa3-ac7600ca9829/reasonscoolingoff.svg) no-repeat center center; }
.trust-carousel .glide__slide .img.fscs { background: url(/cdn/asset/e28ecfd6-cba2-448b-906d-ac1a00e5664a/reasonsfscs.svg) no-repeat center center; }
.trust-carousel .glide__slide .img.uw { background: url(/cdn/asset/48667fc2-4432-406f-8f7b-ac7600caa060/reasonsunderwriters.svg) no-repeat center center; }

.trust-carousel .glide__slide .txt { opacity: 0.87; color: #000; font-size: 17px; line-height: 25px; text-align: center; padding: 30px 0; }
.trust-carousel .controls { display: inline-block; }
.trust-carousel .controls .prev { background: url(/cdn/asset/c8baea4c-60c8-44cf-b420-ac1a00e47ade/iconarrowback.svg) no-repeat center center; width: 14px; height: 22px; display: inline-block; border: 0; outline: none; cursor: pointer; }
.trust-carousel .controls .next { background: url(/cdn/asset/d4e96256-0731-4404-bd66-ac1a00e47f64/iconarrownext.svg) no-repeat center center; width: 14px; height: 22px; display: inline-block; border: 0; outline: none; cursor: pointer; margin-left: 30px; }

.ftr-contact { background-color: #48504C; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.12); }
.ftr-contact .boxset { font-family: 'Rubik'; display: grid; grid-gap: 40px; grid-template-columns: repeat(3, 1fr); padding: 64px 150px; }
.ftr-contact .boxset .box { display: flex; flex-direction: column; padding: 1rem; justify-content: space-between; color: #FFF; opacity: 0.87; font-size: 20px; line-height: 23px; text-align: center; }
.ftr-contact .boxset .box.b1 .img { background: url(/cdn/asset/885999e5-ab23-4ade-93ad-ac1a00e5a50f/ftrcontactchat.svg) no-repeat center center; width: 60px; height: 40px; display: inline-block; margin: 0 auto; }
.ftr-contact .boxset .box.b2 .img { color: #B8BF91; font-size: 25px; line-height: 29px; text-align: center; }
.ftr-contact .boxset .box.b3 .img { background: url(/cdn/asset/ab137f52-149f-4af2-a19b-ac1a00e5a94f/ftrcontactquote.svg) no-repeat center center; width: 60px; height: 40px; display: inline-block; margin: 0 auto; }
.ftr-contact .boxset .box .txt { margin-top: 15px; }

.ftr-links { background-color: #3C4440; opacity: 0.87; color: #FFFFFF; font-size: 13px; font-weight: 500; padding: 60px 0; }
.ftr-links .links { padding-bottom: 30px; }
.ftr-links .c50 { float: left; width: 50%; }
.ftr-links .c33 { width: 33.3%; float: left; }
.ftr-links .c33 a { display: block; color: #fff; opacity: 0.87; font-size: 13px; font-weight: 500; line-height: 28px; text-decoration: none; }
.ftr-links .info { opacity: 0.87; color: #FFF; font-size: 11px; line-height: 21px; text-align: right; }
.ftr-links .cpy { line-height: 26px; }
.ftr-links .social { text-align: right; }
.ftr-links .social .youtube { width: 40px; height: 26px; background: url(/cdn/asset/da8f03a8-eac2-4155-89c0-ac1a00e5b371/ftryoutube.svg) no-repeat center right; display: inline-block; }
.ftr-links .social .linkedin { width: 40px; height: 26px; background: url(/cdn/asset/5608f761-23ec-4e5a-9255-ac1a00e5ac73/ftrlinkedin.svg) no-repeat center right; display: inline-block; margin-left: 10px; }
.ftr-links .social .twitter { width: 40px; height: 26px; background: url(/cdn/asset/a290700a-6e92-4cdc-a161-ac1a00e5af62/ftrtwitter.svg) no-repeat center right; display: inline-block; margin-left: 10px; }

.product-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; }
.product-list .column { background-color: #0F579F; }
.product-list .prodname { padding: 0 32px 20px 32px; color: white; text-align: center; font-size: 15px; }
.product-list .prodname h2 { text-align: center; color: #fff; font-weight: 500; font-size: 22px; padding-top: 20px; }
.product-options { background-color: #0F579F; padding: 0 20px; position: relative; }
.product-options .under { position: absolute; bottom: 0; height: 50%; left: 0; right: 0; z-index: 1; background-color: #05376A; }
.product-options .inner { background-color: white; padding: 20px; z-index: 2; position: relative; }
.product-options .options { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; }

.product-list .column .prices { background: #05376A; text-align: center; padding: 20px 0; }
.product-list .column .product .topups { border-top: 1px solid #18528c; margin-top: 20px; border-bottom: 1px solid #18528c; background-color: #053769; text-align: left; color: white; }
.product-list .column .product .topups .link { border-bottom: 0px; padding: 10px; color: #fff; background: url(../img/white-down.png) no-repeat 140px; font-size: 16px; font-weight: 700; text-align: center; }

.product-list .column .product .or { line-height: 16px; font-size: 16px; color: white; margin: 10px 0; text-transform: lowercase; }

.product-list .column .product .single .price { opacity: 0.87; color: #FFFFFF; font-size: 30px; font-weight: 500; line-height: 24px; }
.product-list .column .product .single .price .was { font-size: 19px; }
.product-list .column .product .multiple { text-align: center; color: #FFFFFF; font-size: 16px; line-height: 21px; }
.product-list .column .product .multiple .price { opacity: 0.87; font-size: 28px; line-height: 24px; text-align: center; }
.product-list .column .product .multiple .deposit { margin-top: 20px; }
.product-list .column .product .ipt { opacity: 0.87; color: #FFFFFF; font-size: 13px; line-height: 21px; text-align: center; }

.product-list .column .product .btns { text-align: center; padding: 32px 0; }
.product-list .column .product .btn { width: 80%; }
.product-list .prodname.mobile { display:none; }
/*
.quote-page .packages { position: relative; }
.quote-page .packages .modal { display: block; position: absolute; background-color: #FFF; top: 130px; left: 20px; right: 20px; padding: 32px 66px; }

.quote-page .packages .modal .group { padding: 10px 0px; }
.quote-page .packages .modal .section { width: 50%; float: left; }
.quote-page .packages .modal .section .arrow { width: 13px; }
.quote-page .packages .modal .section:nth-child(1) .registration-block { padding-right: 10px; }
.quote-page .packages .modal .section:nth-child(2) .registration-block { padding-left: 10px; }
.quote-page .packages .modal .section .registration-block p { font-weight: 800; color: #0f579f; font-size: 16px; }
.quote-page .packages .modal .section .registration-block select.regsearchbox { font-size: 14px; width: 100%; padding: 10px 8px 10px 8px; height: 40px; color: #313d4a; border: solid 1px #cbcbcb; background-color: #fff; }
.quote-page .packages .modal .bottom { padding: 20px 10px; display: block; color: #0F579F; font-size: 18px; text-align: center; border-radius: 0 0 10px 10px; background-color: #C8D3D8; font-size: 16px; }

.quote-page .packages .details { margin-left: -20px; }
.quote-page .packages .column { width: 50%; float: left; padding-left: 20px; }
.quote-page .packages .column .product { background: #0F579F; min-height: 100px; }
.quote-page .packages .column .product .prodname { width: 100%; padding: 0 32px; min-height:200px; color:white; text-align:center; font-size:15px; }
.quote-page .packages .column .product h2 { text-align: center; color: #fff; font-weight: 500; font-size: 22px; padding-top: 20px; }
.quote-page .packages .column .product h3 { text-align: center; color: #fff; font-weight: 800; font-size: 18px; margin-top: 0px; }
.quote-page .packages .column .product .desc { text-align: center; color: #fff; line-height: 20px; min-height: 112px; padding: 4px; }
.quote-page .packages .column .product .space { height: 165px; }
.quote-page .packages .column .product .gradient { height: 10px; width: 100%; }

.quote-page .packages .column .product .topups { border-top: 1px solid #18528c; margin-top: 20px; border-bottom: 1px solid #18528c; background-color: #053769; text-align: left; color: white; }
.quote-page .packages .column .product .topups .link { border-bottom: 0px; padding: 10px; color: #fff; background: url(../img/white-down.png) no-repeat 140px; font-size: 16px; font-weight: 700; text-align: center; }

.quote-page .packages .column .product .prices { margin: 15px 0 0 0; padding: 200px 0 30px 0; display: block; width: 100%; background: #05376A; text-align: center; }
.quote-page .packages .column .product .or { line-height: 16px; font-size: 16px; color: white; margin: 10px 0; text-transform: lowercase; }

.quote-page .packages .column .product .single .price { opacity: 0.87; color: #FFFFFF; font-size: 30px; font-weight: 500; line-height: 24px; }
.quote-page .packages .column .product .single .price .was { font-size: 19px; }
.quote-page .packages .column .product .multiple { text-align: center; color: #FFFFFF; font-size: 16px; line-height: 21px; }
.quote-page .packages .column .product .multiple .price { opacity: 0.87; font-size: 28px; line-height: 24px; text-align: center; }
.quote-page .packages .column .product .multiple .deposit { margin-top: 20px; }
.quote-page .packages .column .product .ipt { opacity: 0.87; color: #FFFFFF; font-size: 13px; line-height: 21px; text-align: center; }

.quote-page .packages .column .product .btns { text-align: center; padding: 32px 0; }
.quote-page .packages .column .product .btn { width: 80%; }
*/
.viewproducts .car-details h6 { padding-bottom: 10px; }
.viewproducts .car-details label { display: block; }

/*
Generic content
*/
.product-cta { padding:20px 60px; border-radius: 10px; border-top-left-radius: 50px; border-bottom-left-radius:50px; color:white; display:inline-block; font-family: 'Roboto', sans-serif; font-size: 21px; -webkit-box-shadow: 5px 5px 14px -3px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 14px -3px rgba(0,0,0,0.75); box-shadow: 5px 5px 14px -3px rgba(0,0,0,0.75); }
.product-cta .d { font-size: 29px; text-transform:uppercase; font-weight: 900;  }
.product-cta.blue { background: rgb(41,90,187); background: linear-gradient(90deg, rgba(99,139,218,1) 0%, rgba(14,68,126,1) 100%); }
.product-cta.green { background: rgb(174,227,143); background: linear-gradient(90deg, rgba(140,222,93,1) 0%, rgb(47, 124, 3) 100%); }

.cmscontent { padding: 50px 50px; }
.cmscontent .maxw.fullp { max-width: 800px; }
.cmscontent .grid { display: grid; }
.cmscontent .grid.leftcol { grid-template-columns: 270px 1fr; grid-column-gap: 130px; }
.cmscontent .grid.rightcol { grid-template-columns: 1fr 270px; grid-column-gap: 130px; }
.cmscontent .grid.rightcol.wide { grid-template-columns: 1fr 300px; grid-column-gap: 30px; }
.cmscontent .grid.leftrightcol { grid-template-columns: 200px 1fr 200px; grid-column-gap: 100px; }
.cmscontent .grid.leftrightcol.wide { grid-template-columns: 200px 1fr 300px; grid-column-gap: 100px; }

.cmscontent h2 { font-family: 'Rubik'; color: #2D4D5D; font-size: 36px; line-height: 46px; text-align: center; font-weight: normal; }
.cmscontent h3 { font-family: 'Rubik'; opacity: 0.87; color: #000000; font-size: 32px; line-height: 33px; text-align: center; font-weight: normal; }
.cmscontent h4 { font-family: 'Rubik'; opacity: 0.87; color: #000000; font-size: 20px; line-height: 24px; text-align: center; font-weight: normal; }
.cmscontent h5 { font-family: 'Rubik'; color: #2D4D5D; font-size: 26px; font-weight: 500; }
.cmscontent h6 { font-family: 'Rubik'; opacity: 0.87; color: #000000; font-size: 15px; line-height: 24px; text-align: left; font-weight: normal; }
.cmscontent h6 a { color: #05376A; }
.quote h6 { font-family: 'Rubik'; color: #05376A; font-size: 14px; font-weight: 500; line-height: 27px; }
.cmscontent ul.ticks, .cmscontent ul.ticks > li { padding: 0; margin: 0; list-style: none; font-size: 14px; line-height: 32px; opacity: 0.87; }
.cmscontent ul.ticks { padding: 20px 0; }
.cmscontent ul.ticks > li { background: url(/cdn/asset/9017f0f5-0f6b-4bfa-9423-ac1a00e41f44/icontickgreen.svg) no-repeat top 6px left 20px; background-size: 22px; padding-left: 60px; }
.cmscontent ul.ticks.popup > li { background-image: url(/cdn/asset/918913f4-39b0-4d2e-b57d-ac1c010b6eaa/iconviewpopup.svg); }
.cmscontent ul.ticks.accordion > li { background: url(/cdn/asset/22948249-1b18-460a-9bdd-ac1c01190925/iconviewaccordion.svg) no-repeat top 16px left 20px; }
.cmscontent ul.ticks > li i { font-style: italic; }
.cmscontent p { padding: 5px 0; }

.cmscontent ul.cross, .cmscontent ul.cross > li { padding: 0; margin: 0; list-style: none; font-size: 14px; line-height: 32px; opacity: 0.87; }
.cmscontent ul.cross { padding: 20px 0; }
.cmscontent ul.cross > li { background: url(/cdn/asset/9fb64d95-6f20-4e63-ba51-acf300c2732f/RedCross.png) no-repeat top 6px left 20px; background-size: 22px; padding-left: 60px; }
.cmscontent ul.cross.popup > li { background-image: url(/cdn/asset/918913f4-39b0-4d2e-b57d-ac1c010b6eaa/iconviewpopup.svg); }

.cmscontent ul.exclam, .cmscontent ul.exclam > li { padding: 0; margin: 0; list-style: none; font-size: 12px; line-height: 30px; opacity: 0.87; }
.cmscontent ul.exclam { padding: 20px 0; }
.cmscontent ul.exclam > li { background: url(/cdn/asset/dde35933-d08f-4ef9-a5cf-acf5009eadb2/exclam.jpg) no-repeat top 6px left 20px; background-size: 18px; padding-left: 45px; }
.cmscontent ul.exclam.popup > li { background-image: url(/cdn/asset/dde35933-d08f-4ef9-a5cf-acf5009eadb2/exclam.jpg/iconviewpopup.svg); }

.cmscontent .accordion { }
.cmscontent .accordion .link { cursor: pointer; display: block; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background-color: #fff; padding: 5px; 0; }
.cmscontent .accordion .link:first-child { border-top: 0px; }
.cmscontent .accordion li:last-child .link { border-bottom: 0; }
.cmscontent .accordion li { list-style-type: none; }
.cmscontent .accordion .submenu { display: none; padding-bottom: 20px; }

.cmscontent .cover h2, .cmscontent .cover h4 { text-align: left; }

.cmscontent ul.ctalist, .cmscontent ul.ctalist li { padding: 0; margin: 0; list-style-type: none; }
.cmscontent ul.ctalist li { padding: 14px 0 10px 45px; min-height: 10px; background: url(/cdn/asset/9017f0f5-0f6b-4bfa-9423-ac1a00e41f44/icontickgreen.svg) no-repeat left top 10px; background-size: 25px; font-size: 14px; color: #000; opacity: 0.8; border-top: 0px solid rgba(0,0,0,0.3); }
.cmscontent ul.ctalist li:nth-last-child(1) { border-bottom: 1px solid rgba(0,0,0,0.3) }

.cmscontent ul.generic, .cmscontent ul.generic li { padding: 0; margin: 0; list-style-type: none; }
.cmscontent ul.generic { padding-top: 5px; }
.cmscontent ul.generic li { padding: 5px 0 5px 45px; font-size: 18px; color: #000; opacity: 0.8; }

.cmscontent table.data { width: 100%; }
.cmscontent table.data th { text-align: left; background-color: #F3F2EC; padding: 10px; }
.cmscontent table.data td { padding: 10px; }
.cmscontent table.data td .continuequote { cursor: pointer; color: #0A55A0; font-weight: bold; }
.cmscontent table.data.td25 td { width: 25%; }

.form label { opacity: 0.87; color: #10336D; font-size: 15px; line-height: 25px; margin-bottom: 10px; display: block; font-weight: 700; }
.form label .mandatory { color: #7BCE4A; font-size: 27px; line-height: 13px; font-weight: bold; padding-left: 5px; }
.form .txt { border: 1px solid rgba(0,0,0,0.5); border-radius: 34.5px; padding: 15px; color: #000; font-size: 17px; font-weight: 300; width: 100%; outline: none; }
.form .btninfld { width: 100%; position: relative; margin: 0 auto; }
.form .btninfld .txt { border: 1px solid #7ECC52; }
.form .btninfld .btn.green { line-height: 24px; font-size: 16px; color: #7ECC52; display: inline-block; border-radius: 34.5px; padding: 11px 25px; border: 3px solid #7ECC52; position: absolute; top: 0; right: 0; cursor: pointer; }
.form .btninfld .btn.green.fill { background-color: #7ECC52; color: #FFF; }
.form .btns { text-align: right; }
.form .btns .btn { padding: 20px 35px; font-weight: 400; }
.form .fld { margin-bottom: 20px; }
.form .fld sub, .form .fld .sub { display: block; font-size: 11px; font-weight: bold; color: #10336D; text-transform: uppercase; opacity: 0.87; cursor: pointer; margin-top: 5px; }
.form .select { position: relative; }
.form .select .txt { border: 1px solid rgba(0,0,0,0.5); border-radius: 34.5px; padding: 15px; color: #000; font-size: 17px; font-weight: 300; width: 100%; outline: none; webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form .select::-ms-expand { display: none; }
.form .select:after { content: ' '; background: url(/cdn/asset/05a14db1-0433-4297-a2dc-ac1c01374cf5/dropdownarrow.svg) no-repeat center center; width: 35px; height: 35px; right: 11px; top: 8px; position: absolute; pointer-events: none; }
.form sub.popupmakeexcl,.form .sub.popupmodelexcl,.form .sub.popupfuelexcl{background-color:#7BCE4A; color:white; display:inline-block; padding:5px; margin-top:10px; font-weight:normal; font-size:13px; }
.form input[type=radio].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.form input[type=radio].css-checkbox + label.css-rblabel { padding-left: 37px; height: 28px; display: inline-block; line-height: 28px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; }
.form input[type=radio].css-checkbox:checked + label.css-rblabel { background-position: 0 -28px; }
.form label.css-rblabel { background-image: url(/Assets/Images/cssradiobutton-green.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.form input[type=checkbox].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.form input[type=checkbox].css-checkbox + label.css-cblabel { padding-left: 40px; display: inline-block; line-height: 28px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; }
.form input[type=checkbox].css-checkbox:checked + label.css-cblabel { background-position: 0 0; background-image: url(/Assets/Images/csscheckbox-green-tick.png); }
.form label.css-cblabel { background-image: url(/Assets/Images/csscheckbox-green-empty.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.form label.css-cblabel.plus { background-image: url(/Assets/Images/csscheckbox-green-plus.png); }
.form input[type=checkbox].css-checkbox:checked + label.css-cblabel.plus { background-image: url(/Assets/Images/csscheckbox-green-tick.png); }

.car-details { box-shadow: 0 0 24px 0 rgba(0,0,0,0.1); margin-bottom: 50px; padding: 32px; }
.car-details ul, .car-details li { list-style-type: none; padding: 0; margin: 0; }
.car-details li { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.2); }
.car-details li:nth-child(1) { border-top: 1px solid rgba(0,0,0,0.2); }
.car-details li { opacity: 0.87; color: #05376A; font-size: 14px; font-weight: BOLD; line-height: 25px; }
.car-details li label { width: 138px; opacity: 0.87; color: #000000; font-size: 17px; line-height: 25px; display: inline-block; }
.car-details h6 { padding-bottom: 30px; }

.policysummary.car-details h6 { padding-bottom: 10px; }
.policysummary.car-details .btns { padding: 15px 0; }
.policysummary.car-details .btns .btn { padding: 10px 15px; }

.caag-nav { position: sticky; top: 210px; }
.caag-nav h2 { color: #2D4D5D; font-size: 17px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 3px solid #7ECC52; line-height: 23px; }
.caag-nav ul li { padding: 10px; border-bottom: 1px solid rgba(0,0,0,0.3); list-style-type: none; }
.caag-nav ul li a { color: #2D4D5D; font-size: 14px; line-height: 5px; text-decoration: none; }

.pcresults.form { max-height: calc(100vh - 200px); overflow: auto; }

.pcresults td { font-size: 15px; padding: 2px 5px }
.pcresults td .button { border: 1px solid #7BCE4A; border-radius: 34px; color: #7BCE4A; font-size: 14px; font-weight: 500; text-align: center; padding: 5px 15px; display: inline-block; cursor: pointer; text-decoration: none; }

.modaldialog .topups { display: flex; flex-wrap: wrap; }
.modaldialog .topups .topup { }
.modaldialog .topups .topup label .name { opacity: 0.87; color: #000000; font-size: 17px; font-weight: 500; display: block; }
.modaldialog .topups .topup label .price { color: #0F579F; font-size: 17px; font-weight: bold; display: block; }
.modaldialog .topups .topup label .descr { font-weight:400; font-size:13px; line-height:20px; display:block; } 

.modaldialog.popupdlg .content { max-height: calc(100vh - 200px); overflow: auto; }
.modaldialog ul.ticks { padding: 20px 0; }
.modaldialog ul.ticks li { padding: 10px 10px 10px 20px; padding-left:60px; }

.modaldialog .sof { padding: 20px; }
.modaldialog .sof .h2 { text-align: center; }

ul.parts{text-align: left; color: #323d49; padding-left: 0px; background-color: #053769;list-style-type: none;}
ul.parts li {padding: 10px; text-align: left; color: #79d8f8; font-size: 12px; margin-bottom: 0px; border-top-color: #18528c; border-top-width: 1px; border-top-style: solid; min-height: 41px;list-style-type: none;}
ul.parts li.centre{text-align:center}

.cmscontent ul.popuptick > li { padding: 0; margin: 0; list-style: none; font-size: 14px; line-height: 32px; opacity: 0.87; }
.cmscontent ul.popuptick > li { background: url(/cdn/asset/9017f0f5-0f6b-4bfa-9423-ac1a00e41f44/icontickgreen.svg) no-repeat top 6px left 20px; background-size: 22px; padding-left: 60px; }

.cmscontent ul.popupcross > li { padding: 0; margin: 0; list-style: none; font-size: 14px; line-height: 32px; opacity: 0.87; }
.cmscontent ul.popupcross > li { background: url(/cdn/asset/9fb64d95-6f20-4e63-ba51-acf300c2732f/RedCross.png) no-repeat top 6px left 20px; background-size: 22px; padding-left: 60px; }

.cmscontent ul.popupexclam > li { padding: 0; margin: 0; list-style: none; font-size: 14px; line-height: 32px; opacity: 0.87; }
.cmscontent ul.popupexclam > li { background: url(/cdn/asset/dde35933-d08f-4ef9-a5cf-acf5009eadb2/exclam.jpg) no-repeat top 6px left 20px; background-size: 22px; padding-left: 60px; }

.cmscontent ul.popupicon > li { padding: 0; margin: 0; list-style: none; font-size: 14px; line-height: 32px; opacity: 0.87; }
.cmscontent ul.popupicon > li { background: url(/cdn/asset/918913f4-39b0-4d2e-b57d-ac1c010b6eaa/iconviewpopup.svg) no-repeat top 6px left 20px; background-size: 22px; padding-left: 60px; }

@media (max-width: 1200px) {
  	.hero .glide, .hero .glide__track, .hero .glide__slides, .hero .glide__slide { width:100%; }
}

@media (max-width: 1024px) {
    .maxw { max-width: 980px; }
    .hero .underlay { left: -30%; }
    .hero .glide__slide .txt { width: 35%; }
    .steps-quote .boxset { padding: 0; }
  
     .cmscontent .grid.rightcol.wide { grid-template-columns: 1fr; }
    .cmscontent .grid.leftrightcol.wide { grid-template-columns: 1fr; }
}

@media (max-width: 850px) {
    .maxw { max-width: 768px; }
    .get-quote .container { width: unset; }
    .get-quote .container .col.c1 { display: none; }
    .get-quote .container .col.c2 { padding-left: 30px; width: 500px; }
    .get-quote .container .col.c3 { padding-right: 30px; }
    .home .strap1 .maxw { text-align: center; }

    .nav .menu ul li { font-size: 15px; }
    .providecover .boxset { bottom: unset; }

    .home .whyus .maxw { padding: 130px 50px; margin-top: unset; }
    .review-carousel .maxw { background: unset; padding: 0 50px; }
    .review-carousel .controls { display: inline-block; position: unset; top: unset; right: unset; }

    .steps-quote { padding: 50px; }

    .home .strap1 { height: unset; }
    .home .strap1 .bg { top: 0; }
    .home .strap3 .maxw { padding: 65px 50px; }
    .home .strap4 { padding: 65px 50px; }
    .home .strap4 .maxw { padding: 130px 20px; }
    .trust-carousel { padding: 130px 50px; }

    .ftr-contact .boxset { padding: 64px 50px }
    .ftr-links { padding: 60px 50px; }

    .get-quote { position: unset; top: unset; }

    .mobilenav { display: block; background: #333939 url(/cdn/asset/0a26d8ff-9c5f-45dd-b190-ac1a00e5f77b/navburger.png) no-repeat center center; height: 60px; }
    .nav { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; overflow-x: scroll; }
    .nav .burger { display: block; background: #333939 url(/cdn/asset/1b7abec9-e8ac-4279-b532-ac1a00e5fc08/navclose.png) no-repeat center center; height: 60px; }
    .nav.show { display: block; }
    .nav .menu ul { flex-direction: column; }
    .nav .menu li { display: block; }
    .nav .menu ul li a.oarrow::after { display: none; }
  
    .product-list { grid-template-columns: 1fr;  }
  	.product-list .prodname.mobile { display:block; }
  	.product-list.desktop { display:none; }
  .product-options { background-color:white; }
  .product-options .under { display:none; }
  
    .submenus .submenu ul {
    flex-wrap: wrap;
}
.submenus .submenu {
    height: auto;
}
}



@media (max-width: 620px) {
    .hdr .topnav li:not(.account) { display: none; }

    .hero .underlay { left: 0; opacity: 0.7; }
    .hero .glide__slide .txt { width: 100%; }

    .get-quote .container { flex-direction: column; }
    .get-quote .container .col.c2 { width: 100%; padding: 0 30px; }
    .get-quote .container .col.c3 { width: 100%; margin-top: 20px; }

    .providecover .boxset { display: unset; }
    .providecover .boxset .box { width: 100%; margin-bottom: 20px; flex: unset; }

    .home .whyus .maxw { padding: 130px 20px; }
    .home .strap4 { padding: 65px 20px; }

    .steps-quote .boxset { display: unset; }
    .ftr-contact .boxset { display: unset; }

    .ftr-links .c50 { float: none; width: 100%; margin-bottom: 20px; text-align: center; }
    .ftr-links .c33 { text-align: center; }
    .ftr-links .info { text-align: center; }
    .ftr-links .links { padding-bottom: 10px; }
  
}

@media (max-width: 450px) {
  .hdr .logostrap { height:unset; }
  .hdr .logostrap .logo, .hdr .logostrap .cta { float: none; width:100%;  height:70px; display:block; background-size:contain; background-position:center center; }
  .hdr .logostrap .cta { text-align:center; }
  .hdr .logostrap .cta img { max-width:100%; }
  .hero { height:300px; }
  
  .hero .glide__slide h1 { font-size: 25px; line-height: 35px; font-weight: 400; margin-bottom: 20px; }
  .hero .glide__slide h2 { font-size: 15px; line-height: 20px; font-weight: 400; margin-bottom: 20px; }
  .hero .glide__slide a { font-size: 14px; line-height: 18px; font-weight: 300; }
  
}