.brand-intro-heading,.yacht-type-intro-heading{display:block;width:100%}@media only screen and (max-width:640px){.brand-intro-heading,.yacht-type-intro-heading{font-size:16px;margin-bottom:25px}.brand-sub-heading,.yacht-type-heading{font-size:24px}}@media only screen and (min-width:641px) and (max-width:900px){.brand-intro-heading,.yacht-type-intro-heading{font-size:18px}}.row.designers-list{margin-bottom:40px}.row.designers-list .designer-name{margin-bottom:15px}.yacht-type-container,.use-type-content-container{align-items:stretch}.body-type-container,.body-sub-type-container{display:block;width:100%;padding:30px 30px 72px;background:#fff;border:1px solid #f1f1f1;border-radius:6px;background:linear-gradient(to bottom,rgb(241 241 241 / .85) 1%,rgb(253 253 253 / .86) 10%,rgb(247 249 250) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9f1f1f1',endColorstr='#f7f9fa',GradientType=0);transition:background-color 125ms ease-out;height:100%;position:relative}.yacht-type-container .body-type-container{padding:30px 30px 89px}.body-sub-type-container{padding:20px 20px 72px}.body-type-container .boat-type{display:block;height:100px;width:160px;transition:all 125ms ease-out}.viewed .body-type-container .boat-type{background-position:bottom left;background-repeat:no-repeat}.body-type-container.body-type-container-grid:hover .boat-type,.body-sub-type-container.body-type-container-grid:hover div[class^="yacht-type-"]{filter:invert(100%)}.body-type-container .boat-type.FLYBRIDGE,.body-type-container .boat-type.FLYBRIDGE_BOAT{background-image:var(--flybridge-type);height:70px}.body-type-container .boat-type.enclosed-flybridge{height:70px;background-image:var(--enclosed-flybridge)}.body-type-container .boat-type.SPORTS_BRIDGE_YACHT,.body-type-container .boat-type.SPORTSBRIDGE_BOAT{height:70px;background-image:var(--sports-bridge)}.body-type-container .boat-type.RAISED_PILOTHOUSE_YACHT{height:70px;background-image:var(--sports-bridge)}.body-type-container .boat-type.MOTOR_YACHT{height:70px;background-image:var(--motor-yacht)}.body-type-container .boat-type.SPORTS_YACHT{height:70px;background-image:var(--sports-yacht-type)}.body-type-container .boat-type.hardtop{height:70px;background-image:var(--hardtop)}.body-type-container .boat-type.express-cruiser{height:70px;background-image:var(--express-cruiser)}.body-type-container .boat-type.open-yacht{height:70px;background-image:var(--open-yacht)}.body-type-container .boat-type.performance-yacht{height:70px;background-image:var(--performance)}.body-type-container .boat-type.CRUISER{background-image:var(--cruiser-yacht);height:70px}.body-type-container .boat-type.coupe{background-image:var(--coupe);height:70px}.body-type-container .boat-type.motorboat{background-image:var(--motor-boat);height:70px}.body-type-container .boat-type.wheelhouse{background-image:var(--wheelhouse);height:70px}.body-type-container .boat-type.aft-cabin{background-image:var(--aft-cabin);height:70px}.body-type-container .boat-type.walkaround{background-image:var(--walkaround);height:70px}.body-type-container .boat-type.inland-cruiser{background-image:var(--inland-cruiser);height:70px}.body-type-container .boat-type.NEO_CLASSIC_YACHT,.body-type-container .boat-type.CLASSIC,.body-type-container .boat-type.CLASSIC_YACHT{background-image:var(--classic-type);height:70px}.body-type-container .boat-type.lobster-boat{background-image:var(--lobster-boat);height:70px;filter:invert(9%) sepia(94%) saturate(5729%) hue-rotate(25deg) brightness(110%) contrast(139%)}.body-type-container .boat-type.picnic-boat{background-image:var(--picnic-boat);height:70px;filter:invert(9%) sepia(94%) saturate(5729%) hue-rotate(25deg) brightness(110%) contrast(139%)}.body-type-container .boat-type.pilothouse{background-image:var(--pilothouse);height:70px;filter:invert(9%) sepia(94%) saturate(5729%) hue-rotate(25deg) brightness(110%) contrast(139%)}.body-type-container .boat-type.gentlemans-yachtlaunch{background-image:var(--gentlemans-launch);height:70px;filter:invert(9%) sepia(94%) saturate(5729%) hue-rotate(25deg) brightness(110%) contrast(139%)}.body-type-container .boat-type.SPORTSFISHER_YACHT,.body-type-container .boat-type.SPORTSFISHER{background-image:var(--sports-fisher);height:70px}.body-type-container .boat-type.fisher{background-image:var(--fisher);height:70px}.body-type-container .boat-type.tuna-boat{background-image:var(--tuna-boat);height:70px}.body-type-container .boat-type.TRALWER_YACHT,.body-type-container .boat-type.TRAWLER_BOAT{background-image:var(--trawler-yacht);height:70px}.body-type-container .boat-type.MULTIHULL,.body-type-container .boat-type.MULTIHULL_BOAT{background-image:var(--multihull-yacht);height:70px}.body-type-container .boat-type.catamaran{background-image:var(--catamaran);height:70px;filter:invert(9%) sepia(94%) saturate(5729%) hue-rotate(25deg) brightness(110%) contrast(139%)}.body-type-container .boat-type.powercat{background-image:var(--power-cat);height:70px;filter:invert(9%) sepia(94%) saturate(5729%) hue-rotate(25deg) brightness(110%) contrast(139%)}.body-type-container .boat-type.motorcat{background-image:var(--motor-cat);height:70px;filter:invert(9%) sepia(94%) saturate(5729%) hue-rotate(25deg) brightness(110%) contrast(139%)}.body-type-container .boat-type.superyacht{background-image:var(--superyacht-type);height:70px;width:181px}.body-type-container .boat-type.megayacht{background-image:var(--megayacht);height:70px;width:181px;filter:invert(9%) sepia(94%) saturate(5729%) hue-rotate(25deg) brightness(110%) contrast(139%)}.body-type-container .boat-type.EXPLORER{background-image:var(--explora-yacht);height:70px;width:181px}.body-type-container .boat-type.expedition-yacht{background-image:var(--expedition-yacht);height:70px;width:181px;filter:invert(9%) sepia(94%) saturate(5729%) hue-rotate(25deg) brightness(110%) contrast(139%)}.body-type-container .boat-type.SUV,.body-type-container .boat-type.CROSSOVER_BOAT{background-image:var(--suv-yacht);height:70px;width:181px}.body-type-container .boat-type.explorer-style-yacht{background-image:var(--explora-style-yacht);height:70px;width:181px;filter:invert(9%) sepia(94%) saturate(5729%) hue-rotate(25deg) brightness(110%) contrast(139%)}.body-type-container .boat-type.SUPPORT_VESSEL{background-image:var(--suport-vessel);height:78px;width:181px}.body-type-container .boat-type.shadow-vessel{background-image:var(--shadow-vessel);height:78px;width:181px;filter:invert(9%) sepia(94%) saturate(5729%) hue-rotate(25deg) brightness(110%) contrast(139%)}.body-type-container .boat-type.SPORTSBOAT{background-image:var(--sportsboat-type);height:70px}.body-type-container .boat-type.open-boat{background-image:var(--open-boat);height:70px;filter:invert(9%) sepia(94%) saturate(5729%) hue-rotate(25deg) brightness(110%) contrast(139%)}.body-type-container .boat-type.powerboat{background-image:var(--powerboat);height:70px;filter:invert(9%) sepia(94%) saturate(5729%) hue-rotate(25deg) brightness(110%) contrast(139%)}.body-type-container .boat-type.TENDER_RIB,.body-type-container .boat-type.RIB_BOAT{background-image:var(--rib);height:70px}.body-type-container .boat-type.BEACHLANDER_BOAT,.body-type-container .boat-type.TENDER_BEACHLANDER{background-image:var(--beachlander);height:70px}.body-type-container .boat-type.TENDER_AMPHIBIOUS,.body-type-container .boat-type.AMPHIBIOUS_BOAT{background-image:var(--amphibious);height:70px}.body-type-container .boat-type.TENDER_LIMOUSINE{background-image:var(--limousine);height:70px}.body-type-container .boat-type.TENDER_SOLAS_RESCUE{background-image:var(--solas-rescue);height:70px}.body-type-container .boat-type.TENDER_CHASE{background-image:var(--chase-boat);height:70px}.body-type-container .boat-type.TENDER_OPEN{background-image:var(--open-tender);height:70px}.body-type-container .boat-type.TENDER_CLASSIC{background-image:var(--classic-tender);height:70px}.body-type-container.body-type-container-grid .boat-type.flybridge,.body-type-container.body-type-container-grid .boat-type.cruiser{height:60px}.body-type-container.body-type-container-grid .boat-type.classic-style{height:55px}.body-type-container.body-type-container-grid .boat-type.sports-yacht{height:57px}.body-type-container.body-type-container-grid .boat-type.multihull,.body-type-container.body-type-container-grid .boat-type.superyacht{height:67px}.body-type-container.body-type-container-grid .boat-type.sportsfisher{height:78px}.body-type-container.body-type-container-grid .boat-type.support-vessel,.body-type-container.body-type-container-grid .boat-type.trawler-yacht{height:88px}.body-type-container.body-type-container-grid .boat-type.explorer-yacht,.body-type-container.body-type-container-grid .boat-type.suv-sports-utility-vessel{height:76px}.body-type-container.body-type-container-grid .boat-type.sportsboat{height:33px}.body-type-container.body-type-container-grid .boat-type.chase-boat{height:60px}.body-type-container.body-type-container-grid .boat-type.rib,.body-type-container.body-type-container-grid .boat-type.chase-boat{height:48px}.body-type-container.body-type-container-grid .boat-type.amphibious{height:66px}.body-type-container.body-type-container-grid .boat-type.beachlander{height:52px}.body-type-container.body-type-container-grid .boat-type.limousine{height:46px}.body-type-container.body-type-container-grid .boat-type.solas-rescue{height:64px}.body-type-container.body-type-container-grid .boat-type.open-tender{height:50px}.body-type-container.body-type-container-grid .boat-type.classic-tender{height:42px}@media only screen and (min-width:641px){.body-type-container.body-type-container-grid .boat-type.flybridge,.body-type-container.body-type-container-grid .boat-type.sportsfisher,.body-type-container.body-type-container-grid .boat-type.classic-style,.body-type-container.body-type-container-grid .boat-type.sports-yacht,.body-type-container.body-type-container-grid .boat-type.trawler-yacht,.body-type-container.body-type-container-grid .boat-type.multihull,.body-type-container.body-type-container-grid .boat-type.superyacht,.body-type-container.body-type-container-grid .boat-type.explorer-yacht,.body-type-container.body-type-container-grid .boat-type.suv-sports-utility-vessel,.body-type-container.body-type-container-grid .boat-type.support-vessel,.body-type-container.body-type-container-grid .boat-type.cruiser,.body-type-container.body-type-container-grid .boat-type.sportsboat,.body-type-container.body-type-container-grid .boat-type.rib,.body-type-container.body-type-container-grid .boat-type.beachlander,.body-type-container.body-type-container-grid .boat-type.beachlander-tender,.body-type-container.body-type-container-grid .boat-type.amphibious,.body-type-container.body-type-container-grid .boat-type.limousine,.body-type-container.body-type-container-grid .boat-type.solas-rescue,.body-type-container.body-type-container-grid .boat-type.chase-boat,.body-type-container.body-type-container-grid .boat-type.open-tender,.body-type-container.body-type-container-grid .boat-type.classic-tender{height:90px}.body-type-container.body-type-container-grid .boat-type.flybridge{background-position:0 29px}.body-type-container.body-type-container-grid .boat-type.sportsfisher{background-position:0 11px}.body-type-container.body-type-container-grid .boat-type.classic-style{background-position:0 34px}.body-type-container.body-type-container-grid .boat-type.sports-yacht{background-position:0 32px}.body-type-container.body-type-container-grid .boat-type.multihull{background-position:0 22px}.body-type-container.body-type-container-grid .boat-type.superyacht{background-position:0 21px}.body-type-container.body-type-container-grid .boat-type.explorer-yacht{background-position:0 13px}.body-type-container.body-type-container-grid .boat-type.suv-sports-utility-vessel{background-position:0 13px}.body-type-container.body-type-container-grid .boat-type.support-vessel{background-position:0 2px}.body-type-container.body-type-container-grid .boat-type.cruiser{background-position:0 26px}.body-type-container.body-type-container-grid .boat-type.sportsboat{background-position:0 56px}.body-type-container.body-type-container-grid .boat-type.rib{background-position:0 42px}.body-type-container.body-type-container-grid .boat-type.limousine{background-position:0 44px}.body-type-container.body-type-container-grid .boat-type.beachlander,.body-type-container.body-type-container-grid .boat-type.beachlander-tender{background-position:0 37px}.body-type-container.body-type-container-grid .boat-type.amphibious{background-position:0 24px}.body-type-container.body-type-container-grid .boat-type.chase-boat{background-position:0 41px}.body-type-container.body-type-container-grid .boat-type.classic-tender{background-position:0 47px}.body-type-container.body-type-container-grid .boat-type.open-tender{background-position:0 41px}.body-type-container.body-type-container-grid .boat-type.solas-rescue{background-position:0 26px}}.body-type-container .main-type,.body-sub-type-container .main-type{width:100%}.body-type-container .main-type.main-copy{min-height:28px}.body-type-container .main-type .name,.body-sub-type-container .main-type .name{display:block;width:100%;transition:color 125ms ease-out}.body-type-container .main-type a.name:hover{color:var(--brand-colour)}.body-type-container .main-type p.info,.body-sub-type-container .main-type p.info{display:block;width:100%;font-size:16px;color:var(--medium-grey);margin:0 0 10px;transition:color 125ms ease-out}.body-type-container .main-type p.performance,.body-sub-type-container .main-type p.performance{font-size:12px;text-transform:uppercase;transition:color 125ms ease-out;letter-spacing:.03em;margin:0}.body-type-container .main-type p.performance span,.body-sub-type-container .main-type p.performance span{text-transform:none}.body-type-container .main-type .view-button,.body-sub-type-container .main-type .view-button{position:absolute;bottom:30px;left:30px}.body-type-container .main-type .view-button,.body-sub-type-container .main-type .view-button{bottom:20px;left:20px}.body-type-container.body-type-container-grid:hover,.body-sub-type-container.body-type-container-grid:hover{background:var(--brand-colour)}.body-type-container.body-type-container-grid:hover .name,.body-sub-type-container.body-type-container-grid:hover .name,.body-type-container.body-type-container-grid:hover .info,.body-type-container.body-type-container-grid:hover p,.body-sub-type-container.body-type-container-grid:hover p.b-light-s,.body-sub-type-container.body-type-container-grid:hover .info,.body-type-container.body-type-container-grid:hover .performance,.body-sub-type-container.body-type-container-grid:hover .performance{color:#fff}.body-type-container.body-type-container-grid:hover .main-type .view-button,.body-sub-type-container.body-type-container-grid:hover .main-type .view-button{background:#fff;border-color:var(--brand-colour)}.body-type-container.body-type-container-grid .main-type .view-button:hover,.body-sub-type-container.body-type-container-grid .main-type .view-button:hover{color:#fff;background:var(--brand-colour-accent);border-color:var(--brand-colour-accent)}.body-type-container .main-type a.view-button:hover{color:#fff;background:var(--brand-colour)}.body-type-container .additional-types{width:100%;float:left;margin:20px 0 0}.body-type-container .additional-types li{float:left;margin:0 0 20px;padding:0;width:100%;height:50px}.body-type-container .additional-types li:last-child{float:left}.body-type-container .additional-types li a,.body-type-container .additional-types li div{display:block;height:50px;line-height:50px;width:100%;padding:0 20px;border:1px solid #f1f1f1;background:#fff;position:relative;transition:all 0.3s ease;box-shadow:0 1px 11px 0 rgb(0 0 0 / .06)}.body-type-container .additional-types li div{color:var(--light-grey)}.body-type-container .additional-types li a:hover{border:1px solid var(--brand-colour-accent)}.body-sub-type-container .yacht-type-sports-yacht{display:block;height:50px;width:144px}.body-sub-type-container .yacht-type-sports-yacht.hardtop{background:var(--hardtop) 0 5px no-repeat}.body-sub-type-container .yacht-type-sports-yacht.express-cruiser{background:var(--express-cruiser) 0 7px no-repeat}.body-sub-type-container .yacht-type-sports-yacht.performance-yacht{background:var(--performance) 0 5px no-repeat}.body-sub-type-container .yacht-type-sports-yacht.open-yacht{background:var(--open-yacht) 0 7px no-repeat}.body-sub-type-container .yacht-type-flybridge{display:block;height:59px;width:121px}.body-sub-type-container .yacht-type-flybridge.sportsbridge-yacht{background:var(--sports-bridge) 0 18px no-repeat}.body-sub-type-container .yacht-type-flybridge.enclosed-flybridge{background:var(--enclosed-flybridge) 0 0 no-repeat}.body-sub-type-container .yacht-type-flybridge.motor-yacht{background:var(--motor-yacht) 0 18px no-repeat}.body-sub-type-container .yacht-type-cruiser{display:block;height:50px;width:144px}.body-sub-type-container .yacht-type-cruiser.coupe{background:var(--coupe) 0 5px no-repeat}.body-sub-type-container .yacht-type-cruiser.motorboat{background:var(--motor-boat) 0 0 no-repeat}.body-sub-type-container .yacht-type-cruiser.wheelhouse{background:var(--wheelhouse) 0 8px no-repeat}.body-sub-type-container .yacht-type-cruiser.aft-cabin{background:var(--aft-cabin) 0 6px no-repeat}.body-sub-type-container .yacht-type-cruiser.walkaround{background:var(--walkaround) 0 0 no-repeat}.body-sub-type-container .yacht-type-cruiser.inland-cruiser{background:var(--inland-cruiser) 0 15px no-repeat}.body-sub-type-container .yacht-type-sportsfisher{display:block;height:70px;width:144px}.body-sub-type-container .yacht-type-sportsfisher.fisher{background:var(--fisher) 0 20px no-repeat}.body-sub-type-container .yacht-type-sportsfisher.tuna-boat{background:var(--tuna-boat) 0 0 no-repeat}.body-sub-type-container .yacht-type-superyacht.megayacht{display:block;height:73px;width:235px;background:var(--megayacht) 0 0 no-repeat}@media only screen and (max-width:900px){button.more-yachts{position:relative;color:var(--brand-colour);padding:0 25px 0 0}button.more-yachts:after{background:url(/resources/images/icons/sitewide-arrow-right.svg) center center no-repeat;display:block;height:20px;width:20px;content:"";position:absolute;top:-1px;right:0;transition:position 0.3s ease;background-size:8px auto;filter:invert(25%) sepia(50%) saturate(6436%) hue-rotate(213deg) brightness(104%) contrast(103%)}.show-flybridge-links button.more-yachts.more-flybridge:after,.show-sports-links button.more-yachts.more-sports:after,.show-cruiser-links button.more-yachts.more-cruiser:after,.show-classic-links button.more-yachts.more-classic:after,.show-sportsboats-links button.more-yachts.more-sportsboats:after,.show-sportfisher-links button.more-yachts.more-sportfisher:after,.show-trawler-links button.more-yachts.more-trawler:after,.show-multihull-links button.more-yachts.more-multihull:after,.show-superyacht-links button.more-yachts.more-superyacht:after,.show-explorer-links button.more-yachts.more-explorer:after,.show-suv-links button.more-yachts.more-suv:after,.show-support-links button.more-yachts.more-support:after{transform:rotate(90deg)}.body-type-container .additional-types{height:0;overflow:hidden;transition:all 0.3s ease}.show-flybridge-links .body-type-container .additional-types.type-FLYBRIDGE{height:270px}.show-sports-links .body-type-container .additional-types.type-SPORTS_YACHT{height:340px}.show-cruiser-links .body-type-container .additional-types.type-CRUISER{height:480px}.show-classic-links .body-type-container .additional-types.type-CLASSIC,.show-classic-links .body-type-container .additional-types.type-CLASSIC_YACHT{height:337px}.show-sportsboats-links .body-type-container .additional-types.type-SPORTSBOAT,.show-sportfisher-links .body-type-container .additional-types.type-SPORTSFISHER,.show-sportfisher-links .body-type-container .additional-types.type-SPORTSFISHER_YACHT{height:200px}.show-trawler-links .body-type-container .additional-types.type-TRALWER_YACHT{height:60px}.show-multihull-links .body-type-container .additional-types.type-MULTIHULL{height:267px}.show-superyacht-links .body-type-container .additional-types.type-SUPERYACHT,.show-explorer-links .body-type-container .additional-types.type-EXPLORER,.show-suv-links .body-type-container .additional-types.type-SUV,.show-support-links .body-type-container .additional-types.type-SUPPORT_VESSEL{height:130px}}@media only screen and (max-width:640px){.body-type-container .main-type p.performance,.body-sub-type-container .main-type p.performance{margin:0 0 5px}.body-type-container.body-type-container-grid,.use-type-container.use-type-container-grid{padding:20px 20px 72px}.body-type-container.viewed .yacht-type{background-size:140px auto}.body-sub-type-container .main-type .view-button{font-size:12px;padding:4px 28px}.body-type-container .main-type .name,.body-sub-type-container .main-type .name{font-size:20px}.body-type-container .main-type p.info,.body-sub-type-container .main-type p.info{font-size:14px;margin:0 0 10px}}@media only screen and (min-width:641px) and (max-width:900px){.body-type-container{padding:30px}.body-type-container .main-type p.performance,.body-sub-type-container .main-type p.performance{margin:0 0 30px}}@media only screen and (min-width:641px){.body-type-container .main-type .name{line-height:1.1em}.body-type-container .main-type .name span{font-size:21px;margin-top:-5px;display:inline-block}.body-type-container .additional-types{margin:20px 0}.body-type-container .additional-types li{width:23%;margin:0 20px 20px 0}.body-type-container .main-type a.view-button{margin:15px 0 40px;left:30px}}@media only screen and (min-width:641px) and (max-width:900px){.body-type-container .additional-types li{width:100%}}@media only screen and (min-width:901px) and (max-width:1280px){.body-type-container .additional-types li{width:46%}}@media only screen and (min-width:1281px) and (max-width:1440px){.body-type-container .additional-types li{width:31%}}@media only screen and (min-width:614px) and (max-width:900px){.body-type-container.body-type-container-grid .main-type .main-type-copy{height:147px}}.body-type-container.body-type-container-wide{height:auto;padding:20px 20px 0}.body-type-container.body-type-container-wide .main-type p.performance{margin:0 0 10px}@media only screen and (min-width:641px){.body-type-container.body-type-container-wide{padding:40px 20px 40px 40px}.body-type-container.body-type-container-wide .main-type p.performance{margin:0 0 40px}}@media only screen and (min-width:641px) and (max-width:900px){.body-type-container.body-type-container-wide{padding:30px 20px 0 30px}.body-type-container.body-type-container-wide .main-type p.performance{margin:0 0 30px}}.hull-type,.material-type{width:100%;min-height:170px;float:left;text-align:center;border:1px solid #ddd;border-radius:6px;background-color:#fff;position:relative;transition:all 150ms ease-out}.hull-type:hover,.material-type:hover{background-color:var(--brand-colour);border:1px solid var(--brand-colour)}.hull-type .hull,.material-type .material{display:block;padding:75px 10px 0;margin:32px 0 0;width:100%;height:100%;position:relative;z-index:2}.hull-type .img,.material-type .img{position:absolute;top:39px;left:0;z-index:1;width:100%;height:calc(100% - 39px)}.hull-type:hover .hull,.material-type:hover .material{color:#fff}.hull-type:hover .img,.material-type:hover .img{filter:contrast(0) brightness(2)}.hull-type-container.viewed .hull-type.displacement .img{background:url(/resources/images/hull-type-displacement.svg) top center no-repeat}.hull-type-container.viewed .hull-type.fast-displacement .img{background:url(/resources/images/hull-type-fast.svg) top center no-repeat}.hull-type-container.viewed .hull-type.planing .img{background:url(/resources/images/hull-type-planing.svg) top center no-repeat}.hull-type-container.viewed .hull-type.semi-displacement .img{background:url(/resources/images/hull-type-semi.svg) top center no-repeat}.material-type-container.viewed .material-type.aluminium .img{background:url(/resources/images/material-type-aluminium.svg) top center no-repeat}.material-type-container.viewed .material-type.composite .img{background:url(/resources/images/material-type-composite.svg) top center no-repeat}.material-type-container.viewed .material-type.grpfibreglass .img{background:url(/resources/images/material-type-fiberglass.svg) top center no-repeat}.material-type-container.viewed .material-type.steel .img{background:url(/resources/images/material-type-steel.svg) top center no-repeat}@media only screen and (max-width:641px){.hull-type-container .row,.material-type-container .row{margin-left:-.475em;margin-right:-.475em}.hull-type-container .columns,.material-type-container .columns{padding-left:.475em;padding-right:.475em}.hull-type-container.viewed .hull-type.displacement .img,.hull-type-container.viewed .hull-type.fast-displacement .img,.hull-type-container.viewed .hull-type.planing .img,.hull-type-container.viewed .hull-type.semi-displacement .img{background-size:90px auto}}.use-type-container.use-type-container-grid{padding:20px 20px 72px}.use-type-container{display:block;width:100%;padding:20px 20px 10px;background:#fff;border:1px solid #f1f1f1;background:linear-gradient(to bottom,rgb(241 241 241 / .85) 1%,rgb(253 253 253 / .86) 10%,rgb(247 249 250) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9f1f1f1',endColorstr='#f7f9fa',GradientType=0);border-radius:6px}@media only screen and (min-width:641px){.use-type-container{margin-right:0 0 20px 0}}.use-type-container .yacht-use{display:block;height:70px;width:80px}.viewed .use-type-container .yacht-use{background-position:0 0;background-repeat:no-repeat}.viewed .use-type-container .yacht-use.DAYBOATING{background-image:url(/resources/images/use-types/dayboating.svg?v=7)}.viewed .use-type-container .yacht-use.WEEKENDING{background-image:url(/resources/images/use-types/weekend.svg?v=7)}.viewed .use-type-container .yacht-use.CRUISING{background-image:url(/resources/images/use-types/crusing.svg?v=4)}.viewed .use-type-container .yacht-use.DAY_FISHING{background-image:url(/resources/images/use-types/fishing.svg?v=8)}.viewed .use-type-container .yacht-use.OFFSHORE_FISHING{background-image:url(/resources/images/use-types/sport-fishing.svg?v=2)}.viewed .use-type-container .yacht-use.OCEANGOING{background-image:url(/resources/images/use-types/oceangoing.svg?v=4)}.viewed .use-type-container .yacht-use.EXPEDITION{background-image:url(/resources/images/use-types/expedition.svg?v=4)}.use-type-container .main-type{width:100%}.use-type-container .main-type .main-type-copy p.info{display:block;width:100%;margin-bottom:0 0 10px 0}.use-type-container .main-type .name{display:block;width:100%;color:var(--dark-grey)}.use-type-container .main-type .view-button{position:absolute;bottom:30px;left:20px}.use-type-container .main-type .view-button:hover{color:#fff;background:var(--brand-colour-accent)}.use-type-container.use-type-container-grid{transition:background-color 125ms ease-out;position:relative}.use-type-container.use-type-container-grid:hover{background:var(--brand-colour);border:1px solid var(--brand-colour)}.use-type-container.use-type-container-grid:hover .name,.use-type-container.use-type-container-grid:hover p.info,.use-type-container.use-type-container-grid:hover .performance{color:#fff}.use-type-container.use-type-container-grid:hover .main-type .view-button{border-color:var(--brand-colour);transition:all 0.3s ease;background:#fff}.use-type-container.use-type-container-grid:hover .main-type .view-button:hover{color:#fff;background:var(--brand-colour-accent);border-color:var(--brand-colour-accent)}.use-type-container.use-type-container-grid .view-button:hover{color:#fff;background:var(--brand-colour-accent);border-color:var(--brand-colour-accent)}.use-type-container.use-type-container-grid:hover .yacht-use{filter:invert(100%)}@media only screen and (min-width:641px){.use-type-container.use-type-container-grid{padding:30px 30px 87px;height:100%;border-radius:6px}.use-type-container{padding:20px 20px 10px}.use-type-container .main-type .main-type-copy p.info{margin-bottom:0 0 10px 0}.use-type-container .main-type .view-button{left:30px}}.price-columns,.country-columns{columns:2}.for-sale-price-columns,.length-columns{columns:1}.territory-links{columns:1}.country-columns a img{height:18px;margin-right:10px;margin-top:-2px}@media only screen and (max-width:429px){.price-columns{columns:1}}@media only screen and (min-width:641px) and (max-width:900px){.price-columns,.for-sale-price-columns,.length-columns{columns:3}.country-columns{columns:3}.territory-links{columns:2}}@media only screen and (min-width:901px){.price-columns{columns:4}.for-sale-price-columns,.length-columns{columns:2}.territory-links{columns:2}}@media only screen and (min-width:901px) and (max-width:1280px){.country-columns{columns:5}}@media only screen and (min-width:1280px){.country-columns{columns:5}.territory-links{columns:2}}@media only screen and (min-width:1441px){.country-columns{columns:7}}.price-links a,.length-links a,.territory-links a{display:inline-block;position:relative;text-decoration:none;margin-left:15px}.price-links a:before,.length-links a:before,.territory-links a:before{content:"";display:block;height:10px;width:10px;background:url(/resources/images/icons/sitewide-arrow-right.svg) 0 50% no-repeat;filter:invert(77%) sepia(19%) saturate(6322%) hue-rotate(112deg) brightness(101%) contrast(104%);position:absolute;top:7px;left:-15px;transition:all 0.3s ease}.price-links a:hover:before,.length-links a:hover:before{filter:invert(25%) sepia(50%) saturate(6436%) hue-rotate(213deg) brightness(104%) contrast(103%)}.price-links a:hover,.length-links a:hover,.territory-links a:hover{color:var(--brand-colour)}.price-links a:after,.length-links a:after,.territory-links a:after{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:var(--brand-colour);transform:scaleX(0);transform-origin:bottom right;transition:transform 0.3s}.price-links a:hover:after,.length-links a:hover:after,.territory-links a a:hover:after{transform-origin:bottom left;transform:scaleX(1)}.popular-links a.image-container{display:block;float:left;width:80px;border-radius:3px}.popular-links .details{float:left}.popular-links .details p{margin:0}@media only screen and (min-width:641px) and (max-width:900px){.popular-links a.image-container{margin:0 15px 20px 0}.popular-links .details{margin-bottom:0}}.head-to-head-intro ul{width:100%}.head-to-head-intro ul li{width:100%;letter-spacing:.025em;line-height:1.4em;margin-bottom:18px;padding-left:50px;background:url(/resources/images/icons/menu-new.svg) 0 50% no-repeat}@media only screen and (min-width:768px){.card.refit h3{text-align:center}}@media only screen and (min-width:769px){.custom-build.landing-page-cta .card{width:33%}.custom-build.landing-page-cta .card.refit{width:100%;max-width:calc(3 * 384px)}.custom-build.landing-page-cta .card.refit .card-inner{padding-left:160px;position:relative}.landing-page-cta .card.refit .card-inner p{text-align:left}.custom-build.landing-page-cta .refit .icon{position:absolute;top:35px;left:30px;width:100px;padding-top:14%}.custom-build.landing-page-cta .refit p{margin-bottom:20px;max-width:800px}.custom-build.landing-page-cta .refit .link{margin-bottom:0}}.custom-build.landing-page-cta .icon{display:block;width:100%;height:0;padding-top:40%;background:url(/resources/images/icons/custom-build-services.svg) 50% 0 no-repeat;background-size:100px auto}.custom-build.landing-page-cta .new-build .icon{background-position:50% 7px}.custom-build.landing-page-cta .platform-build .icon{background-position:50% -595px}.custom-build.landing-page-cta .conversion .icon{background-position:50% -309px}.custom-build.landing-page-cta .refit .icon{background-position:50% -904px}.designer-type-container{width:100%;height:100%;padding:20px 20px 10px;margin:0;background:#fff;border:1px solid #f1f1f1;border-radius:6px;background:linear-gradient(to bottom,rgb(241 241 241 / .85) 1%,rgb(253 253 253 / .86) 10%,rgb(247 249 250) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9f1f1f1',endColorstr='#f7f9fa',GradientType=0);display:block}.designer-type-container:hover{background:var(--brand-colour);border:1px solid var(--brand-colour)}.designer-type-container .designer-type{display:block;height:100px;width:144px;background:url(/resources/images/designer-types-outline.svg) 0 0 no-repeat}.designer-type-container:hover .designer-type{filter:invert(100%)}.designer-type-container .designer-type.naval-architect{background:url(/resources/images/directory/naval-architects.svg) 0 0 no-repeat;height:66px}.designer-type-container .designer-type.exterior-designer{background:url(/resources/images/directory/exterior-desingers.svg) 0 0 no-repeat;height:66px}.designer-type-container .designer-type.project-managers{background:url(/resources/images/directory/project-managers.svg) 0 0 no-repeat;height:66px}.designer-type-container .designer-type.refit-specialists{background:url(/resources/images/directory/refit.svg) 0 0 no-repeat;height:66px}.designer-type-container .designer-type.interior-designer{background:url(/resources/images/directory/interior-desingers.svg) 0 0 no-repeat;height:66px}.designer-type-container .designer-type.interior-builders{background:url(/resources/images/directory/interior-builders.svg) 0 0 no-repeat;height:66px}.designer-type-container .designer-type.builders{background:url(/resources/images/directory/builders.svg) 0 0 no-repeat;height:66px;background-size:auto 60px}.designer-type-container .main-type{width:100%}.designer-type-container .main-type .name{display:block;width:100%;margin:15px 0 5px}.designer-type-container .main-type p{display:block;width:100%;margin:0;padding-bottom:20px}.designer-type-container:hover .main-type .name,.designer-type-container:hover .main-type-copy,.designer-type-container:hover .main-type p{color:#fff}.designer-type-container .main-type .view-button{margin:0 0 10px}.designer-type-container:hover .main-type .view-button{background:#fff;border:1px solid #fff}.designer-type-container .main-type .view-button:hover{color:var(--white);background:var(--brand-colour-accent);border:1px solid var(--brand-colour-accent)}.overview-links,.discipline-container{width:100%;text-align:left}.overview-links{margin:25px 0 0}.overview-links .website,.overview-links .phone,.overview-links .email{display:block;width:100%;font-size:var(--body-s);color:var(--medium-grey);margin:0 0 8px;padding:0 0 0 25px;background-position:0 50%;background-repeat:no-repeat}.overview-links .website:hover,.overview-links .phone:hover,.overview-links .email:hover{color:var(--brand-colour)}.overview-links .website{background-image:url(/resources/images/icons/credits_web.svg);background-size:16px auto}.overview-links .phone{background-image:url(/resources/images/icons/credits_phone.svg);background-size:16px auto}.overview-links .email{background-image:url(/resources/images/icons/credits-email.svg);background-size:16px auto}.discipline-container{margin:20px 0 0}.discipline-container a{display:block;width:100%;color:var(--medium-grey);font-size:var(--body-s);padding:0 0 0 26px;height:30px;line-height:30px;position:relative;float:left}.discipline-container a:hover{color:var(--brand-colour)}.discipline-container a:before{content:"";background:url(/resources/images/designer-types-outline.svg) 0 0 no-repeat;background-size:50px auto;width:30px;height:30px;position:absolute;top:0;left:0;opacity:.8}.discipline-container a.architect:before{background-position:0 5px;height:27px}.discipline-container a.exterior:before{background-position:0 -19px;height:19px;top:8px;background-size:44px auto}.discipline-container a.project-manager:before{background-position:0 -34px;top:5px;background-size:43px auto;height:22px}.discipline-container a.refit:before{background-position:0 -61px;height:24px;top:2px}.discipline-container a.interior:before{background-position:0 -85px;height:24px;top:2px}.discipline-container a.interior-builder:before{background-position:0 -106px;height:24px;top:1px}@media only screen and (min-width:901px){.overview-links,.discipline-container{width:100%;max-width:300px;text-align:left;float:right}.overview-links{margin:40px 0 0}.designer-type-container .main-type p{font-size:var(--body-s)}}@media only screen and (min-width:641px) and (max-width:900px){.discipline-container{margin:15px 0 0}.discipline-container a{width:auto;margin:0 20px 0 0}.key-facts-list .workforce{height:122px}}.project .project-wrap .imageContainer.ll-wrap{padding-bottom:100%;border-radius:6px;margin-bottom:10px;position:relative}.project .project-wrap .imageContainer.ll-wrap:before{content:"";height:100%;width:100%;position:absolute;top:0;left:0;transition:all 0.3s ease}.project .project-wrap .imageContainer.ll-wrap:hover:before{background:rgb(0 0 0 / .4);z-index:3}.project .project-wrap .imageContainer.ll-wrap .more-container{height:30px;width:100%;position:absolute;top:50%;left:0;margin:-15px 0 0;transition:all 0.3s ease;z-index:-1;text-align:center}.project .project-wrap .imageContainer.ll-wrap:hover .more-container{z-index:4}.project .project-wrap .imageContainer.ll-wrap .more{height:30px;padding:0 20px;margin:0 10px 0 0;background:var(--brand-colour-accent);color:#fff;font-size:var(--body-xs);line-height:30px;letter-spacing:.025em;border-radius:30px;display:inline-block}.project .project-wrap .imageContainer.ll-wrap .more:hover{background:var(--brand-colour)}.project .project-wrap .imageContainer.ll-wrap .more-container .shortlist{height:30px;width:30px;border:1px solid #fff;border-radius:50px;display:inline-block;background:url(/resources/images/icons/search_hart-empty.svg) 5px 6px no-repeat #fff;background-size:auto 17px}.project .project-wrap .imageContainer.ll-wrap .more-container .shortlist:hover{background:url(/resources/images/icons/search_hart-full.svg) 5px 6px no-repeat #fff;background-size:auto 17px}.project .project-wrap .imageContainer.ll-wrap .caption{color:#fff;line-height:1.2em;font-weight:400;position:absolute;top:15px;left:20px;z-index:-1}.project .project-wrap .imageContainer.ll-wrap:hover .caption{z-index:4}.project .project-wrap .project-builder-section{display:flex;align-items:center;width:100%;margin-bottom:10px}.project .project-wrap .project-builder-logo{border-radius:50%;border:1px solid #ccc;float:left;margin:0 5px 0 0}.project .project-wrap .project-builder-section p{float:left;margin:0;line-height:1.2em;letter-spacing:.025em}.project .project-wrap .project-builder-section p a{color:var(--dark-grey)}.project .project-wrap .project-builder-section p a:hover{color:var(--dark-grey-hover)}.project-main-photo{padding-left:0;padding-right:0}.project-photo-details .designer-row .logo-container{float:left;border-radius:50%;overflow:hidden}.project-photo-details .designer-row .designer-details{float:left}.project-photo-details .designer-row .designer-details p{line-height:1.15em;font-weight:400}.project-photo-details .designer-row .designer-details p.design-type{font-weight:500}.project-photo-details .additional-photos .photos-heading{color:var(--dark-grey)}.project-photo-details .additional-photos .photos-heading a{color:var(--dark-grey)}.project-photo-details .additional-photos ul.row{margin-left:-3px;margin-right:-3px}.project-photo-details .additional-photos ul li.columns{padding-left:3px;padding-right:3px;margin-bottom:6px}.brand-alphabet-links,.designer-alphabet-links,.engine-alphabet-links,.credit-alphabet-links{width:100%;float:left;text-align:center}.brand-alphabet-links a,.designer-alphabet-links a,.engine-alphabet-links a,.credit-alphabet-links a{display:inline-block;position:relative;padding:0 15px 0 10px;line-height:15px}.brand-alphabet-links a.active,.designer-alphabet-links a.active,.engine-alphabet-links a.active,.credit-alphabet-links a.active{color:#003e5f;cursor:default}.brand-alphabet-links a:hover,.designer-alphabet-links a:hover,.engine-alphabet-links a:hover,.credit-alphabet-links a:hover{color:#023886}.brand-alphabet-links a:after,.designer-alphabet-links a:after,.engine-alphabet-links a:after,.credit-alphabet-links a:after{content:"";position:absolute;top:-2px;right:0;width:1px;height:22px;background:#ccc}.brand-alphabet-links a:last-child:after,.designer-alphabet-links a:last-child:after,.engine-alphabet-links a:last-child:after,.credit-alphabet-links a:last-child:after{display:none}.builders-search{text-align:center;display:inline-block}.builders-search .search-input{width:300px}.builders-search button.clear{padding:15px 0}.designer-list{justify-content:center}.brand-list .shipyard,.contributor-list .credit,.designer-list .designer,.brand-list .manafacture,.award-list .award{margin:0 0 15px}.contributor-list{justify-content:center}.brand-list.medium-up-3 .column.shipyard,.brand-list.smallMedium-up-2 .column.shipyard,.contributor-list.medium-up-3 .column.credit,.contributor-list.smallMedium-up-2 .column.credit,.designer-list.medium-up-3 .column.designer,.designer-list.smallMedium-up-2 .column.designer,.brand-list.medium-up-3 .column.manafacture,.brand-list.smallMedium-up-2 .column.manafacture,.award-list.medium-up-3 .column.award,.award-list.smallMedium-up-2 .column.award{clear:none}.brand-list .shipyard a,.contributor-list .credit a,.brand-list .manafacture a,.designer-list .designer a,.dealers-list .dealer a,.award-list .award a{padding:10px 5px 10px 10px;background-color:#fff;display:flex;border:1px solid #f1f1f1;border-radius:3px;transition:all 0.3s ease;box-shadow:0 1px 11px 0 rgb(0 0 0 / .04)}@media only screen and (max-width:640px){.brand-list .shipyard a,.contributor-list .credit a,.designer-list .designer a,.brand-list .manafacture a,.award-list .award,.dealers-list .dealer a{padding-top:5px;padding-bottom:5px}.brand-list .shipyard,.contributor-list .credit,.brand-list .manafacture,.award-list .award{margin:0 0 5px}}.brand-list .shipyard span,.contributor-list .credit span,.designer-list .designer span,.brand-list .manafacture span,.dealers-list .dealer span,.award-list .award span{flex:1 1 100%;padding:5px 0;height:30px;line-height:1.3em}.brand-list .shipyard a:hover,.contributor-list .credit a:hover,.designer-list .designer a:hover,.brand-list .manafacture a:hover,.dealers-list .dealer a:hover,.award-list .award a:hover{text-decoration:none;border:1px solid var(--brand-colour-accent)}.brand-list .shipyard a .logo-container,.contributor-list .credit a .logo-container,.designer-list .designer a .logo-container,.brand-list .manafacture a .logo-container,.dealers-list .dealer a .logo-container,.award-list .award a .logo-container{width:40px;height:30px;margin:0 15px 0 0;background-color:#fff;text-align:center;flex:0 0 40px;display:flex;align-items:center}.brand-list .shipyard a .logo-container img,.contributor-list .credit a .logo-container img,.designer-list .designer a .logo-container img,.brand-list .manafacture a .logo-container img,.dealers-list .dealer a .logo-container img,.award-list .award a .logocontainer img{max-height:30px;max-width:40px;margin-left:auto}.contributor-list .credit a .logo-container.contributor-person img{border-radius:100%;height:30px;width:30px}.award-list .award a .logo-container img{border-radius:20px;height:30px}.award-list .award a .logo-container.outline img{border:1px solid #ddd}@media only screen and (max-width:900px){.brand-list .shipyard a span,.contributor-list .credit a span,.designer-list .designer a span,.brand-list .manafacture a span,.dealers-list .dealer a span,.award-list .award a span{display:inline-block;width:80%;height:auto;min-height:30px}}.brand-wrap{display:block;width:100%}.brand-wrap.limited{overflow:hidden;position:relative;padding-bottom:60px}.brand-wrap.limited:after{content:"";width:100%;height:140px;position:absolute;bottom:0;left:0;z-index:10;background:linear-gradient(to bottom,rgb(241 241 241 / .1) 1%,rgb(253 253 253 / .46) 10%,rgb(247 249 250) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9f1f1f1',endColorstr='#f7f9fa',GradientType=0)}.more-builders{position:absolute!important;bottom:20px;left:50%;transform:translateX(-50%);z-index:12}@media only screen and (max-width:640px){.stock-contact{width:100%;text-align:center}}@media only screen and (min-width:1281px){.image-cta-block{width:85.2%;margin-left:auto;margin-right:auto}}.image-cta-block .image-wrap{background-color:#fff0;position:relative;display:block}.image-cta-block .image-cta-item .image-wrap img{width:100%;height:auto}.image-cta-block .copy-block a{display:block}.image-cta-block .copy-block a.info:hover{color:var(--dark-grey)}.image-cta-block .image-cta-item .copy-block{display:block;padding:0 25px}.image-cta-block .main-btn{width:224px;background:var(--brand-colour);margin:17px 0 10px;transition:150ms ease-out all}.image-cta-block .vertical-align-content-flex .main-btn,.image-cta-block .vertical-align-content-flex p{margin-bottom:0}.image-cta-block .main-btn:hover{color:#fff;background:var(--brand-colour-accent);border-color:var(--brand-colour-accent)}@media only screen and (min-width:641px){.image-cta-item.full-width-version .image-wrap{margin-bottom:0}}@media only screen and (max-width:640px){.image-cta-item.full-width-version{text-align:center}.image-cta-block{padding-bottom:0}.image-cta-item.full-width-version .button{margin-left:auto;margin-right:auto}}@media only screen and (min-width:641px) and (max-width:900px){.image-cta-block .image-cta-item .copy-block{padding:0 14px}}@media only screen and (min-width:641px){.image-cta-block .main-btn{margin:20px 0 25px}}.image-cta-block .no-fake-listings{height:62px;width:62px;border-radius:50%;color:#fff;text-align:center;position:absolute;bottom:-20px;right:16%;background:red;display:inline-flex;align-items:center;transition:all 0.3s ease;z-index:2;padding:0}.image-cta-block .no-fake-listings:hover{background:var(--brand-colour)}@media only screen and (min-width:641px){.image-cta-block .no-fake-listings{height:70px;width:70px;line-height:1.1em}}@media only screen and (min-width:641px) and (max-width:900px){.image-cta-block .no-fake-listings{height:52px;width:52px;font-size:9px;line-height:1.1em}}@media only screen and (min-width:901px) and (max-width:1280px){.image-cta-block .no-fake-listings{height:54px;width:54px;font-size:9px;line-height:1.15em;right:18%}}@media only screen and (min-width:1281px) and (max-width:1440px){.image-cta-block .no-fake-listings{height:61px;width:61px;font-size:10px;line-height:1.15em}}.popular-brands-container{text-align:center}.popular-brands-list,.related-builders-list{display:flex;flex-wrap:wrap;justify-content:center;width:100%;align-items:stretch;align-content:center;column-gap:15px;margin-bottom:5px}.related-builders-list{justify-content:left;margin-left:-.3275rem;margin-right:-.3275rem}.popular-brands-list li,.related-builders-list li{flex:0 1 calc(33% - 15px);box-sizing:border-box;margin:0 0 15px 0;padding:0}.popular-brands-list li a,.related-builders-list li a{display:grid;align-items:center;padding:61% 10px 10px 10px;border:1px solid #ccc;border-radius:6px;background:#fff;text-align:center;overflow:hidden;height:0;position:relative}.popular-brands-list li a:hover,.related-builders-list li a:hover{border:1px solid var(--brand-colour-accent)}.popular-brands-list li img,.related-builders-list li img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:calc(100% - 30px);max-height:calc(100% - 30px);margin:0 auto}.popular-brands-list li a .brand-name{width:100%;display:none}@media only screen and (min-width:1281px){.popular-brands-list li,.related-builders-list li{flex:0 1 calc(33% -15px)}}@media only screen and (min-width:641px){.popular-brands-list,.related-builders-list{column-gap:20px;margin-bottom:0}.popular-brands-list li,.related-builders-list li{flex:0 1 calc(12% - 20px);margin:0 0 20px 0}.popular-brands-list.engine-brands li{min-height:auto}.related-builders-list{justify-content:left;margin-left:-10px;margin-right:-10px}.related-builders-list li{padding:0 10px;margin:20px 0 0 0}.popular-brands-list li img,.related-builders-list li img{max-width:calc(100% - 40px);max-height:calc(100% - 40px)}}@media only screen and (min-width:641px) and (max-width:900px){.popular-brands-list li.manufacturers-logo a img{height:45px}.popular-brands-list.engine-brands li.manufacturers-logo a img{height:auto}}@media only screen and (min-width:1280px){.popular-brands-list li,.related-builders-list li{flex:0 1 calc(12% - 20px)}.popular-brands-list.engine-brands li{flex:0 1 14%}.article-related-builder .related-builders-list{column-gap:0}.article-related-builder .related-builders-list li{flex:0 1 calc(20% - 20px)}}